diff --git a/frontend/playwright/data/render-wasm/get-file-frame-nested-clipping.json b/frontend/playwright/data/render-wasm/get-file-frame-nested-clipping.json index 1a4d016d8f..6e68edf16b 100644 --- a/frontend/playwright/data/render-wasm/get-file-frame-nested-clipping.json +++ b/frontend/playwright/data/render-wasm/get-file-frame-nested-clipping.json @@ -1,1089 +1,1996 @@ { - "~:features": { - "~#set": [ - "fdata/path-data", - "plugins/runtime", - "design-tokens/v1", - "variants/v1", - "layout/grid", - "styles/v2", - "fdata/pointer-map", - "fdata/objects-map", - "render-wasm/v1", - "components/v2", - "fdata/shape-data-type" - ] - }, - "~:team-id": "~ueba8fa2e-4140-8084-8005-448635d7a724", - "~:permissions": { - "~:type": "~:membership", - "~:is-owner": true, - "~:is-admin": true, - "~:can-edit": true, - "~:can-read": true, - "~:is-logged": true - }, - "~:has-media-trimmed": false, - "~:comment-thread-seqn": 0, - "~:name": "Nested clipping", - "~:revn": 44, - "~:modified-at": "~m1764151542189", - "~:vern": 0, - "~:id": "~u44471494-966a-8178-8006-c5bd93f0fe72", - "~:is-shared": false, - "~:migrations": { - "~#ordered-set": [ - "legacy-2", - "legacy-3", - "legacy-5", - "legacy-6", - "legacy-7", - "legacy-8", - "legacy-9", - "legacy-10", - "legacy-11", - "legacy-12", - "legacy-13", - "legacy-14", - "legacy-16", - "legacy-17", - "legacy-18", - "legacy-19", - "legacy-25", - "legacy-26", - "legacy-27", - "legacy-28", - "legacy-29", - "legacy-31", - "legacy-32", - "legacy-33", - "legacy-34", - "legacy-36", - "legacy-37", - "legacy-38", - "legacy-39", - "legacy-40", - "legacy-41", - "legacy-42", - "legacy-43", - "legacy-44", - "legacy-45", - "legacy-46", - "legacy-47", - "legacy-48", - "legacy-49", - "legacy-50", - "legacy-51", - "legacy-52", - "legacy-53", - "legacy-54", - "legacy-55", - "legacy-56", - "legacy-57", - "legacy-59", - "legacy-62", - "legacy-65", - "legacy-66", - "legacy-67", - "0001-remove-tokens-from-groups", - "0002-normalize-bool-content-v2", - "0002-clean-shape-interactions", - "0003-fix-root-shape", - "0003-convert-path-content-v2", - "0005-deprecate-image-type", - "0006-fix-old-texts-fills", - "0008-fix-library-colors-v4", - "0009-clean-library-colors", - "0009-add-partial-text-touched-flags", - "0010-fix-swap-slots-pointing-non-existent-shapes", - "0011-fix-invalid-text-touched-flags", - "0012-fix-position-data", - "0013-fix-component-path", - "0013-clear-invalid-strokes-and-fills", - "0014-fix-tokens-lib-duplicate-ids", - "0014-clear-components-nil-objects", - "0015-fix-text-attrs-blank-strings", - "0015-clean-shadow-color", - "0016-copy-fills-from-position-data-to-text-node" - ] - }, - "~:version": 67, - "~:project-id": "~ueba8fa2e-4140-8084-8005-448635da32b4", - "~:created-at": "~m1764144613130", - "~:backend": "legacy-db", - "~:data": { - "~:pages": [ - "~u44471494-966a-8178-8006-c5bd93f0fe73" - ], - "~:pages-index": { - "~u44471494-966a-8178-8006-c5bd93f0fe73": { - "~:objects": { - "~u00000000-0000-0000-0000-000000000000": { - "~#shape": { - "~:y": 0, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:name": "Root Frame", - "~:width": 0.01, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 0, - "~:y": 0 - } - }, - { - "~#point": { - "~:x": 0.01, - "~:y": 0 - } - }, - { - "~#point": { - "~:x": 0.01, - "~:y": 0.01 - } - }, - { - "~#point": { - "~:x": 0, - "~:y": 0.01 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:r1": 0, - "~:id": "~u00000000-0000-0000-0000-000000000000", - "~:parent-id": "~u00000000-0000-0000-0000-000000000000", - "~:frame-id": "~u00000000-0000-0000-0000-000000000000", - "~:strokes": [], - "~:x": 0, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { + "~:features": { + "~#set": [ + "fdata/path-data", + "design-tokens/v1", + "variants/v1", + "layout/grid", + "fdata/pointer-map", + "fdata/objects-map", + "components/v2", + "fdata/shape-data-type" + ] + }, + "~:team-id": "~ueba8fa2e-4140-8084-8005-448635d7a724", + "~:permissions": { + "~:type": "~:membership", + "~:is-owner": true, + "~:is-admin": true, + "~:can-edit": true, + "~:can-read": true, + "~:is-logged": true + }, + "~:has-media-trimmed": false, + "~:comment-thread-seqn": 0, + "~:name": "Nested clipping", + "~:revn": 44, + "~:modified-at": "~m1764151542189", + "~:vern": 0, + "~:id": "~u44471494-966a-8178-8006-c5bd93f0fe72", + "~:is-shared": false, + "~:migrations": { + "~#ordered-set": [ + "legacy-2", + "legacy-3", + "legacy-5", + "legacy-6", + "legacy-7", + "legacy-8", + "legacy-9", + "legacy-10", + "legacy-11", + "legacy-12", + "legacy-13", + "legacy-14", + "legacy-16", + "legacy-17", + "legacy-18", + "legacy-19", + "legacy-25", + "legacy-26", + "legacy-27", + "legacy-28", + "legacy-29", + "legacy-31", + "legacy-32", + "legacy-33", + "legacy-34", + "legacy-36", + "legacy-37", + "legacy-38", + "legacy-39", + "legacy-40", + "legacy-41", + "legacy-42", + "legacy-43", + "legacy-44", + "legacy-45", + "legacy-46", + "legacy-47", + "legacy-48", + "legacy-49", + "legacy-50", + "legacy-51", + "legacy-52", + "legacy-53", + "legacy-54", + "legacy-55", + "legacy-56", + "legacy-57", + "legacy-59", + "legacy-62", + "legacy-65", + "legacy-66", + "legacy-67", + "0001-remove-tokens-from-groups", + "0002-normalize-bool-content-v2", + "0002-clean-shape-interactions", + "0003-fix-root-shape", + "0003-convert-path-content-v2", + "0005-deprecate-image-type", + "0006-fix-old-texts-fills", + "0008-fix-library-colors-v4", + "0009-clean-library-colors", + "0009-add-partial-text-touched-flags", + "0010-fix-swap-slots-pointing-non-existent-shapes", + "0011-fix-invalid-text-touched-flags", + "0012-fix-position-data", + "0013-fix-component-path", + "0013-clear-invalid-strokes-and-fills", + "0014-fix-tokens-lib-duplicate-ids", + "0014-clear-components-nil-objects", + "0015-fix-text-attrs-blank-strings", + "0015-clean-shadow-color", + "0016-copy-fills-from-position-data-to-text-node" + ] + }, + "~:version": 67, + "~:project-id": "~ueba8fa2e-4140-8084-8005-448635da32b4", + "~:created-at": "~m1768375757989", + "~:backend": "legacy-db", + "~:data": { + "~:pages": [ + "~u44471494-966a-8178-8006-c5bd93f0fe73" + ], + "~:pages-index": { + "~u44471494-966a-8178-8006-c5bd93f0fe73": { + "~:id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:name": "Page 1", + "~:objects": { + "~u00000000-0000-0000-0000-000000000000": { + "~#shape": { + "~:y": 0, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:name": "Root Frame", + "~:width": 0.01, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { "~:x": 0, - "~:y": 0, - "~:width": 0.01, - "~:height": 0.01, - "~:x1": 0, - "~:y1": 0, - "~:x2": 0.01, - "~:y2": 0.01 + "~:y": 0 } }, - "~:fills": [ - { - "~:fill-color": "#FFFFFF", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 0.01, - "~:flip-y": null, - "~:shapes": [ - "~u571478fd-6386-8085-8007-2b11cd2fc79a", - "~u1a629c22-3d11-80b1-8007-2b2bf3d82765", - "~u1a629c22-3d11-80b1-8007-2b2c061d3786" - ] - } - }, - "~u571478fd-6386-8085-8007-2b11c3aa600f": { - "~#shape": { - "~:y": 440, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 + { + "~#point": { + "~:x": 0.01, + "~:y": 0 } }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": false, - "~:name": "Rectangle", - "~:width": 456, - "~:type": "~:rect", - "~:points": [ - { - "~#point": { - "~:x": 669, - "~:y": 440 - } - }, - { - "~#point": { - "~:x": 1125, - "~:y": 440 - } - }, - { - "~#point": { - "~:x": 1125, - "~:y": 609 - } - }, - { - "~#point": { - "~:x": 669, - "~:y": 609 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 + { + "~#point": { + "~:x": 0.01, + "~:y": 0.01 } }, - "~:r3": 0, - "~:constraints-v": "~:top", - "~:constraints-h": "~:left", - "~:r1": 0, - "~:id": "~u571478fd-6386-8085-8007-2b11c3aa600f", - "~:parent-id": "~u571478fd-6386-8085-8007-2b11bf4e9c11", - "~:frame-id": "~u571478fd-6386-8085-8007-2b11bf4e9c11", - "~:strokes": [], - "~:x": 669, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 669, - "~:y": 440, - "~:width": 456, - "~:height": 169, - "~:x1": 669, - "~:y1": 440, - "~:x2": 1125, - "~:y2": 609 + { + "~#point": { + "~:x": 0, + "~:y": 0.01 } - }, - "~:fills": [ - { - "~:fill-color": "#B1B2B5", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 169, - "~:flip-y": null - } - }, - "~u571478fd-6386-8085-8007-2b11cd2fc79a": { - "~#shape": { - "~:y": 204, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": false, - "~:name": "Board", - "~:width": 535, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 333, - "~:y": 204 - } - }, - { - "~#point": { - "~:x": 868, - "~:y": 204 - } - }, - { - "~#point": { - "~:x": 868, - "~:y": 851 - } - }, - { - "~#point": { - "~:x": 333, - "~:y": 851 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:r1": 0, - "~:id": "~u571478fd-6386-8085-8007-2b11cd2fc79a", - "~:parent-id": "~u00000000-0000-0000-0000-000000000000", - "~:frame-id": "~u00000000-0000-0000-0000-000000000000", - "~:strokes": [], - "~:x": 333, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 333, - "~:y": 204, - "~:width": 535, - "~:height": 647, - "~:x1": 333, - "~:y1": 204, - "~:x2": 868, - "~:y2": 851 - } - }, - "~:fills": [ - { - "~:fill-color": "#FFFFFF", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 647, - "~:flip-y": null, - "~:shapes": [ - "~u571478fd-6386-8085-8007-2b11bf4e9c11" - ] - } - }, - "~u1a629c22-3d11-80b1-8007-2b2c061d3788": { - "~#shape": { - "~:y": 1173, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": false, - "~:name": "Rectangle", - "~:width": 456, - "~:type": "~:rect", - "~:points": [ - { - "~#point": { - "~:x": 1254, - "~:y": 1173 - } - }, - { - "~#point": { - "~:x": 1710, - "~:y": 1173 - } - }, - { - "~#point": { - "~:x": 1710, - "~:y": 1342 - } - }, - { - "~#point": { - "~:x": 1254, - "~:y": 1342 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:constraints-v": "~:top", - "~:constraints-h": "~:left", - "~:r1": 0, - "~:id": "~u1a629c22-3d11-80b1-8007-2b2c061d3788", - "~:parent-id": "~u1a629c22-3d11-80b1-8007-2b2c061d3787", - "~:frame-id": "~u1a629c22-3d11-80b1-8007-2b2c061d3787", - "~:strokes": [], - "~:x": 1254, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 1254, - "~:y": 1173, - "~:width": 456, - "~:height": 169, - "~:x1": 1254, - "~:y1": 1173, - "~:x2": 1710, - "~:y2": 1342 - } - }, - "~:fills": [ - { - "~:fill-color": "#B1B2B5", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 169, - "~:flip-y": null - } - }, - "~u1a629c22-3d11-80b1-8007-2b2c061d3787": { - "~#shape": { - "~:y": 1042, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": true, - "~:name": "Board", - "~:width": 518, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 1106, - "~:y": 1042 - } - }, - { - "~#point": { - "~:x": 1624, - "~:y": 1042 - } - }, - { - "~#point": { - "~:x": 1624, - "~:y": 1466 - } - }, - { - "~#point": { - "~:x": 1106, - "~:y": 1466 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:constraints-v": "~:top", - "~:constraints-h": "~:left", - "~:r1": 0, - "~:id": "~u1a629c22-3d11-80b1-8007-2b2c061d3787", - "~:parent-id": "~u1a629c22-3d11-80b1-8007-2b2c061d3786", - "~:frame-id": "~u1a629c22-3d11-80b1-8007-2b2c061d3786", - "~:strokes": [], - "~:x": 1106, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 1106, - "~:y": 1042, - "~:width": 518, - "~:height": 424, - "~:x1": 1106, - "~:y1": 1042, - "~:x2": 1624, - "~:y2": 1466 - } - }, - "~:fills": [ - { - "~:fill-color": "#dc0606", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 424, - "~:flip-y": null, - "~:shapes": [ - "~u1a629c22-3d11-80b1-8007-2b2c061d3788" - ] - } - }, - "~u571478fd-6386-8085-8007-2b11bf4e9c11": { - "~#shape": { - "~:y": 309, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": true, - "~:name": "Board", - "~:width": 518, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 521, - "~:y": 309 - } - }, - { - "~#point": { - "~:x": 1039, - "~:y": 309 - } - }, - { - "~#point": { - "~:x": 1039, - "~:y": 733 - } - }, - { - "~#point": { - "~:x": 521, - "~:y": 733 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:constraints-v": "~:top", - "~:constraints-h": "~:left", - "~:r1": 0, - "~:id": "~u571478fd-6386-8085-8007-2b11bf4e9c11", - "~:parent-id": "~u571478fd-6386-8085-8007-2b11cd2fc79a", - "~:frame-id": "~u571478fd-6386-8085-8007-2b11cd2fc79a", - "~:strokes": [], - "~:x": 521, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 521, - "~:y": 309, - "~:width": 518, - "~:height": 424, - "~:x1": 521, - "~:y1": 309, - "~:x2": 1039, - "~:y2": 733 - } - }, - "~:fills": [ - { - "~:fill-color": "#dc0606", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 424, - "~:flip-y": null, - "~:shapes": [ - "~u571478fd-6386-8085-8007-2b11c3aa600f" - ] - } - }, - "~u1a629c22-3d11-80b1-8007-2b2c061d3786": { - "~#shape": { - "~:y": 937, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": false, - "~:name": "Board", - "~:width": 535, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 918, - "~:y": 937 - } - }, - { - "~#point": { - "~:x": 1453, - "~:y": 937 - } - }, - { - "~#point": { - "~:x": 1453, - "~:y": 1584 - } - }, - { - "~#point": { - "~:x": 918, - "~:y": 1584 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:blur": { - "~:id": "~u1a629c22-3d11-80b1-8007-2b2c031523df", - "~:type": "~:layer-blur", - "~:value": 4, - "~:hidden": false - }, - "~:r1": 0, - "~:id": "~u1a629c22-3d11-80b1-8007-2b2c061d3786", - "~:parent-id": "~u00000000-0000-0000-0000-000000000000", - "~:frame-id": "~u00000000-0000-0000-0000-000000000000", - "~:strokes": [], - "~:x": 918, - "~:proportion": 1, - "~:shadow": [ - { - "~:id": "~u1a629c22-3d11-80b1-8007-2b2c0899422b", - "~:style": "~:drop-shadow", - "~:color": { - "~:color": "#000000", - "~:opacity": 1 - }, - "~:offset-x": 40, - "~:offset-y": 40, - "~:blur": 4, - "~:spread": 0, - "~:hidden": false - } - ], - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 918, - "~:y": 937, - "~:width": 535, - "~:height": 647, - "~:x1": 918, - "~:y1": 937, - "~:x2": 1453, - "~:y2": 1584 - } - }, - "~:fills": [ - { - "~:fill-color": "#FFFFFF", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 647, - "~:flip-y": null, - "~:shapes": [ - "~u1a629c22-3d11-80b1-8007-2b2c061d3787" - ] - } - }, - "~u1a629c22-3d11-80b1-8007-2b2bf3d82765": { - "~#shape": { - "~:y": 937, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": false, - "~:name": "Board", - "~:width": 535, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 333, - "~:y": 937 - } - }, - { - "~#point": { - "~:x": 868, - "~:y": 937 - } - }, - { - "~#point": { - "~:x": 868, - "~:y": 1584 - } - }, - { - "~#point": { - "~:x": 333, - "~:y": 1584 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:blur": { - "~:id": "~u1a629c22-3d11-80b1-8007-2b2c031523df", - "~:type": "~:layer-blur", - "~:value": 4, - "~:hidden": false - }, - "~:r1": 0, - "~:id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82765", - "~:parent-id": "~u00000000-0000-0000-0000-000000000000", - "~:frame-id": "~u00000000-0000-0000-0000-000000000000", - "~:strokes": [], - "~:x": 333, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 333, - "~:y": 937, - "~:width": 535, - "~:height": 647, - "~:x1": 333, - "~:y1": 937, - "~:x2": 868, - "~:y2": 1584 - } - }, - "~:fills": [ - { - "~:fill-color": "#FFFFFF", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 647, - "~:flip-y": null, - "~:shapes": [ - "~u1a629c22-3d11-80b1-8007-2b2bf3d82766" - ] - } - }, - "~u1a629c22-3d11-80b1-8007-2b2bf3d82766": { - "~#shape": { - "~:y": 1042, - "~:hide-fill-on-export": false, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": true, - "~:name": "Board", - "~:width": 518, - "~:type": "~:frame", - "~:points": [ - { - "~#point": { - "~:x": 521, - "~:y": 1042 - } - }, - { - "~#point": { - "~:x": 1039, - "~:y": 1042 - } - }, - { - "~#point": { - "~:x": 1039, - "~:y": 1466 - } - }, - { - "~#point": { - "~:x": 521, - "~:y": 1466 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:constraints-v": "~:top", - "~:constraints-h": "~:left", - "~:r1": 0, - "~:id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82766", - "~:parent-id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82765", - "~:frame-id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82765", - "~:strokes": [], - "~:x": 521, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 521, - "~:y": 1042, - "~:width": 518, - "~:height": 424, - "~:x1": 521, - "~:y1": 1042, - "~:x2": 1039, - "~:y2": 1466 - } - }, - "~:fills": [ - { - "~:fill-color": "#dc0606", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 424, - "~:flip-y": null, - "~:shapes": [ - "~u1a629c22-3d11-80b1-8007-2b2bf3d82767" - ] - } - }, - "~u1a629c22-3d11-80b1-8007-2b2bf3d82767": { - "~#shape": { - "~:y": 1173, - "~:transform": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:rotation": 0, - "~:grow-type": "~:fixed", - "~:hide-in-viewer": false, - "~:name": "Rectangle", - "~:width": 456, - "~:type": "~:rect", - "~:points": [ - { - "~#point": { - "~:x": 669, - "~:y": 1173 - } - }, - { - "~#point": { - "~:x": 1125, - "~:y": 1173 - } - }, - { - "~#point": { - "~:x": 1125, - "~:y": 1342 - } - }, - { - "~#point": { - "~:x": 669, - "~:y": 1342 - } - } - ], - "~:r2": 0, - "~:proportion-lock": false, - "~:transform-inverse": { - "~#matrix": { - "~:a": 1, - "~:b": 0, - "~:c": 0, - "~:d": 1, - "~:e": 0, - "~:f": 0 - } - }, - "~:r3": 0, - "~:constraints-v": "~:top", - "~:constraints-h": "~:left", - "~:r1": 0, - "~:id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82767", - "~:parent-id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82766", - "~:frame-id": "~u1a629c22-3d11-80b1-8007-2b2bf3d82766", - "~:strokes": [], - "~:x": 669, - "~:proportion": 1, - "~:r4": 0, - "~:selrect": { - "~#rect": { - "~:x": 669, - "~:y": 1173, - "~:width": 456, - "~:height": 169, - "~:x1": 669, - "~:y1": 1173, - "~:x2": 1125, - "~:y2": 1342 - } - }, - "~:fills": [ - { - "~:fill-color": "#B1B2B5", - "~:fill-opacity": 1 - } - ], - "~:flip-x": null, - "~:height": 169, - "~:flip-y": null - } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u00000000-0000-0000-0000-000000000000", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 0, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 0, + "~:y": 0, + "~:width": 0.01, + "~:height": 0.01, + "~:x1": 0, + "~:y1": 0, + "~:x2": 0.01, + "~:y2": 0.01 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 0.01, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c72e", + "~ue5199cd7-69e2-8001-8007-6a1bccaf0d96", + "~ue5199cd7-69e2-8001-8007-6a1bc188c731", + "~ue5199cd7-69e2-8001-8007-6a1beb087a2f", + "~ue5199cd7-69e2-8001-8007-6a1bc188c734", + "~ue5199cd7-69e2-8001-8007-6a1beb087a2c" + ] } }, - "~:id": "~u1dc9717a-2217-80f7-8007-2b11bac2823f", - "~:name": "Page 1" + "~ue5199cd7-69e2-8001-8007-6a1beb087a2d": { + "~#shape": { + "~:y": 1864.99995803833, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:width": 518, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1006, + "~:y": 1864.99995803833 + } + }, + { + "~#point": { + "~:x": 1524, + "~:y": 1864.99995803833 + } + }, + { + "~#point": { + "~:x": 1524, + "~:y": 2288.99995803833 + } + }, + { + "~#point": { + "~:x": 1006, + "~:y": 2288.99995803833 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2d", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2c", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2c", + "~:strokes": [ + { + "~:stroke-alignment": "~:inner", + "~:stroke-style": "~:solid", + "~:stroke-color": "#000000", + "~:stroke-opacity": 1, + "~:stroke-width": 10 + } + ], + "~:x": 1006, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1006, + "~:y": 1864.99995803833, + "~:width": 518, + "~:height": 424, + "~:x1": 1006, + "~:y1": 1864.99995803833, + "~:x2": 1524, + "~:y2": 2288.99995803833 + } + }, + "~:fills": [ + { + "~:fill-color": "#dc0606", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 424, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1beb087a2e" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1beb087a2c": { + "~#shape": { + "~:y": 1759.99995803833, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Board", + "~:width": 535, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 818, + "~:y": 1759.99995803833 + } + }, + { + "~#point": { + "~:x": 1353, + "~:y": 1759.99995803833 + } + }, + { + "~#point": { + "~:x": 1353, + "~:y": 2406.99995803833 + } + }, + { + "~#point": { + "~:x": 818, + "~:y": 2406.99995803833 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:blur": { + "~:id": "~u1a629c22-3d11-80b1-8007-2b2c031523df", + "~:type": "~:layer-blur", + "~:value": 4, + "~:hidden": false + }, + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2c", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 818, + "~:proportion": 1, + "~:shadow": [ + { + "~:id": "~u1a629c22-3d11-80b1-8007-2b2c0899422b", + "~:style": "~:drop-shadow", + "~:color": { + "~:opacity": 1, + "~:color": "#000000" + }, + "~:offset-x": 40, + "~:offset-y": 40, + "~:blur": 4, + "~:spread": 0, + "~:hidden": false + } + ], + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 818, + "~:y": 1759.99995803833, + "~:width": 535, + "~:height": 647, + "~:x1": 818, + "~:y1": 1759.99995803833, + "~:x2": 1353, + "~:y2": 2406.99995803833 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 647, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1beb087a2d" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1beb087a2f": { + "~#shape": { + "~:y": 1759.99995803833, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Board", + "~:width": 535, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 233, + "~:y": 1759.99995803833 + } + }, + { + "~#point": { + "~:x": 768, + "~:y": 1759.99995803833 + } + }, + { + "~#point": { + "~:x": 768, + "~:y": 2406.99995803833 + } + }, + { + "~#point": { + "~:x": 233, + "~:y": 2406.99995803833 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:blur": { + "~:id": "~u1a629c22-3d11-80b1-8007-2b2c031523df", + "~:type": "~:layer-blur", + "~:value": 4, + "~:hidden": false + }, + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2f", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 233, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 233, + "~:y": 1759.99995803833, + "~:width": 535, + "~:height": 647, + "~:x1": 233, + "~:y1": 1759.99995803833, + "~:x2": 768, + "~:y2": 2406.99995803833 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 647, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1beb087a30" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c72f": { + "~#shape": { + "~:y": 375, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:width": 518, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 421, + "~:y": 375 + } + }, + { + "~#point": { + "~:x": 939, + "~:y": 375 + } + }, + { + "~#point": { + "~:x": 939, + "~:y": 799 + } + }, + { + "~#point": { + "~:x": 421, + "~:y": 799 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c72f", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c72e", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c72e", + "~:strokes": [], + "~:x": 421, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 421, + "~:y": 375, + "~:width": 518, + "~:height": 424, + "~:x1": 421, + "~:y1": 375, + "~:x2": 939, + "~:y2": 799 + } + }, + "~:fills": [ + { + "~:fill-color": "#dc0606", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 424, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c730" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1beb087a2e": { + "~#shape": { + "~:y": 1995.99995803833, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Rectangle", + "~:width": 456, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1154, + "~:y": 1995.99995803833 + } + }, + { + "~#point": { + "~:x": 1610, + "~:y": 1995.99995803833 + } + }, + { + "~#point": { + "~:x": 1610, + "~:y": 2164.99995803833 + } + }, + { + "~#point": { + "~:x": 1154, + "~:y": 2164.99995803833 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2e", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2d", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2d", + "~:strokes": [], + "~:x": 1154, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1154, + "~:y": 1995.99995803833, + "~:width": 456, + "~:height": 169, + "~:x1": 1154, + "~:y1": 1995.99995803833, + "~:x2": 1610, + "~:y2": 2164.99995803833 + } + }, + "~:fills": [ + { + "~:fill-color": "#B1B2B5", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 169, + "~:flip-y": null + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c72e": { + "~#shape": { + "~:y": 270, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Board", + "~:width": 535, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 233, + "~:y": 270 + } + }, + { + "~#point": { + "~:x": 768, + "~:y": 270 + } + }, + { + "~#point": { + "~:x": 768, + "~:y": 917 + } + }, + { + "~#point": { + "~:x": 233, + "~:y": 917 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c72e", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 233, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 233, + "~:y": 270, + "~:width": 535, + "~:height": 647, + "~:x1": 233, + "~:y1": 270, + "~:x2": 768, + "~:y2": 917 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 647, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c72f" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bccaf0d98": { + "~#shape": { + "~:y": 506, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Rectangle", + "~:width": 456, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1154, + "~:y": 506 + } + }, + { + "~#point": { + "~:x": 1610, + "~:y": 506 + } + }, + { + "~#point": { + "~:x": 1610, + "~:y": 675 + } + }, + { + "~#point": { + "~:x": 1154, + "~:y": 675 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d98", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d97", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d97", + "~:strokes": [], + "~:x": 1154, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1154, + "~:y": 506, + "~:width": 456, + "~:height": 169, + "~:x1": 1154, + "~:y1": 506, + "~:x2": 1610, + "~:y2": 675 + } + }, + "~:fills": [ + { + "~:fill-color": "#B1B2B5", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 169, + "~:flip-y": null + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c735": { + "~#shape": { + "~:y": 1108, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:width": 518, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1006, + "~:y": 1108 + } + }, + { + "~#point": { + "~:x": 1524, + "~:y": 1108 + } + }, + { + "~#point": { + "~:x": 1524, + "~:y": 1532 + } + }, + { + "~#point": { + "~:x": 1006, + "~:y": 1532 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c735", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c734", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c734", + "~:strokes": [], + "~:x": 1006, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1006, + "~:y": 1108, + "~:width": 518, + "~:height": 424, + "~:x1": 1006, + "~:y1": 1108, + "~:x2": 1524, + "~:y2": 1532 + } + }, + "~:fills": [ + { + "~:fill-color": "#dc0606", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 424, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c736" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c734": { + "~#shape": { + "~:y": 1003, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Board", + "~:width": 535, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 818, + "~:y": 1003 + } + }, + { + "~#point": { + "~:x": 1353, + "~:y": 1003 + } + }, + { + "~#point": { + "~:x": 1353, + "~:y": 1650 + } + }, + { + "~#point": { + "~:x": 818, + "~:y": 1650 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:blur": { + "~:id": "~u1a629c22-3d11-80b1-8007-2b2c031523df", + "~:type": "~:layer-blur", + "~:value": 4, + "~:hidden": false + }, + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c734", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 818, + "~:proportion": 1, + "~:shadow": [ + { + "~:id": "~u1a629c22-3d11-80b1-8007-2b2c0899422b", + "~:style": "~:drop-shadow", + "~:color": { + "~:opacity": 1, + "~:color": "#000000" + }, + "~:offset-x": 40, + "~:offset-y": 40, + "~:blur": 4, + "~:spread": 0, + "~:hidden": false + } + ], + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 818, + "~:y": 1003, + "~:width": 535, + "~:height": 647, + "~:x1": 818, + "~:y1": 1003, + "~:x2": 1353, + "~:y2": 1650 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 647, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c735" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bccaf0d97": { + "~#shape": { + "~:y": 375, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:width": 518, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1006, + "~:y": 375 + } + }, + { + "~#point": { + "~:x": 1524, + "~:y": 375 + } + }, + { + "~#point": { + "~:x": 1524, + "~:y": 799 + } + }, + { + "~#point": { + "~:x": 1006, + "~:y": 799 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d97", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d96", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d96", + "~:strokes": [ + { + "~:stroke-alignment": "~:inner", + "~:stroke-style": "~:solid", + "~:stroke-color": "#000000", + "~:stroke-opacity": 1, + "~:stroke-width": 10 + } + ], + "~:x": 1006, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1006, + "~:y": 375, + "~:width": 518, + "~:height": 424, + "~:x1": 1006, + "~:y1": 375, + "~:x2": 1524, + "~:y2": 799 + } + }, + "~:fills": [ + { + "~:fill-color": "#dc0606", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 424, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bccaf0d98" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c736": { + "~#shape": { + "~:y": 1239, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Rectangle", + "~:width": 456, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1154, + "~:y": 1239 + } + }, + { + "~#point": { + "~:x": 1610, + "~:y": 1239 + } + }, + { + "~#point": { + "~:x": 1610, + "~:y": 1408 + } + }, + { + "~#point": { + "~:x": 1154, + "~:y": 1408 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c736", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c735", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c735", + "~:strokes": [], + "~:x": 1154, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1154, + "~:y": 1239, + "~:width": 456, + "~:height": 169, + "~:x1": 1154, + "~:y1": 1239, + "~:x2": 1610, + "~:y2": 1408 + } + }, + "~:fills": [ + { + "~:fill-color": "#B1B2B5", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 169, + "~:flip-y": null + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bccaf0d96": { + "~#shape": { + "~:y": 270, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Board", + "~:width": 535, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 818, + "~:y": 270 + } + }, + { + "~#point": { + "~:x": 1353, + "~:y": 270 + } + }, + { + "~#point": { + "~:x": 1353, + "~:y": 917 + } + }, + { + "~#point": { + "~:x": 818, + "~:y": 917 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bccaf0d96", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 818, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 818, + "~:y": 270, + "~:width": 535, + "~:height": 647, + "~:x1": 818, + "~:y1": 270, + "~:x2": 1353, + "~:y2": 917 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 647, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bccaf0d97" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1beb087a31": { + "~#shape": { + "~:y": 1995.99995803833, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Rectangle", + "~:width": 456, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 569, + "~:y": 1995.99995803833 + } + }, + { + "~#point": { + "~:x": 1025, + "~:y": 1995.99995803833 + } + }, + { + "~#point": { + "~:x": 1025, + "~:y": 2164.99995803833 + } + }, + { + "~#point": { + "~:x": 569, + "~:y": 2164.99995803833 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1beb087a31", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a30", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a30", + "~:strokes": [], + "~:x": 569, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 569, + "~:y": 1995.99995803833, + "~:width": 456, + "~:height": 169, + "~:x1": 569, + "~:y1": 1995.99995803833, + "~:x2": 1025, + "~:y2": 2164.99995803833 + } + }, + "~:fills": [ + { + "~:fill-color": "#B1B2B5", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 169, + "~:flip-y": null + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c731": { + "~#shape": { + "~:y": 1003, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Board", + "~:width": 535, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 233, + "~:y": 1003 + } + }, + { + "~#point": { + "~:x": 768, + "~:y": 1003 + } + }, + { + "~#point": { + "~:x": 768, + "~:y": 1650 + } + }, + { + "~#point": { + "~:x": 233, + "~:y": 1650 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:blur": { + "~:id": "~u1a629c22-3d11-80b1-8007-2b2c031523df", + "~:type": "~:layer-blur", + "~:value": 4, + "~:hidden": false + }, + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c731", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 233, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 233, + "~:y": 1003, + "~:width": 535, + "~:height": 647, + "~:x1": 233, + "~:y1": 1003, + "~:x2": 768, + "~:y2": 1650 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 647, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c732" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1beb087a30": { + "~#shape": { + "~:y": 1864.99995803833, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:width": 518, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 421, + "~:y": 1864.99995803833 + } + }, + { + "~#point": { + "~:x": 939, + "~:y": 1864.99995803833 + } + }, + { + "~#point": { + "~:x": 939, + "~:y": 2288.99995803833 + } + }, + { + "~#point": { + "~:x": 421, + "~:y": 2288.99995803833 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1beb087a30", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2f", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1beb087a2f", + "~:strokes": [ + { + "~:stroke-alignment": "~:inner", + "~:stroke-style": "~:solid", + "~:stroke-color": "#000000", + "~:stroke-opacity": 1, + "~:stroke-width": 10 + } + ], + "~:x": 421, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 421, + "~:y": 1864.99995803833, + "~:width": 518, + "~:height": 424, + "~:x1": 421, + "~:y1": 1864.99995803833, + "~:x2": 939, + "~:y2": 2288.99995803833 + } + }, + "~:fills": [ + { + "~:fill-color": "#dc0606", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 424, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1beb087a31" + ] + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c730": { + "~#shape": { + "~:y": 506, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Rectangle", + "~:width": 456, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 569, + "~:y": 506 + } + }, + { + "~#point": { + "~:x": 1025, + "~:y": 506 + } + }, + { + "~#point": { + "~:x": 1025, + "~:y": 675 + } + }, + { + "~#point": { + "~:x": 569, + "~:y": 675 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c730", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c72f", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c72f", + "~:strokes": [], + "~:x": 569, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 569, + "~:y": 506, + "~:width": 456, + "~:height": 169, + "~:x1": 569, + "~:y1": 506, + "~:x2": 1025, + "~:y2": 675 + } + }, + "~:fills": [ + { + "~:fill-color": "#B1B2B5", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 169, + "~:flip-y": null + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c733": { + "~#shape": { + "~:y": 1239, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "Rectangle", + "~:width": 456, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 569, + "~:y": 1239 + } + }, + { + "~#point": { + "~:x": 1025, + "~:y": 1239 + } + }, + { + "~#point": { + "~:x": 1025, + "~:y": 1408 + } + }, + { + "~#point": { + "~:x": 569, + "~:y": 1408 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c733", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c732", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c732", + "~:strokes": [], + "~:x": 569, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 569, + "~:y": 1239, + "~:width": 456, + "~:height": 169, + "~:x1": 569, + "~:y1": 1239, + "~:x2": 1025, + "~:y2": 1408 + } + }, + "~:fills": [ + { + "~:fill-color": "#B1B2B5", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 169, + "~:flip-y": null + } + }, + "~ue5199cd7-69e2-8001-8007-6a1bc188c732": { + "~#shape": { + "~:y": 1108, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:width": 518, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 421, + "~:y": 1108 + } + }, + { + "~#point": { + "~:x": 939, + "~:y": 1108 + } + }, + { + "~#point": { + "~:x": 939, + "~:y": 1532 + } + }, + { + "~#point": { + "~:x": 421, + "~:y": 1532 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~ubf963303-bcd6-8000-8007-6a0bc8b60ccb", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~ue5199cd7-69e2-8001-8007-6a1bc188c732", + "~:parent-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c731", + "~:frame-id": "~ue5199cd7-69e2-8001-8007-6a1bc188c731", + "~:strokes": [], + "~:x": 421, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 421, + "~:y": 1108, + "~:width": 518, + "~:height": 424, + "~:x1": 421, + "~:y1": 1108, + "~:x2": 939, + "~:y2": 1532 + } + }, + "~:fills": [ + { + "~:fill-color": "#dc0606", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 424, + "~:flip-y": null, + "~:shapes": [ + "~ue5199cd7-69e2-8001-8007-6a1bc188c733" + ] + } + } } - }, - "~:id": "~u44471494-966a-8178-8006-c5bd93f0fe72", - "~:options": { - "~:components-v2": true, - "~:base-font-size": "16px" } + }, + "~:id": "~u44471494-966a-8178-8006-c5bd93f0fe72", + "~:options": { + "~:components-v2": true, + "~:base-font-size": "16px" } - } \ No newline at end of file + } +} \ No newline at end of file diff --git a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-a-file-with-nested-clipping-frames-1.png b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-a-file-with-nested-clipping-frames-1.png index c0821c53f8..67c2af4f41 100644 Binary files a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-a-file-with-nested-clipping-frames-1.png and b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-a-file-with-nested-clipping-frames-1.png differ diff --git a/render-wasm/src/render.rs b/render-wasm/src/render.rs index 6fb8e85745..b3f77d54fb 100644 --- a/render-wasm/src/render.rs +++ b/render-wasm/src/render.rs @@ -1212,7 +1212,12 @@ impl RenderState { } #[inline] - pub fn render_shape_exit(&mut self, element: &Shape, visited_mask: bool) { + pub fn render_shape_exit( + &mut self, + element: &Shape, + visited_mask: bool, + clip_bounds: Option, + ) { if visited_mask { // Because masked groups needs two rendering passes (first drawing // the content and then drawing the mask), we need to do an @@ -1268,7 +1273,7 @@ impl RenderState { element_strokes.to_mut().clip_content = false; self.render_shape( &element_strokes, - None, + clip_bounds, SurfaceId::Fills, SurfaceId::Strokes, SurfaceId::InnerShadows, @@ -1528,7 +1533,7 @@ impl RenderState { if visited_children { // Skip render_shape_exit for flattened containers if !element.can_flatten() { - self.render_shape_exit(element, visited_mask); + self.render_shape_exit(element, visited_mask, clip_bounds); } continue; }