From a5d908629b34a65790dfeb7f0634cf6843e22e12 Mon Sep 17 00:00:00 2001 From: "alonso.torres" Date: Wed, 25 Mar 2026 13:14:35 +0100 Subject: [PATCH] :bug: Fix problems with z-index --- .../data/workspace/get-file-13822.json | 5255 +++++++++++++++++ .../playwright/ui/specs/workspace.spec.js | 16 + .../BUG-13822---Problems-with-z-index-1.png | Bin 0 -> 22126 bytes render-wasm/src/render.rs | 49 +- render-wasm/src/shapes.rs | 1 + 5 files changed, 5297 insertions(+), 24 deletions(-) create mode 100644 frontend/playwright/data/workspace/get-file-13822.json create mode 100644 frontend/playwright/ui/specs/workspace.spec.js-snapshots/BUG-13822---Problems-with-z-index-1.png diff --git a/frontend/playwright/data/workspace/get-file-13822.json b/frontend/playwright/data/workspace/get-file-13822.json new file mode 100644 index 0000000000..16cdf02710 --- /dev/null +++ b/frontend/playwright/data/workspace/get-file-13822.json @@ -0,0 +1,5255 @@ +{ + "~: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": "~ud715d0a5-a44e-8056-8005-a79999e18b64", + "~: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": "z-index", + "~:revn": 116, + "~:modified-at": "~m1774449802306", + "~:vern": 0, + "~:id": "~u7fd33337-c651-80ae-8007-c37410926e0f", + "~: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", + "0017-fix-layout-flex-dir" + ] + }, + "~:version": 67, + "~:project-id": "~u76eab896-accf-81a5-8007-2b264ebe7817", + "~:created-at": "~m1774370938440", + "~:backend": "legacy-db", + "~:data": { + "~:pages": [ + "~uaf41758c-e196-8138-8007-c36f805c3f6d" + ], + "~:pages-index": { + "~uaf41758c-e196-8138-8007-c36f805c3f6d": { + "~:id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~: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 + } + }, + { + "~#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 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~: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": [ + "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d" + ] + } + }, + "~ub8109eed-2748-80be-8007-c46ff51ac73c": { + "~#shape": { + "~:y": 214.999993615487, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 42.0001034736156, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 535.999953806329, + "~:y": 214.999993615487 + } + }, + { + "~#point": { + "~:x": 578.000057279944, + "~:y": 214.999993615487 + } + }, + { + "~#point": { + "~:x": 578.000057279944, + "~:y": 555.000036053994 + } + }, + { + "~#point": { + "~:x": 535.999953806329, + "~:y": 555.000036053994 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c46ff51ac73c", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:strokes": [], + "~:x": 535.999953806329, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 535.999953806329, + "~:y": 214.999993615487, + "~:width": 42.0001034736156, + "~:height": 340.000042438507, + "~:x1": 535.999953806329, + "~:y1": 214.999993615487, + "~:x2": 578.000057279944, + "~:y2": 555.000036053994 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null + } + }, + "~uedc66dab-88f7-8003-8007-c472ca51849a": { + "~#shape": { + "~:y": 886.999984741211, + "~: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", + "~:layout-item-margin-type": "~:multiple", + "~:width": 73, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1281.00004386902, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 1354.00004386902, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 1354.00004386902, + "~:y": 962.999984741211 + } + }, + { + "~#point": { + "~:x": 1281.00004386902, + "~:y": 962.999984741211 + } + } + ], + "~: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": "~uedc66dab-88f7-8003-8007-c472ca51849a", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:strokes": [], + "~:x": 1281.00004386902, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m4": -48 + }, + "~:selrect": { + "~#rect": { + "~:x": 1281.00004386902, + "~:y": 886.999984741211, + "~:width": 73, + "~:height": 76, + "~:x1": 1281.00004386902, + "~:y1": 886.999984741211, + "~:x2": 1354.00004386902, + "~:y2": 962.999984741211 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffff00", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 76, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~ub8109eed-2748-80be-8007-c4704ce684c3": { + "~#shape": { + "~:y": 231.000000291207, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 41.9999833106995, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1080.99997574091, + "~:y": 231.000000291207 + } + }, + { + "~#point": { + "~:x": 1122.99995905161, + "~:y": 231.000000291207 + } + }, + { + "~#point": { + "~:x": 1122.99995905161, + "~:y": 571.000042729714 + } + }, + { + "~#point": { + "~:x": 1080.99997574091, + "~:y": 571.000042729714 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4704ce684c3", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:strokes": [], + "~:x": 1080.99997574091, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1080.99997574091, + "~:y": 231.000000291207, + "~:width": 41.9999833106995, + "~:height": 340.000042438507, + "~:x1": 1080.99997574091, + "~:y1": 231.000000291207, + "~:x2": 1122.99995905161, + "~:y2": 571.000042729714 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null, + "~:layout-item-z-index": -1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c3702d2da0ef": { + "~#shape": { + "~:y": 710.999998092651, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "row reverse" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "row reverse", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 1077.00006103516, + "~:y": 710.999998092651 + } + }, + { + "~#point": { + "~:x": 1496.00006103516, + "~:y": 710.999998092651 + } + }, + { + "~#point": { + "~:x": 1496.00006103516, + "~:y": 797.999998092651 + } + }, + { + "~#point": { + "~:x": 1077.00006103516, + "~:y": 797.999998092651 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u3f1fc6f0-3698-80ce-8007-c3702d2da0ef", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 766.090026855469, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 213.0400390625, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 1077, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9800415039063, + "~:text": "row reverse" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:x": 1077.00006103516, + "~:selrect": { + "~#rect": { + "~:x": 1077.00006103516, + "~:y": 710.999998092651, + "~:width": 419, + "~:height": 87, + "~:x1": 1077.00006103516, + "~:y1": 710.999998092651, + "~:x2": 1496.00006103516, + "~:y2": 797.999998092651 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~ub8109eed-2748-80be-8007-c4704ce684c2": { + "~#shape": { + "~:y": 240.999998927114, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1403.99998044339, + "~:y": 240.999998927114 + } + }, + { + "~#point": { + "~:x": 1442.99997004238, + "~:y": 240.999998927114 + } + }, + { + "~#point": { + "~:x": 1442.99997004238, + "~:y": 574.000008106221 + } + }, + { + "~#point": { + "~:x": 1403.99998044339, + "~:y": 574.000008106221 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4704ce684c2", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:strokes": [], + "~:x": 1403.99998044339, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1403.99998044339, + "~:y": 240.999998927114, + "~:width": 38.9999895989895, + "~:height": 333.000009179107, + "~:x1": 1403.99998044339, + "~:y1": 240.999998927114, + "~:x2": 1442.99997004238, + "~:y2": 574.000008106221 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000009179107, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36ff1724a70": { + "~#shape": { + "~:y": 232.999994277954, + "~:layout-item-absolute": 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": "GREEN", + "~:width": 359.000235651199, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1657, + "~:y": 232.999994277954 + } + }, + { + "~#point": { + "~:x": 2016.0002356512, + "~:y": 232.999994277954 + } + }, + { + "~#point": { + "~:x": 2016.0002356512, + "~:y": 558.0000780007 + } + }, + { + "~#point": { + "~:x": 1657, + "~:y": 558.0000780007 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:layout-item-v-sizing": "~:fix", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a70", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:strokes": [], + "~:x": 1657, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1657, + "~:y": 232.999994277954, + "~:width": 359.000235651199, + "~:height": 325.000083722746, + "~:x1": 1657, + "~:y1": 232.999994277954, + "~:x2": 2016.0002356512, + "~:y2": 558.0000780007 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 325.000083722746, + "~:flip-y": null + } + }, + "~u556a1bd3-83b8-8036-8007-c457db543950": { + "~#shape": { + "~:y": 718.999970709222, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "column reverse" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "column reverse", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 2360.99997179622, + "~:y": 718.999970709222 + } + }, + { + "~#point": { + "~:x": 2779.99997179622, + "~:y": 718.999970709222 + } + }, + { + "~#point": { + "~:x": 2779.99997179622, + "~:y": 805.999970709222 + } + }, + { + "~#point": { + "~:x": 2360.99997179622, + "~:y": 805.999970709222 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u556a1bd3-83b8-8036-8007-c457db543950", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 774.090026855469, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 281.60009765625, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 2361, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9800415039063, + "~:text": "column reverse" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 2360.99997179622, + "~:selrect": { + "~#rect": { + "~:x": 2360.99997179622, + "~:y": 718.999970709222, + "~:width": 419, + "~:height": 87, + "~:x1": 2360.99997179622, + "~:y1": 718.999970709222, + "~:x2": 2779.99997179622, + "~:y2": 805.999970709222 + } + }, + "~:fills": [], + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed3": { + "~#shape": { + "~:y": 886.999984741211, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:layout-item-margin-type": "~:multiple", + "~:width": 245.000007867813, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 734.999982833862, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 979.999990701675, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 979.999990701675, + "~:y": 1030.99998474121 + } + }, + { + "~#point": { + "~:x": 734.999982833862, + "~:y": 1030.99998474121 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed3", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:strokes": [], + "~:x": 734.999982833862, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m4": -40 + }, + "~:selrect": { + "~#rect": { + "~:x": 734.999982833862, + "~:y": 886.999984741211, + "~:width": 245.000007867813, + "~:height": 144, + "~:x1": 734.999982833862, + "~:y1": 886.999984741211, + "~:x2": 979.999990701675, + "~:y2": 1030.99998474121 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~ub8109eed-2748-80be-8007-c4707db74400": { + "~#shape": { + "~:y": 894.999930660567, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 41.9999833106995, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1825.99986933583, + "~:y": 894.999930660567 + } + }, + { + "~#point": { + "~:x": 1867.99985264653, + "~:y": 894.999930660567 + } + }, + { + "~#point": { + "~:x": 1867.99985264653, + "~:y": 1234.99997309907 + } + }, + { + "~#point": { + "~:x": 1825.99986933583, + "~:y": 1234.99997309907 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707db74400", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:strokes": [], + "~:x": 1825.99986933583, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1825.99986933583, + "~:y": 894.999930660567, + "~:width": 41.9999833106995, + "~:height": 340.000042438507, + "~:x1": 1825.99986933583, + "~:y1": 894.999930660567, + "~:x2": 1867.99985264653, + "~:y2": 1234.99997309907 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null, + "~:layout-item-z-index": -1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2": { + "~#shape": { + "~:y": 848.999984741211, + "~:hide-fill-on-export": false, + "~:layout-gap-type": "~:multiple", + "~:layout-padding": { + "~:p1": 38, + "~:p2": 27, + "~:p3": 38, + "~:p4": 27 + }, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:layout-wrap-type": "~:nowrap", + "~:grow-type": "~:fixed", + "~:layout": "~:flex", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:layout-align-items": "~:start", + "~:width": 487, + "~:layout-padding-type": "~:simple", + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 514.999982833862, + "~:y": 848.999984741211 + } + }, + { + "~#point": { + "~:x": 1001.99998283386, + "~:y": 848.999984741211 + } + }, + { + "~#point": { + "~:x": 1001.99998283386, + "~:y": 1253.99998474121 + } + }, + { + "~#point": { + "~:x": 514.999982833862, + "~:y": 1253.99998474121 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:layout-gap": { + "~:row-gap": 0, + "~:column-gap": 0 + }, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:layout-justify-content": "~:start", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:layout-flex-dir": "~:row", + "~:layout-align-content": "~:stretch", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 514.999982833862, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 514.999982833862, + "~:y": 848.999984741211, + "~:width": 487, + "~:height": 405, + "~:x1": 514.999982833862, + "~:y1": 848.999984741211, + "~:x2": 1001.99998283386, + "~:y2": 1253.99998474121 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c47075de114e", + "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed3", + "~uedc66dab-88f7-8003-8007-c47294cf9364", + "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed4", + "~ub8109eed-2748-80be-8007-c47075de114d" + ] + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed4": { + "~#shape": { + "~:y": 886.999984741211, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "GREEN", + "~:width": 208, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 541.999982833862, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 749.999982833862, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 749.999982833862, + "~:y": 1030.99998474121 + } + }, + { + "~#point": { + "~:x": 541.999982833862, + "~:y": 1030.99998474121 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed4", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:strokes": [], + "~:x": 541.999982833862, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 541.999982833862, + "~:y": 886.999984741211, + "~:width": 208, + "~:height": 144, + "~:x1": 541.999982833862, + "~:y1": 886.999984741211, + "~:x2": 749.999982833862, + "~:y2": 1030.99998474121 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36f89bc6d97": { + "~#shape": { + "~:y": 303, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:width": 350.000030491409, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 535.999975166668, + "~:y": 303 + } + }, + { + "~#point": { + "~:x": 886.000005658076, + "~:y": 303 + } + }, + { + "~#point": { + "~:x": 886.000005658076, + "~:y": 447 + } + }, + { + "~#point": { + "~:x": 535.999975166668, + "~:y": 447 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36f89bc6d97", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:strokes": [], + "~:x": 535.999975166667, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 535.999975166667, + "~:y": 303, + "~:width": 350.000030491409, + "~:height": 144, + "~:x1": 535.999975166667, + "~:y1": 303, + "~:x2": 886.000005658076, + "~:y2": 447 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~uedc66dab-88f7-8003-8007-c472ccf02efd": { + "~#shape": { + "~:y": 990.999887454009, + "~: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", + "~:layout-item-margin-type": "~:multiple", + "~:width": 73, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1825.99989359492, + "~:y": 990.999887454009 + } + }, + { + "~#point": { + "~:x": 1898.99989359492, + "~:y": 990.999887454009 + } + }, + { + "~#point": { + "~:x": 1898.99989359492, + "~:y": 1066.99988745401 + } + }, + { + "~#point": { + "~:x": 1825.99989359492, + "~:y": 1066.99988745401 + } + } + ], + "~: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": "~uedc66dab-88f7-8003-8007-c472ccf02efd", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:strokes": [], + "~:x": 1825.99989359492, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m1": -48 + }, + "~:selrect": { + "~#rect": { + "~:x": 1825.99989359492, + "~:y": 990.999887454009, + "~:width": 73, + "~:height": 76, + "~:x1": 1825.99989359492, + "~:y1": 990.999887454009, + "~:x2": 1898.99989359492, + "~:y2": 1066.99988745401 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffff00", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 76, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c3701cf1e3c7": { + "~#shape": { + "~:y": 706, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "row direct" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "row direct", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 516, + "~:y": 706 + } + }, + { + "~#point": { + "~:x": 935, + "~:y": 706 + } + }, + { + "~#point": { + "~:x": 935, + "~:y": 793 + } + }, + { + "~#point": { + "~:x": 516, + "~:y": 793 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u3f1fc6f0-3698-80ce-8007-c3701cf1e3c7", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 761.090026855469, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 185.710021972656, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 516, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9800415039063, + "~:text": "row direct" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:x": 516, + "~:selrect": { + "~#rect": { + "~:x": 516, + "~:y": 706, + "~:width": 419, + "~:height": 87, + "~:x1": 516, + "~:y1": 706, + "~:x2": 935, + "~:y2": 793 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb": { + "~#shape": { + "~:y": 848.999984741211, + "~:hide-fill-on-export": false, + "~:layout-gap-type": "~:multiple", + "~:layout-padding": { + "~:p1": 38, + "~:p2": 27, + "~:p3": 38, + "~:p4": 27 + }, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:layout-wrap-type": "~:nowrap", + "~:grow-type": "~:fixed", + "~:layout": "~:flex", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:layout-align-items": "~:start", + "~:width": 499, + "~:layout-padding-type": "~:simple", + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1080.00004386902, + "~:y": 848.999984741211 + } + }, + { + "~#point": { + "~:x": 1579.00004386902, + "~:y": 848.999984741211 + } + }, + { + "~#point": { + "~:x": 1579.00004386902, + "~:y": 1253.99998474121 + } + }, + { + "~#point": { + "~:x": 1080.00004386902, + "~:y": 1253.99998474121 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:layout-gap": { + "~:row-gap": 0, + "~:column-gap": 0 + }, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:layout-justify-content": "~:start", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:layout-flex-dir": "~:row-reverse", + "~:layout-align-content": "~:stretch", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 1080.00004386902, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1080.00004386902, + "~:y": 848.999984741211, + "~:width": 499, + "~:height": 405, + "~:x1": 1080.00004386902, + "~:y1": 848.999984741211, + "~:x2": 1579.00004386902, + "~:y2": 1253.99998474121 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c4707b42f22f", + "~u3f1fc6f0-3698-80ce-8007-c36fb38420bc", + "~uedc66dab-88f7-8003-8007-c472ca51849a", + "~u3f1fc6f0-3698-80ce-8007-c36fb38420bd", + "~ub8109eed-2748-80be-8007-c4707b42f230" + ] + } + }, + "~uedc66dab-88f7-8003-8007-c472ded8da71": { + "~#shape": { + "~:y": 980.999887454009, + "~: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", + "~:layout-item-margin-type": "~:multiple", + "~:width": 73, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 2390.99995463008, + "~:y": 980.999887454009 + } + }, + { + "~#point": { + "~:x": 2463.99995463008, + "~:y": 980.999887454009 + } + }, + { + "~#point": { + "~:x": 2463.99995463008, + "~:y": 1056.99988745401 + } + }, + { + "~#point": { + "~:x": 2390.99995463008, + "~:y": 1056.99988745401 + } + } + ], + "~: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": "~uedc66dab-88f7-8003-8007-c472ded8da71", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:strokes": [], + "~:x": 2390.99995463008, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m1": -58 + }, + "~:selrect": { + "~#rect": { + "~:x": 2390.99995463008, + "~:y": 980.999887454009, + "~:width": 73, + "~:height": 76, + "~:x1": 2390.99995463008, + "~:y1": 980.999887454009, + "~:x2": 2463.99995463008, + "~:y2": 1056.99988745401 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffff00", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 76, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~ub8109eed-2748-80be-8007-c4707b42f22f": { + "~#shape": { + "~:y": 886.999985032418, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 41.9999833106995, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1107.00001960993, + "~:y": 886.999985032418 + } + }, + { + "~#point": { + "~:x": 1149.00000292063, + "~:y": 886.999985032418 + } + }, + { + "~#point": { + "~:x": 1149.00000292063, + "~:y": 1227.00002747093 + } + }, + { + "~#point": { + "~:x": 1107.00001960993, + "~:y": 1227.00002747093 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707b42f22f", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:strokes": [], + "~:x": 1107.00001960993, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1107.00001960993, + "~:y": 886.999985032418, + "~:width": 41.9999833106995, + "~:height": 340.000042438507, + "~:x1": 1107.00001960993, + "~:y1": 886.999985032418, + "~:x2": 1149.00000292063, + "~:y2": 1227.00002747093 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null, + "~:layout-item-z-index": -1 + } + }, + "~ub8109eed-2748-80be-8007-c4707348b64f": { + "~#shape": { + "~:y": 232.999994569161, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 41.9999833106995, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1656.99997574091, + "~:y": 232.999994569161 + } + }, + { + "~#point": { + "~:x": 1698.99995905161, + "~:y": 232.999994569161 + } + }, + { + "~#point": { + "~:x": 1698.99995905161, + "~:y": 573.000037007668 + } + }, + { + "~#point": { + "~:x": 1656.99997574091, + "~:y": 573.000037007668 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707348b64f", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:strokes": [], + "~:x": 1656.99997574091, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1656.99997574091, + "~:y": 232.999994569161, + "~:width": 41.9999833106995, + "~:height": 340.000042438507, + "~:x1": 1656.99997574091, + "~:y1": 232.999994569161, + "~:x2": 1698.99995905161, + "~:y2": 573.000037007668 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null, + "~:layout-item-z-index": -1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fb38420bd": { + "~#shape": { + "~:y": 886.999984741211, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "GREEN", + "~:layout-item-margin-type": "~:multiple", + "~:width": 238.999951839447, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1304.00004386902, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 1542.99999570847, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 1542.99999570847, + "~:y": 1030.99998474121 + } + }, + { + "~#point": { + "~:x": 1304.00004386902, + "~:y": 1030.99998474121 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bd", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:strokes": [], + "~:x": 1304.00004386902, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m4": -50 + }, + "~:selrect": { + "~#rect": { + "~:x": 1304.00004386902, + "~:y": 886.999984741211, + "~:width": 238.999951839447, + "~:height": 144, + "~:x1": 1304.00004386902, + "~:y1": 886.999984741211, + "~:x2": 1542.99999570847, + "~:y2": 1030.99998474121 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~ub8109eed-2748-80be-8007-c4707348b64e": { + "~#shape": { + "~:y": 242.999993205069, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1979.99998044339, + "~:y": 242.999993205069 + } + }, + { + "~#point": { + "~:x": 2018.99997004238, + "~:y": 242.999993205069 + } + }, + { + "~#point": { + "~:x": 2018.99997004238, + "~:y": 576.000002384175 + } + }, + { + "~#point": { + "~:x": 1979.99998044339, + "~:y": 576.000002384175 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707348b64e", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:strokes": [], + "~:x": 1979.99998044339, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1979.99998044339, + "~:y": 242.999993205069, + "~:width": 38.9999895989895, + "~:height": 333.000009179107, + "~:x1": 1979.99998044339, + "~:y1": 242.999993205069, + "~:x2": 2018.99997004238, + "~:y2": 576.000002384175 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000009179107, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fb38420bc": { + "~#shape": { + "~:y": 886.999984741211, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:width": 222, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1107.00004386902, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 1329.00004386902, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 1329.00004386902, + "~:y": 1030.99998474121 + } + }, + { + "~#point": { + "~:x": 1107.00004386902, + "~:y": 1030.99998474121 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bc", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:strokes": [], + "~:x": 1107.00004386902, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1107.00004386902, + "~:y": 886.999984741211, + "~:width": 222, + "~:height": 144, + "~:x1": 1107.00004386902, + "~:y1": 886.999984741211, + "~:x2": 1329.00004386902, + "~:y2": 1030.99998474121 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fdb4363fc": { + "~#shape": { + "~:y": 29, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "no-layout" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "no-layout", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 496, + "~:y": 29 + } + }, + { + "~#point": { + "~:x": 915, + "~:y": 29 + } + }, + { + "~#point": { + "~:x": 915, + "~:y": 116 + } + }, + { + "~#point": { + "~:x": 496, + "~:y": 116 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fdb4363fc", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 84.0899963378906, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 178.580017089844, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 496, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9799957275391, + "~:text": "no-layout" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:x": 496, + "~:selrect": { + "~#rect": { + "~:x": 496, + "~:y": 29, + "~:width": 419, + "~:height": 87, + "~:x1": 496, + "~:y1": 29, + "~:x2": 915, + "~:y2": 116 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~ub8109eed-2748-80be-8007-c47075de114e": { + "~#shape": { + "~:y": 886.999985032418, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 41.9999833106995, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 541.99995857477, + "~:y": 886.999985032418 + } + }, + { + "~#point": { + "~:x": 583.999941885469, + "~:y": 886.999985032418 + } + }, + { + "~#point": { + "~:x": 583.999941885469, + "~:y": 1227.00002747093 + } + }, + { + "~#point": { + "~:x": 541.99995857477, + "~:y": 1227.00002747093 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c47075de114e", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:strokes": [], + "~:x": 541.99995857477, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 541.99995857477, + "~:y": 886.999985032418, + "~:width": 41.9999833106995, + "~:height": 340.000042438507, + "~:x1": 541.99995857477, + "~:y1": 886.999985032418, + "~:x2": 583.999941885469, + "~:y2": 1227.00002747093 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null, + "~:layout-item-z-index": -1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c370160327a0": { + "~#shape": { + "~:y": 29, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "absolute foreground" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "absolute foreground", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 1620, + "~:y": 29 + } + }, + { + "~#point": { + "~:x": 2039, + "~:y": 29 + } + }, + { + "~#point": { + "~:x": 2039, + "~:y": 116 + } + }, + { + "~#point": { + "~:x": 1620, + "~:y": 116 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u3f1fc6f0-3698-80ce-8007-c370160327a0", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 84.0899963378906, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 375.179931640625, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 1620, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9799957275391, + "~:text": "absolute foreground" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:x": 1620, + "~:selrect": { + "~#rect": { + "~:x": 1620, + "~:y": 29, + "~:width": 419, + "~:height": 87, + "~:x1": 1620, + "~:y1": 29, + "~:x2": 2039, + "~:y2": 116 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~ub8109eed-2748-80be-8007-c47075de114d": { + "~#shape": { + "~:y": 897, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 919, + "~:y": 897 + } + }, + { + "~#point": { + "~:x": 957.99998959899, + "~:y": 897 + } + }, + { + "~#point": { + "~:x": 957.99998959899, + "~:y": 1230.00000917911 + } + }, + { + "~#point": { + "~:x": 919, + "~:y": 1230.00000917911 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c47075de114d", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:strokes": [], + "~:x": 919, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 919, + "~:y": 897, + "~:width": 38.9999895989895, + "~:height": 333.000009179107, + "~:x1": 919, + "~:y1": 897, + "~:x2": 957.99998959899, + "~:y2": 1230.00000917911 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000009179107, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~ub8109eed-2748-80be-8007-c4707faf3793": { + "~#shape": { + "~:y": 894.999930660567, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "BLUE", + "~:width": 41.9999833106995, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 2390.99993037099, + "~:y": 894.999930660567 + } + }, + { + "~#point": { + "~:x": 2432.99991368169, + "~:y": 894.999930660567 + } + }, + { + "~#point": { + "~:x": 2432.99991368169, + "~:y": 1234.99997309907 + } + }, + { + "~#point": { + "~:x": 2390.99993037099, + "~:y": 1234.99997309907 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707faf3793", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:strokes": [], + "~:x": 2390.99993037099, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 2390.99993037099, + "~:y": 894.999930660567, + "~:width": 41.9999833106995, + "~:height": 340.000042438507, + "~:x1": 2390.99993037099, + "~:y1": 894.999930660567, + "~:x2": 2432.99991368169, + "~:y2": 1234.99997309907 + } + }, + "~:fills": [ + { + "~:fill-color": "#0000ff", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 340.000042438507, + "~:flip-y": null, + "~:layout-item-z-index": -1 + } + }, + "~ub8109eed-2748-80be-8007-c4707b42f230": { + "~#shape": { + "~:y": 895, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1478, + "~:y": 895 + } + }, + { + "~#point": { + "~:x": 1516.99998959899, + "~:y": 895 + } + }, + { + "~#point": { + "~:x": 1516.99998959899, + "~:y": 1228.00000917911 + } + }, + { + "~#point": { + "~:x": 1478, + "~:y": 1228.00000917911 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707b42f230", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~:strokes": [], + "~:x": 1478, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1478, + "~:y": 895, + "~:width": 38.9999895989895, + "~:height": 333.000009179107, + "~:x1": 1478, + "~:y1": 895, + "~:x2": 1516.99998959899, + "~:y2": 1228.00000917911 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000009179107, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fe78a7567": { + "~#shape": { + "~:y": 29, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "absolute background" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "absolute background", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 1051, + "~:y": 29 + } + }, + { + "~#point": { + "~:x": 1470, + "~:y": 29 + } + }, + { + "~#point": { + "~:x": 1470, + "~:y": 116 + } + }, + { + "~#point": { + "~:x": 1051, + "~:y": 116 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fe78a7567", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 84.0899963378906, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 390.390014648438, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 1051, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9799957275391, + "~:text": "absolute background" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:x": 1051, + "~:selrect": { + "~#rect": { + "~:x": 1051, + "~:y": 29, + "~:width": 419, + "~:height": 87, + "~:x1": 1051, + "~:y1": 29, + "~:x2": 1470, + "~:y2": 116 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7": { + "~#shape": { + "~:y": 193, + "~:hide-fill-on-export": false, + "~:layout-gap-type": "~:multiple", + "~:layout-padding": { + "~:p1": 38, + "~:p2": 27, + "~:p3": 38, + "~:p4": 27 + }, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:layout-wrap-type": "~:nowrap", + "~:grow-type": "~:fixed", + "~:layout": "~:flex", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:layout-align-items": "~:start", + "~:width": 416, + "~:layout-padding-type": "~:simple", + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1054, + "~:y": 193 + } + }, + { + "~#point": { + "~:x": 1470, + "~:y": 193 + } + }, + { + "~#point": { + "~:x": 1470, + "~:y": 598 + } + }, + { + "~#point": { + "~:x": 1054, + "~:y": 598 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:layout-gap": { + "~:row-gap": 0, + "~:column-gap": 0 + }, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:layout-justify-content": "~:start", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:layout-flex-dir": "~:row", + "~:layout-align-content": "~:stretch", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 1054, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1054, + "~:y": 193, + "~:width": 416, + "~:height": 405, + "~:x1": 1054, + "~:y1": 193, + "~:x2": 1470, + "~:y2": 598 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c4704ce684c3", + "~u3f1fc6f0-3698-80ce-8007-c36fa233afa8", + "~u3f1fc6f0-3698-80ce-8007-c36fa233afa9", + "~ub8109eed-2748-80be-8007-c4704ce684c2" + ] + } + }, + "~ub8109eed-2748-80be-8007-c4707faf3794": { + "~#shape": { + "~:y": 904.999929296475, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 2713.99993507346, + "~:y": 904.999929296475 + } + }, + { + "~#point": { + "~:x": 2752.99992467245, + "~:y": 904.999929296475 + } + }, + { + "~#point": { + "~:x": 2752.99992467245, + "~:y": 1237.99993847558 + } + }, + { + "~#point": { + "~:x": 2713.99993507346, + "~:y": 1237.99993847558 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707faf3794", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:strokes": [], + "~:x": 2713.99993507346, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 2713.99993507346, + "~:y": 904.999929296475, + "~:width": 38.9999895989895, + "~:height": 333.000009179107, + "~:x1": 2713.99993507346, + "~:y1": 904.999929296475, + "~:x2": 2752.99992467245, + "~:y2": 1237.99993847558 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000009179107, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fa233afa9": { + "~#shape": { + "~:y": 231.000032424927, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "GREEN", + "~:width": 365.000006437302, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1080.99992918968, + "~:y": 231.000032424927 + } + }, + { + "~#point": { + "~:x": 1445.99993562698, + "~:y": 231.000032424927 + } + }, + { + "~#point": { + "~:x": 1445.99993562698, + "~:y": 554.000001907349 + } + }, + { + "~#point": { + "~:x": 1080.99992918968, + "~:y": 554.000001907349 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:layout-item-v-sizing": "~:fix", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa9", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:strokes": [], + "~:x": 1080.99992918968, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1080.99992918968, + "~:y": 231.000032424927, + "~:width": 365.000006437302, + "~:height": 322.999969482422, + "~:x1": 1080.99992918968, + "~:y1": 231.000032424927, + "~:x2": 1445.99993562698, + "~:y2": 554.000001907349 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 322.999969482422, + "~:flip-y": null + } + }, + "~u556a1bd3-83b8-8036-8007-c457db54394a": { + "~#shape": { + "~:y": 1006.99988745401, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:layout-item-margin-type": "~:multiple", + "~:width": 355, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1825.99989359492, + "~:y": 1006.99988745401 + } + }, + { + "~#point": { + "~:x": 2180.99989359492, + "~:y": 1006.99988745401 + } + }, + { + "~#point": { + "~:x": 2180.99989359492, + "~:y": 1176.99988745401 + } + }, + { + "~#point": { + "~:x": 1825.99989359492, + "~:y": 1176.99988745401 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:layout-item-v-sizing": "~:fix", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u556a1bd3-83b8-8036-8007-c457db54394a", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:strokes": [], + "~:x": 1825.99989359492, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m1": -60 + }, + "~:selrect": { + "~#rect": { + "~:x": 1825.99989359492, + "~:y": 1006.99988745401, + "~:width": 355, + "~:height": 170, + "~:x1": 1825.99989359492, + "~:y1": 1006.99988745401, + "~:x2": 2180.99989359492, + "~:y2": 1176.99988745401 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 170, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168": { + "~#shape": { + "~:y": 193, + "~: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": 416, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 496, + "~:y": 193 + } + }, + { + "~#point": { + "~:x": 912, + "~:y": 193 + } + }, + { + "~#point": { + "~:x": 912, + "~:y": 598 + } + }, + { + "~#point": { + "~:x": 496, + "~:y": 598 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 496, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 496, + "~:y": 193, + "~:width": 416, + "~:height": 405, + "~:x1": 496, + "~:y1": 193, + "~:x2": 912, + "~:y2": 598 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c46ff51ac73c", + "~u3f1fc6f0-3698-80ce-8007-c36f89bc6d97", + "~u3f1fc6f0-3698-80ce-8007-c36f9235242f", + "~ub8109eed-2748-80be-8007-c46ff2d69b66" + ] + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36fa233afa8": { + "~#shape": { + "~:y": 231, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:width": 181, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1081, + "~:y": 231 + } + }, + { + "~#point": { + "~:x": 1262, + "~:y": 231 + } + }, + { + "~#point": { + "~:x": 1262, + "~:y": 375 + } + }, + { + "~#point": { + "~:x": 1081, + "~:y": 375 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa8", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~:strokes": [], + "~:x": 1081, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1081, + "~:y": 231, + "~:width": 181, + "~:height": 144, + "~:x1": 1081, + "~:y1": 231, + "~:x2": 1262, + "~:y2": 375 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~u556a1bd3-83b8-8036-8007-c457db54394b": { + "~#shape": { + "~:y": 894.99993036936, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "GREEN", + "~:width": 361.000127315521, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1825.99989359492, + "~:y": 894.99993036936 + } + }, + { + "~#point": { + "~:x": 2187.00002091044, + "~:y": 894.99993036936 + } + }, + { + "~#point": { + "~:x": 2187.00002091044, + "~:y": 1038.99988745401 + } + }, + { + "~#point": { + "~:x": 1825.99989359492, + "~:y": 1038.99988745401 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u556a1bd3-83b8-8036-8007-c457db54394b", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:strokes": [], + "~:x": 1825.99989359492, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1825.99989359492, + "~:y": 894.99993036936, + "~:width": 361.000127315521, + "~:height": 143.999957084648, + "~:x1": 1825.99989359492, + "~:y1": 894.99993036936, + "~:x2": 2187.00002091044, + "~:y2": 1038.99988745401 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 143.999957084648, + "~:flip-y": null + } + }, + "~ub8109eed-2748-80be-8007-c46ff2d69b66": { + "~#shape": { + "~:y": 214.999993801112, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 847.000003331569, + "~:y": 214.999993801112 + } + }, + { + "~#point": { + "~:x": 885.999992930559, + "~:y": 214.999993801112 + } + }, + { + "~#point": { + "~:x": 885.999992930559, + "~:y": 548.000042676909 + } + }, + { + "~#point": { + "~:x": 847.000003331569, + "~:y": 548.000042676909 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c46ff2d69b66", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:strokes": [], + "~:x": 847.000003331569, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 847.000003331569, + "~:y": 214.999993801112, + "~:width": 38.9999895989895, + "~:height": 333.000048875797, + "~:x1": 847.000003331569, + "~:y1": 214.999993801112, + "~:x2": 885.999992930559, + "~:y2": 548.000042676909 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000048875797, + "~:flip-y": null + } + }, + "~u556a1bd3-83b8-8036-8007-c457db543949": { + "~#shape": { + "~:y": 856.99993036936, + "~:hide-fill-on-export": false, + "~:layout-gap-type": "~:multiple", + "~:layout-padding": { + "~:p1": 38, + "~:p2": 27, + "~:p3": 38, + "~:p4": 27 + }, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:layout-wrap-type": "~:nowrap", + "~:grow-type": "~:fixed", + "~:layout": "~:flex", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:layout-align-items": "~:start", + "~:width": 416, + "~:layout-padding-type": "~:simple", + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1798.99989359492, + "~:y": 856.99993036936 + } + }, + { + "~#point": { + "~:x": 2214.99989359492, + "~:y": 856.99993036936 + } + }, + { + "~#point": { + "~:x": 2214.99989359492, + "~:y": 1261.99997864912 + } + }, + { + "~#point": { + "~:x": 1798.99989359492, + "~:y": 1261.99997864912 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:layout-gap": { + "~:row-gap": 0, + "~:column-gap": 0 + }, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:layout-justify-content": "~:start", + "~:r1": 0, + "~:opacity": 1, + "~:id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:layout-flex-dir": "~:column", + "~:layout-align-content": "~:stretch", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 1798.99989359492, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1798.99989359492, + "~:y": 856.99993036936, + "~:width": 416, + "~:height": 405.000048279762, + "~:x1": 1798.99989359492, + "~:y1": 856.99993036936, + "~:x2": 2214.99989359492, + "~:y2": 1261.99997864912 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405.000048279762, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c4707db74400", + "~u556a1bd3-83b8-8036-8007-c457db54394a", + "~uedc66dab-88f7-8003-8007-c472ccf02efd", + "~u556a1bd3-83b8-8036-8007-c457db54394b", + "~ub8109eed-2748-80be-8007-c4707db743ff" + ] + } + }, + "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d": { + "~#shape": { + "~:y": -157, + "~: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": 2669, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 235, + "~:y": -157 + } + }, + { + "~#point": { + "~:x": 2904, + "~:y": -157 + } + }, + { + "~#point": { + "~:x": 2904, + "~:y": 1408 + } + }, + { + "~#point": { + "~:x": 235, + "~:y": 1408 + } + } + ], + "~: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": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 235, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 235, + "~:y": -157, + "~:width": 2669, + "~:height": 1565, + "~:x1": 235, + "~:y1": -157, + "~:x2": 2904, + "~:y2": 1408 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 1565, + "~:flip-y": null, + "~:shapes": [ + "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~u3f1fc6f0-3698-80ce-8007-c36fb38420bb", + "~u3f1fc6f0-3698-80ce-8007-c36fa233afa7", + "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~u3f1fc6f0-3698-80ce-8007-c36fdb4363fc", + "~u3f1fc6f0-3698-80ce-8007-c36fe78a7567", + "~u3f1fc6f0-3698-80ce-8007-c370160327a0", + "~u3f1fc6f0-3698-80ce-8007-c3701cf1e3c7", + "~u3f1fc6f0-3698-80ce-8007-c3702d2da0ef", + "~u556a1bd3-83b8-8036-8007-c457db543949", + "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~u556a1bd3-83b8-8036-8007-c457db54394f", + "~u556a1bd3-83b8-8036-8007-c457db543950" + ] + } + }, + "~ub8109eed-2748-80be-8007-c4707db743ff": { + "~#shape": { + "~:y": 904.999929296475, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "ORANGE", + "~:width": 38.9999895989895, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 2148.99987403831, + "~:y": 904.999929296475 + } + }, + { + "~#point": { + "~:x": 2187.9998636373, + "~:y": 904.999929296475 + } + }, + { + "~#point": { + "~:x": 2187.9998636373, + "~:y": 1237.99993847558 + } + }, + { + "~#point": { + "~:x": 2148.99987403831, + "~:y": 1237.99993847558 + } + } + ], + "~: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": "~ub8109eed-2748-80be-8007-c4707db743ff", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db543949", + "~:strokes": [], + "~:x": 2148.99987403831, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 2148.99987403831, + "~:y": 904.999929296475, + "~:width": 38.9999895989895, + "~:height": 333.000009179107, + "~:x1": 2148.99987403831, + "~:y1": 904.999929296475, + "~:x2": 2187.9998636373, + "~:y2": 1237.99993847558 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffa500", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 333.000009179107, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u556a1bd3-83b8-8036-8007-c457db54394e": { + "~#shape": { + "~:y": 1016.99988745401, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "GREEN", + "~:layout-item-margin-type": "~:multiple", + "~:width": 367.999667644501, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 2390.99995463008, + "~:y": 1016.99988745401 + } + }, + { + "~#point": { + "~:x": 2758.99962227458, + "~:y": 1016.99988745401 + } + }, + { + "~#point": { + "~:x": 2758.99962227458, + "~:y": 1160.99990462015 + } + }, + { + "~#point": { + "~:x": 2390.99995463008, + "~:y": 1160.99990462015 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u556a1bd3-83b8-8036-8007-c457db54394e", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:strokes": [], + "~:x": 2390.99995463008, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m1": -40 + }, + "~:selrect": { + "~#rect": { + "~:x": 2390.99995463008, + "~:y": 1016.99988745401, + "~:width": 367.999667644501, + "~:height": 144.000017166138, + "~:x1": 2390.99995463008, + "~:y1": 1016.99988745401, + "~:x2": 2758.99962227458, + "~:y2": 1160.99990462015 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144.000017166138, + "~:flip-y": null + } + }, + "~u556a1bd3-83b8-8036-8007-c457db54394f": { + "~#shape": { + "~:y": 713.999972616571, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "lfzggz14oo", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "22jelm7b336", + "~:font-size": "44", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "column direct" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fc0x8fhj75", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "column direct", + "~:width": 419, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 1799.99991076106, + "~:y": 713.999972616571 + } + }, + { + "~#point": { + "~:x": 2218.99991076106, + "~:y": 713.999972616571 + } + }, + { + "~#point": { + "~:x": 2218.99991076106, + "~:y": 800.999972616571 + } + }, + { + "~#point": { + "~:x": 1799.99991076106, + "~:y": 800.999972616571 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:id": "~u556a1bd3-83b8-8036-8007-c457db54394f", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:position-data": [ + { + "~:y": 769.090026855469, + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:font-size": "44", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:width": 254.269897460938, + "~:font-variant-id": "regular", + "~:text-decoration": "none", + "~:letter-spacing": "0", + "~:x": 1799.99987792969, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:direction": "ltr", + "~:font-family": "sourcesanspro", + "~:height": 56.9800415039063, + "~:text": "column direct" + } + ], + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 1799.99991076106, + "~:selrect": { + "~#rect": { + "~:x": 1799.99991076106, + "~:y": 713.999972616571, + "~:width": 419, + "~:height": 87, + "~:x1": 1799.99991076106, + "~:y1": 713.999972616571, + "~:x2": 2218.99991076106, + "~:y2": 800.999972616571 + } + }, + "~:fills": [], + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36f9235242f": { + "~#shape": { + "~:y": 231, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "GREEN", + "~:width": 363.000002145767, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 522.999982595444, + "~:y": 231 + } + }, + { + "~#point": { + "~:x": 885.999984741211, + "~:y": 231 + } + }, + { + "~#point": { + "~:x": 885.999984741211, + "~:y": 375 + } + }, + { + "~#point": { + "~:x": 522.999982595444, + "~:y": 375 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36f9235242f", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36f86e7e168", + "~:strokes": [], + "~:x": 522.999982595444, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 522.999982595444, + "~:y": 231, + "~:width": 363.000002145767, + "~:height": 144, + "~:x1": 522.999982595444, + "~:y1": 231, + "~:x2": 885.999984741211, + "~:y2": 375 + } + }, + "~:fills": [ + { + "~:fill-color": "#008000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144, + "~:flip-y": null + } + }, + "~uedc66dab-88f7-8003-8007-c47294cf9364": { + "~#shape": { + "~:y": 886.999984741211, + "~: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", + "~:layout-item-margin-type": "~:multiple", + "~:width": 73, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 701.999982833862, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 774.999982833862, + "~:y": 886.999984741211 + } + }, + { + "~#point": { + "~:x": 774.999982833862, + "~:y": 962.999984741211 + } + }, + { + "~#point": { + "~:x": 701.999982833862, + "~:y": 962.999984741211 + } + } + ], + "~: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": "~uedc66dab-88f7-8003-8007-c47294cf9364", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36fae8b5ed2", + "~:strokes": [], + "~:x": 701.999982833862, + "~:proportion": 1, + "~:r4": 0, + "~:layout-item-margin": { + "~:m4": -48 + }, + "~:selrect": { + "~#rect": { + "~:x": 701.999982833862, + "~:y": 886.999984741211, + "~:width": 73, + "~:height": 76, + "~:x1": 701.999982833862, + "~:y1": 886.999984741211, + "~:x2": 774.999982833862, + "~:y2": 962.999984741211 + } + }, + "~:fills": [ + { + "~:fill-color": "#ffff00", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 76, + "~:flip-y": null, + "~:layout-item-z-index": 1 + } + }, + "~u556a1bd3-83b8-8036-8007-c457db54394c": { + "~#shape": { + "~:y": 856.99993036936, + "~:hide-fill-on-export": false, + "~:layout-gap-type": "~:multiple", + "~:layout-padding": { + "~:p1": 38, + "~:p2": 27, + "~:p3": 38, + "~:p4": 27 + }, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:layout-wrap-type": "~:nowrap", + "~:grow-type": "~:fixed", + "~:layout": "~:flex", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:layout-align-items": "~:start", + "~:width": 416, + "~:layout-padding-type": "~:simple", + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 2363.99995463008, + "~:y": 856.99993036936 + } + }, + { + "~#point": { + "~:x": 2779.99995463008, + "~:y": 856.99993036936 + } + }, + { + "~#point": { + "~:x": 2779.99995463008, + "~:y": 1261.99997864912 + } + }, + { + "~#point": { + "~:x": 2363.99995463008, + "~:y": 1261.99997864912 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:layout-gap": { + "~:row-gap": 0, + "~:column-gap": 0 + }, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:layout-justify-content": "~:start", + "~:r1": 0, + "~:id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:layout-flex-dir": "~:column-reverse", + "~:layout-align-content": "~:stretch", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 2363.99995463008, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 2363.99995463008, + "~:y": 856.99993036936, + "~:width": 416, + "~:height": 405.000048279762, + "~:x1": 2363.99995463008, + "~:y1": 856.99993036936, + "~:x2": 2779.99995463008, + "~:y2": 1261.99997864912 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405.000048279762, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c4707faf3793", + "~u556a1bd3-83b8-8036-8007-c457db54394d", + "~uedc66dab-88f7-8003-8007-c472ded8da71", + "~u556a1bd3-83b8-8036-8007-c457db54394e", + "~ub8109eed-2748-80be-8007-c4707faf3794" + ] + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6f": { + "~#shape": { + "~:y": 325.999958634376, + "~:layout-item-absolute": true, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:width": 181, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 1748, + "~:y": 325.999958634376 + } + }, + { + "~#point": { + "~:x": 1929, + "~:y": 325.999958634376 + } + }, + { + "~#point": { + "~:x": 1929, + "~:y": 469.999975800505 + } + }, + { + "~#point": { + "~:x": 1748, + "~:y": 469.999975800505 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:constraints-v": "~:top", + "~:constraints-h": "~:left", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6f", + "~:parent-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:frame-id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:strokes": [], + "~:x": 1748, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1748, + "~:y": 325.999958634376, + "~:width": 181, + "~:height": 144.000017166129, + "~:x1": 1748, + "~:y1": 325.999958634376, + "~:x2": 1929, + "~:y2": 469.999975800505 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 144.000017166129, + "~:flip-y": null + } + }, + "~u556a1bd3-83b8-8036-8007-c457db54394d": { + "~#shape": { + "~:y": 894.99993036936, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:hide-in-viewer": false, + "~:name": "RED", + "~:width": 364.000220060349, + "~:type": "~:rect", + "~:points": [ + { + "~#point": { + "~:x": 2390.99995463008, + "~:y": 894.99993036936 + } + }, + { + "~#point": { + "~:x": 2755.00017469043, + "~:y": 894.99993036936 + } + }, + { + "~#point": { + "~:x": 2755.00017469043, + "~:y": 1038.99988745401 + } + }, + { + "~#point": { + "~:x": 2390.99995463008, + "~:y": 1038.99988745401 + } + } + ], + "~:r2": 0, + "~:layout-item-h-sizing": "~:fix", + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:r1": 0, + "~:id": "~u556a1bd3-83b8-8036-8007-c457db54394d", + "~:parent-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:frame-id": "~u556a1bd3-83b8-8036-8007-c457db54394c", + "~:strokes": [], + "~:x": 2390.99995463008, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 2390.99995463008, + "~:y": 894.99993036936, + "~:width": 364.000220060349, + "~:height": 143.999957084648, + "~:x1": 2390.99995463008, + "~:y1": 894.99993036936, + "~:x2": 2755.00017469043, + "~:y2": 1038.99988745401 + } + }, + "~:fills": [ + { + "~:fill-color": "#ff0000", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 143.999957084648, + "~:flip-y": null + } + }, + "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e": { + "~#shape": { + "~:y": 194.999994277954, + "~:hide-fill-on-export": false, + "~:layout-gap-type": "~:multiple", + "~:layout-padding": { + "~:p1": 38, + "~:p2": 27, + "~:p3": 38, + "~:p4": 27 + }, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:layout-wrap-type": "~:nowrap", + "~:grow-type": "~:fixed", + "~:layout": "~:flex", + "~:hide-in-viewer": true, + "~:name": "Board", + "~:layout-align-items": "~:start", + "~:width": 416, + "~:layout-padding-type": "~:simple", + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 1630, + "~:y": 194.999994277954 + } + }, + { + "~#point": { + "~:x": 2046, + "~:y": 194.999994277954 + } + }, + { + "~#point": { + "~:x": 2046, + "~:y": 599.999994277954 + } + }, + { + "~#point": { + "~:x": 1630, + "~:y": 599.999994277954 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:layout-gap": { + "~:row-gap": 0, + "~:column-gap": 0 + }, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:page-id": "~uaf41758c-e196-8138-8007-c36f805c3f6d", + "~:r3": 0, + "~:layout-justify-content": "~:start", + "~:r1": 0, + "~:id": "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6e", + "~:parent-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:layout-flex-dir": "~:row", + "~:layout-align-content": "~:stretch", + "~:frame-id": "~ub8ada40a-34f7-80f5-8007-c47e5b0f787d", + "~:strokes": [], + "~:x": 1630, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~:x": 1630, + "~:y": 194.999994277954, + "~:width": 416, + "~:height": 405, + "~:x1": 1630, + "~:y1": 194.999994277954, + "~:x2": 2046, + "~:y2": 599.999994277954 + } + }, + "~:fills": [ + { + "~:fill-color": "#FFFFFF", + "~:fill-opacity": 1 + } + ], + "~:flip-x": null, + "~:height": 405, + "~:flip-y": null, + "~:shapes": [ + "~ub8109eed-2748-80be-8007-c4707348b64f", + "~u3f1fc6f0-3698-80ce-8007-c36ff1724a6f", + "~u3f1fc6f0-3698-80ce-8007-c36ff1724a70", + "~ub8109eed-2748-80be-8007-c4707348b64e" + ] + } + } + } + } + }, + "~:id": "~u7fd33337-c651-80ae-8007-c37410926e0f", + "~:options": { + "~:components-v2": true, + "~:base-font-size": "16px" + } + } +} diff --git a/frontend/playwright/ui/specs/workspace.spec.js b/frontend/playwright/ui/specs/workspace.spec.js index cb1e4f268b..e6169e92c8 100644 --- a/frontend/playwright/ui/specs/workspace.spec.js +++ b/frontend/playwright/ui/specs/workspace.spec.js @@ -505,3 +505,19 @@ test("BUG 13415 - Grid layout overlay is not removed when deleting a board", asy await workspacePage.hideUI(); await expect(workspacePage.canvas).toHaveScreenshot(); }); + +test("BUG 13822 - Problems with z-index", async({ + page +}) => { + const workspacePage = new WasmWorkspacePage(page); + await workspacePage.setupEmptyFile(); + await workspacePage.mockGetFile("workspace/get-file-13822.json"); + + await workspacePage.goToWorkspace({ + fileId: "7fd33337-c651-80ae-8007-c37410926e0f", + pageId: "af41758c-e196-8138-8007-c36f805c3f6d", + }); + + await workspacePage.waitForFirstRenderWithoutUI(); + await expect(workspacePage.canvas).toHaveScreenshot(); +}); diff --git a/frontend/playwright/ui/specs/workspace.spec.js-snapshots/BUG-13822---Problems-with-z-index-1.png b/frontend/playwright/ui/specs/workspace.spec.js-snapshots/BUG-13822---Problems-with-z-index-1.png new file mode 100644 index 0000000000000000000000000000000000000000..ec9aed513d64e4896a80d00ea6fbe2812f02edee GIT binary patch literal 22126 zcmeHv2UJwswq>c;tRNyedBsSSjARu-K?y2J5D)}Jk|n9g7(r5rlB0qMk`X0Cp-|)? z86-&+Ia=g`qN>;Ny*v8<-*5cBufy-(-S>_=23VY`+Gp>z=UQvdxz7tN4b_AD*!Q7O zsDoE7D_=*UcKf1Gze(@e4zF0{=^jC$4xz3npTCKTn;qOc5bj7_r)7NdzsK9AT+kr; zK8WFCm<6jxw`j!KJ0ELIXG_^Gh!?On>R+sT<$P1wg)LILK0d80iA%DM z!_LF5Q^_R@6H9H$wZ%D(+4(*##W_6_13e$ayuU`W!PlZt0{5LofBkY<$#)m>%hA2t z*pZ*U$A7zr{6xJv^ky6K^YVqiF8FI6{)&gc_Qn5G_;B9}71*-L6U?=Se|iAf-=5pq z@4tB~jFY5hI1rQuWt??wDi(93jB>ooOZtw9+HI_TzHfnC_;T+zEivb*^%-XV9C7n; zdIubB1UIy4+F@e%5<$$$q?1Y)n?Kubxo2c{Et8Kik;h@bA&m8kDa# zwCQ&AYZZRUATc(%S+b7a{Rrf?d{GA_4B!T4y0c`>$D5?(rurRXC2xsLJ91{-ArNp&lM>XO{z;nr}e>z+XY4Q-!o{(6wjg;3-fe4C!~#V#)ALAW-#)k6??$VzS-ncTx?fEgQwe%fnvw;7OstUo0XYv>*8rXMaoZN zW?z1wYPW%9G-2dch07siY;GUow@LIq&B1-pE41gl_x&FJ#p~3oo8Ioay%{yB#8cuX zAL@G;PqoHK*fd^~$?SXhna8p@M%LAy?0ByogFn+zvFW`LG)sH9N}uRM*7=nYcPeay zp?!-qX{8s}FQ8h^`9w3VCgi#K1wSvR+}d(qN#ZTEF0WC$7DHhryRFWiO5o7Od6z#w z7_qsY-x@1r^Ko4GRz!jhgp!P1S({@{MP8F=BW0b4ZH|>_hEb#5yy;%wYhsC_Nmw^@ zGI0puuFlbDt-O}4(Mv1U_08;3=`gYTx?!C2J+Dtn8KCh2n#j=g zJ$1QN&e+(SJa+5zefgy(F@x>oXnGz6Im3qXwIL7m#re{OilBX7YlE(6)s?A^Q|d>j zqFY-z9Lmt&&hP$g-CqmE>(z>C-_D+v=sBl|qmTG-d zGTE0u;WiN;xs5hc%i|MdDuem?!}hK6V#waNITah}COB_ZF6Wy|Cv zr3+h|Ys1bxw#)WCV=X?_{tP~FrBuIdzVz!IbkaY<^^EJW?sK1el8odiKdVwwX=^wd*M1(4 z**r?^3&vB%Ze!uMOPs6+OI9B3=3bvn#@4VgYjXC;X;4~Z7mh?$uV7E0ooBREK#@we44HD&ySIjfWnm#LCdN3>JHy=B; zoU{7+bT8ig)U}w-RLw+vFBpu%=*x@G>9}r{xW|#%tl}7K@P}kao-(S0a2kA(IJdRj z(KuR0xk4TCSiq0;+m{N`DQ?c@Pb7HQQ^U9=ZS}oBrnRHFWSpmu@Q&qH(Rq;YEc``b z@NYTt=AEqkZtBUteC1K=c7e$FZ4U$g7vVsUHVSwEx>;hF%J+fHp(iC((yXJ&G6RCFzu-nfEoccuZU_6Y>w$3~&R*auxYdibsU zsrRupRV-3(ox+82ltn_I@X+1Y*CYoXRAItSX(q&JYkk>|(H<;uRt;u%UT#yZH9wNm z)nnqb6~rbMP+RlFd$Imh?KJ7~)|94?J8f%Cy(eq^i(oRLwnQ(-m~67Edh-^wlTV`y zcGPZkTi%8Whux7vi>4@%vDPvOYVz(xV!TjyaGq`%l__YLbq~Zq?QCB@QAzG~sq;*P za1KUJVQs+CXT6Gtun|W06qC_FE#+O&-+F?2ad(gFK3^#Y)D@x`vpW@3BImB%q9WscV~);PTxXLOno*F}9oG zm05Ub%nXw%qC`PJu?TyI;2c2N$qZCqk?V4)kR*u!?u?elg)0 z7SrCL{4`)@CmWl`_~bMddynbu+$(jVGt5nC&am6AH9b=n zt)MJ6Ci6Sb_U1|BKE5d!_TDVJyG6qKG$pn(bP{U)iEV-Av(P#Dm+2PWyosRUL%TR_ktKVHK_Xuay-0FN^*zh|$K zClY<|OnOJK!NpIDqR|}YyM(xhi!L6^w>)z5=XT>GD`G>^$A%$TTWOewkaXQ*7!B>*o9e0@06^@j>FX6(HDO-?Er!G-zy+~#MqugVoR zwu&gv1&4C%CKNMVJfmBmF6mtx!o{)HM8qm`Pp$r}qHpEnz~;HfS&h!JI<*a(?>prk zWKL8NNSLU6w8MPxa(|wCvPv*>y$70A4)Y)=CqmG$CYdc+R48w`KzTF7kJsKdXtGFf zp<>hiD&JisI-#C>$7I-&$HaccHQFMgejm?LP$x%hytXZ|_HtF*P6Dm>LW?G>)J*NJ z=?Fu6gK_hFO#TWhtNji+1>f(Ju?+FaytS4OY&W{ob@;!!7TOOc?ar#$m?rN%Hj0<@ z4ErF>dG5!`<2~0&L&S#?|aZ#J6(6u4#3?Q4!K+@$$d1v?O1u_dRn)___ z537s@EHj_so4zAZJo~Znn3~F9V~$eX(Gt5dr?6uGJ5|r|TZde=soN$V08G{H*LYed zx8FYZ%PtyaLJ>NOs-o@q&q*KU0o2i3OFXJrZZ6>?R&i*RGUZWMYtF6|^+>T+IWhZN zU2Bv>9edFm`XY3-ak`_6Q5XEhJ{T6-3%qbgV7Pkbs<)2opmPt#?M1Cf@>iCh1Z%>z z<3neXUe}DAt|Q%*2B08(-ipLg#&G-Qi-;jn#24n~SMgd6JVlpQelUNw>zAaZQE%B~ z>2Pw9S%Y*r93087io)(qqQgVZjYqY2^?$N{y*3aicU*j}sZfsQtPF^I^DQdz_wK{B+XQ zcp2K#+G!5EPi<-1$rS)FnJ-7!DSA`82@R}@-jraep(02imx}!>&U$Sun>h#Al4=#H zB&f=o)+ERSj;(gEp7s!H{q+m6i=`Cqwj zR=H7>j3S`r(fLSKeffmL4Q-&~r%6LcJH5TTw+PJ1Scr4dpOJ(SD#P z^AIP$bRp{?T2c9l(DO#4p6uHkQudzB5eymEBHa%@;tbzYa}Bt{sBeHC=ip z@e46!%LmkJHFSmoSv1NLnHT&hU70WfHk4AcISVH$@LEM|O8|{-1M;bmHzj?YoFi(C z8F@B8Sh@h+2UI1~un5>RXQZ8&(um_#kM~;bLsD&Lwko&V=$j{Wd|OHuWd7VkJ~0QG z{C{I>Ejf8DMwzu_^p*OtR|#hu_s|X=Tti}I3tHoSiEjPdSkQh!g zfX5&{m31nVLAYcx>2j~3-DjP=X8hM=tb%)`?>3PkVy)2a5;^KRk*RRj?bat(Qw2jU zl3;p0pVu~F;bD4}tL>wTHJmkp!WGh<>p!FJ1^I0P!V1u?#a?=$Qae{TJe01J(SE|h z%)U#9#IAdm+f~qC`&*V_VN}nH;{GCc(nm2|etLrkNiz}`&anrk^SIIu0m(csNLi(- z&jXciP;9n-LfUkIuqDq62l_M_KB{Ae>VD25^0p*yZsMTSzyqk#+@?RI>Ka&tr(vuT z+$<~PXgfv;_S+ubNYw~F`mmZobyRWuLkR)vwy*o9z__*wOOr5Lq|}|SPg&W?6=n}b zRAiWEaWpE@6e4*MK-@Dmo5yQeyJE+H5hbeGXLi&h%|CUSV(HY-sM=73Cf@pVFH|th zGi*$LE7~fdc)nx?X+cGK>YF|TT2XlKiTN6yYCZUh5-% zeKdtCBE#^9qb<|WzRUpUcHm{YT#?1i4gE;mE677rNyC(JslM&E{7JDocjSg(H+MkzHr+@oC-JuE0W=0C-eikt9XgrGH_#M$)xG>32^;iGA>>jK$-jrBEa$pI?ATBV*m<_*ABOyw^vbbJ(AD9MAKjLfnq}*wc>%^C&7LB;g0k zY8W${KB=z5N<%f0z!QRT@3KXQ1#CYR99q5c35*^we@Lo|34qj@)29H74 zi)B3Gdd28u^cdS|O^m_saa&spKEm?np&Lq;@uHF^@FzsBYsitR6}&demRe*}QZr3i zj*;iFj^?!?!72j~h;oHvvV?m>Wp3WK10|D2c*a_P*^S9$=ofI*850_x5VA0bJ-+N@ z$%M+SEwUBT6e~{q)6y8jo8)FZCWzA@e1mhbnrBUkRG_@E(33L^v1>S>R|#$JQoFh^ z6Hk07uj&xA=LX?;uA$F1Js7P;FY4%!=TdVJAI{fjYo!N&s&Z}ECsDC#$pIY)xeeVT z^m|SvnPu0_jUN#?_2CNLWX|g(n*$dV1dnVhcS_{I$B*93#fMfW6@EL;W?oc|3ng^cdxL-?F)c#{h}KgZc4D)MpFe5O5ed*)ekqU{nJN?NVq~46p?$H1_v5rK^cnQ* zC+iM&iTg*aD#+upk>{40CHrTgMXQ)h3N*{={XT3NYbSb|p*7kjr+gKlB1NgRkVZ6ILz+^3KsY$6Z*Ktj!nclYGfLhy37Hh-d!B6N4lB( zuNBXE)8>jN5<*?+p^&~;yJOdZBES~dkwydORHiWX`%HA1X*>|`=#A6o+nx}b5SF8z zpK*uS;Rl_0&?3I5!q1HH6_65?9fJ??~E^hb;_KU}rSqHZ&^MBF(F!Yh-pH z?zDxQK#PaT=IUJjSGwPl-0)0AP=6;~4A16ZA#Kd$)LJ0W&+uEai3u9dgx+0)A3IgI zmdlCseY{vXQ6U>>?q8IOYjCD0sF)3mkQxrH>5P6YqB40BO$I*g2_rpb#Ct+N7B6a{ zHn5au7I!62qh_WG$uH(uc^5w}7gi~IqXE6$+!#~ks>}ugGhSV*>>E_{+N7cbTr!=z zlN@zCxA90nFl{1?n(TehZ&wJ-#N=B)?gkuAD1jBpvsX^VAE6&Z$^nSZS}{3VMXego zfOKI|rk=6eiF8-$nJG1%8EG$IoQM~ee&_Tf_Jw1=u;NIzK_5b+to=nWH$AQJV5;2|4cN7 zw*qjoF~|$$JKb>V%{J!L-k}h|cG>wNb0Djr*}o_L>~wMHLNS!kphP);D9S+1y3k@(OgMZO#L@( z^I!qy7nMg={hACc+Zr^lO!#v?-1AWTgbE;})M;e^$`I7@YSt_j$txA%*?LL*lu$jbBbE0N!Totbq%(EnXIA|%T zjioumX)tXFeJ1os^0l?uK1YD=w#9Msqi;n%W^`w=?;L4@LX23WA|50wr@@o61L|Ub zKCUYwu{ex{f2q`U%)pX%3Gexuu0~wC5R2E@`ILKMXb0u$pq@vQgME+vAF^Pz!`6yg zi3Qd2hpets4qy)Ig|qyetRo2ooM&ilN=vNrqaOw)b}5-~j%V!`@BrO-bVz|v5zKu% z?#GAqFToRU>_AMEMLK8rAOmrx#yXd-y(LbXlK>JTwm(fifs0gtN7B z9oM9{zeO{J=$gRCjYXT_Q8?hs2r0a~z5>6)G{Iy3yXD()*XQ9CEP7*Ex!2K!)uZR- z8qn&=3bno1O+_Gjx7`m;{AsbP^8iGSohVIs_3C(_<~zU(8=eH5*Jw?W$S18E_aEpcwEeO9i(0Tp56fyd4&TWn|s z8LTT^XDYD;HccqOd0H*9^Jh?pAUkHsZ zS+8VUm*&>S3Rarn57=6C{>d&5+uZXARrCYtq#<+S0G0UGuir@10A$aKdj6t5$~@$p zWw1mya*xn3c>>$h5+jiTEFmaQflqEfP&#PF!YQF;>)}v1=mKF$20{S?Y+wX!T`^eq4;5#dx{8SRo#DH|IE{u~%UH|V}@71;I_*!2q*4t%uf z$!7B8IE7MFEdAlje#!SayE5WsG0kIq^Hznl7WJ3(@}EU|`4ej8|Hj3te3jz5VEcAu zE;f(V)5%7XY|?k3w|57Giju@B=o$=8YPQ&yOBhOTUp5olXs|smVVwx#wURUZ5gFE> zQeShWgQMl%H@&hZeI1ZClr}$UMWL{J(^k~_wr}29rC$-HCTc3M%HC-@)%W#&+cCrM z&9}B#44S)3&@}6otz?9@+TJee^TkD`i1rxPFT)q)J>E5tWl;Ppc_M>C|6soBLt&( zR4o^RC^&d)uG8WFl&-UwUlx(0JO5`qa=!SHS_4FCzv&7hy#QUl73dKtt--zjeWe}= zGSt5(<^PKd!e=&>yFqg_cb*E}hRQvJ*!kY5$zbaN_#XYA-Dkf>`A=!$0vcYfvm7+F z$g*zo=(QTUCVhAD0f9!k2IkI~;hx5I6PpCYbEDM^Hx_tfrY5UVfV^D#JnNK|z_p52 z<_qQLK8va~S$E#MN`w{ky|40@moY+`H-EM7f;H~t45=eiL8P$;aWyHO+b&-DYV5tB zL-9(L?MRcCn7PRMWcO^!#r&Os6o~7jEB+rL0Q})k2IjxTNv&ds$mW(AumM$WXMkPr z+YsM>ZU@SD=ZSv;RgsYTr%W%%8~#T}4DbA>q8It9Kb0Gh3;*0*Q0}gw~W`8#`xohOh)@*cR~6OF(7QHB-M ztl7I9;s#~J4Nv>Uy^go(6xe(6Kx4wxE5V|-egdNx>A@C6MlM&MXkkM&_1AItT`=(3 zvhBDg#$4Jpakc5aBCKBLal~^Zu#>t#zjN2%E5Wegf|iZ>(7g3)?9uW;)~W>(ac@QK`T>!QDg%A>SSN zbukOB6uG(@4W5U;ji<6T$r$$ho9DSRy0~kI#Z$jrII~I0hu?p1nna&R# zK(Iz5;URDg;)rHd6U2s)iO?A*q>w=51r62a=Z`N)($+HX-MJe@ONCaN;SGoQy_YE> z&^sb!LE0VIA~6}>TN^2g*|}f$8Hf)1(7X`D>^$r8Wm_($3}pDv_qz}ZKf!xrD&FP$ z89E=Zg&5q?V*=8s7YHd`6R(xwt$A1ApN4TjB6)@b{dH195~y#2^84Yve{ccO15O>+ z^6pN4dy78-jG2jd!I&@_d^=$4SqhPz?=5kjNe+>j2K$X&Thb*`Z&8?jo@Sy#iXt6{ zr0w!#o4ot7K9EBupde7v^f7h6`&CEV0=?k1xf%~T)l>>tJH{XH7wQEHk@%au$0`NL zN~ZlDE7L21CX{1zvn4axpZATs9o+VYZ)0tN$KeDFT&LhSMD`-6)oebb5?}s)u^T)h z!0w%e78scuy!DUDM~G6v?JTuKfwzG+ZoRK!@S?5^-f>w|CAwa8VyHW`9I*zur;CGP2j!GvkouS#B9XeasoJS9n_IPb0+?r{X~*jc-v@iC0*BsF8fj~7 zc%dy>b*d}yFxQ=pmlx@#Af{mn32FuR+Ky#csqtqWshtOY8dQ5D%V>-51$MCuk9i-G zPsZB5+NN}n(IFnV-TOe9MW~P#QUFiI!StFd9q-hB1;4?0?6gB3p1E|czz|)Ja2{=B zpxJ@4*QNA=Bo18JX&R*y<{N3o{mVk%EosVmf!C+af5HH>n~t;h?L|N748kjwVD_#o zL#Yg{9OH6OcjZ=l&0*2z;s0AkhtHqW_z4@MW&{>_>=}!(zh!*Sgi-Y1)hY_5Nj4>V z7>|Di{eSgSH838V7mNdE+oZ{}n;?!=q++I`gAhKarl`&*Zn(tYj_WpHSXHkw;2*IT zh-@+L=e>lVa_zn2htSxTXu^FKTGY`DTNA0uS2-?oA7gJ#O*@`c>akVFYgnVw>VJjm z=Pq4-?ht8-d*9yp-*BF$v?iw7LfEtwBa)~zC3cu{lG^H;N%?M*GY0}bqOgM}WEevX z_H^rbe+@)JlZfK5v|FLmk|6c%Z2rQ4Q}YR`ln2%a2ywlcNdK3SJ|$!Tmk`>LymRGO za-WNuSZiS5wKbrxq*{(M*SrE&TuewxkrvfMUdi#<8hx!9kxd0gPtsvX&hiD}!Ood+ zvsoi>%7x}4Aqz~MTtpmDpdzD0n)DX%+%EMeBCjUMol`{PH%lJf=RN6tEN%{*Um{hV zpb`M*_-S1(5hU^h(NQkJu1OHFxyxybW zMJ}<_);R1$OY1g4WU?Yy`mRnY%e*x2afkAd9T1r}v+N27R};a;(Wc51@8DRmP6*8V z%*K%dOlT`G`+DB^-UG%E_#YE(!Ilx+D43tSe3-w2s+E^$mnyzgRs^91Cg=sQo!Iy0 z-l4Fvh&zrq>9bk^*ELv_xnH>KC+wcUoAFG$Y>o0jTef}1q??8rq%@g(rvYe^h%l?M zOc!*j#{hHW`SdBhA8w@b0^3e2y9;w)|E9$MMHj2CNHlxZG&sMpR^A8lqNWU-yL8Nb z5na&4lY|GyA%JyY)NCKz&9SK(tm4@1@lenjz_iF~RZG!&x-d*#EhIfeg93to1rxmq zXwnCyG6H!J+oeSffL^?dHR0z#ssNPDQ>2X0i_G2J@Kd|Qc=D?M(=B9vK%^EaxP0E}HUZ0gRR7z0_59uQMZt=HijS|W{x175nHrk>Erq``b> zmk>_~HEhC?bL2ckmlCG&;X(YIJ!gI5p)$Jwb*Fj&SRQ9Vqhg3OfBjLM89ZM72sv0` z5}0P%_U@Pz7Bo3Y35POLjec*Qd2O#!@Z2i!=ZnBz^ZT^q6%Q3VPDm%7a~uz&1^!64 z>3H9~(qqCCTbojP@Jz$nX;9#3r4-d%u{$y8A2u|s-B+fWF1}Zf6l!~dNIsAom|WEu z8O0#C8+xsD@%Ns&Mh=XHFkdEsxFaT9S8P|%H=YzI6d-rx&gok^2R^ZS$$Fh6RwKn8w6;-icI)00T-9 zb`~lgebuwyOrRPIB2X2m0Eas?M2r`4=k%pT=#S*^k<%Q&b5Leh9oB`g^%n&qMtz3G zz@*ZS;_CVRWWXY0bz>vM*&$x1gl!ujM?B*g@v=WW`Jz6VtYiCw}w zQ2MW+bg4Z2&SPz!S0%{*q>j;H!?%BzVFNeE{JEvTaGYkEmzA*aB^gpF7zkZ-KMf3og-Tvuv{^WIXUp^7omG8m)Rz1y*@dU6FtvR|3>jPjOM zqf!&Ce(f$z1@dvKBKT+3*Umb2YOCVEvH{EVjNYX7P#w)uk$-kR8Mbk(U4a2id{)VH zI=%{VpUq0ZCcJ#fheG5rw`KObj)2(oo%VNEw4=>+-#Z1I&S@1%Ir2#2p(9vqprrA) zj%{D7eRjy<8NM@?We9VsnfOq5oiQ=31h&_uDL%x{P5KSA4$rc((al&sbMTR&ahxu#boJh;z^E11AFEuXkqtsun-==}#c?e1na8@neuoaAR?lyqB zWr2tK(~n?%Oa$?Ck@_j1WhV-QB|*n5f5gFO)3D-6h+BfAZ3dWdGUib<6;D+G_1!b5J(KTZ8-wb8fWqviV($u67xe6w!LRn zv~1@i=Jm=SJ5QWZF$;>H97pTI-g7)aVeKK`yp{qBnR1&tSWME;qo&D8LNdyBx>H81 zrp!PYk$>qOMT0MCv__z9d8&h7pFg_>N<4jUx8uban{3k(8}EkJ5(zNaO1J5RnPgxV zLe{$5>F?c$znLH3ewVhj_++HYuh#Q=V}xM-*PCcc1S_s@b*4vnXbcpIc}zZH)dphhp0D0Nc3xrx-C;uHEr&xX)c@Yc7m5^#)udyNQz?-u_9529 zwDvsv0rS5tmj=k)k2^u*cNnffj5oHZ>YUlUGl=oK)>7%yAi>(q9HJ9mc4)#s%X{_> zOvRVYm-^e5pdxcZWJ0=%xq^Nu+!=A9ip$?F=G}QM_-4IJ&V85*HYR95md`>wzgwq5 z8FEz7B_pc^R!{UuBXyuy6&L=!sP!~Q8i9iatd%*>_O!|^T{U_n z{RJvXRz-V|dr12qP(`nkD(pp3hvCREGxoB^5~aVMQrdE1=Zpf>)D{tOS}%1@H>~X3 zi9bQIaVI?xpKqVJFl$%H~m?}55E4J9nd$pU;1u@SOChggbi zN-_8hnVnL_$G~kO@X=Y$gZObVxXWlNp~IYi3-&0t=-tb5(a0eM!tkM+7K5V4^n$r$ z3)WM&@^mwFvp_?GlV8q^6Wuu`IIwOC;}?zJf30d4qDhZ}SFV94d?FXB@JOLJXrbO^ zPokIP3gz0v=SkyM5wxr-D7V74ej|M>sO9!3gNZ`hFL5r+WahWP=?z6NKuK#+^@l&_ z-pqgzBBs;m`1a~o7$3@+Z8C!z)&Xib%F*`@szI#is)JH@Pe`2=5*g}S@-Krbpjx;R z4m?;>?WwTy@l5`8;10ZaRU@)OxjMRfddF_MpmRh@PGG=79neL(HJAl^5|KRry4cRQ{RYG?pcrMmM2~yy6;T||F#o3=8DE~jFoVF zOz>Jou;lmCie=#Nvv?Lgj(`-u=ZOU_z|&<2k|8)rL8iNJrtS)uCkSJ*<%}diTe_Z83~4V%rv3cnErIPJW9F7=_9qFq5)t znywufN-Grk1j%C=a90jF^Z{%MPy}xODkN@tN+=GZi(Kp8fK_N+Hgznr@AnPBhrmUA zx35!PzsH=ChhsoVvZ}t^aKtHY5g;jzP_lGn;j3`Py4jIAOkr>l&q51{PkXAu9(DOV zFz?K`L^r4lN{f2e<=&fm^GjN{AK$(#hfOyfgSv3J z_ys#K)3~qBvXNxEo4r-EE6v%bfW45VQI?>X^#bZcS={6sJ#Q_)@xW6k3{S>997ytC zV3<@lktZ;nv`n3cq`{~uCt@4|oevf~Uc!mif&0C{4oJ}O-_D()U|HD&miFQaevhhErVbW?v|}Wst+wB9$Y`!EpdTP5HQmX!uW^(U@uTBvnB6c(&NEe6jF*o~9n=Mrq1XP8w4T?f3gq%F`q~|uc6L6Y;fXTpOvt--fMK9)5 zBm@@O#qWIs6a@d3BXo)ifC75p(L(|kISdCxSK#n)>DPVy)z|!=!TB0@NM+3T21NLA6t+TPpJgl{kTlYfquw1wSpQ1G&0ix1AMq4eAb5I4!Hxm(MM0Wc zXymg115#37RCC_(dU8Ns!368`F z)3)w#4P|dk^?OQxpnTos%r0PP)u+}?nK|rZB4A9f5GAN%Y@8*74RqUFYGmS}Ek1nx zQBA_`I*F8AVKfy=-`(Obl1IBPc^WqDUc?&k_N0~hdnxv4!Lakm`6rBKY7A(%S?)fI zSTd5~&FFk{o^7e4*syBnE%=L}Yr zcXeqJzq54>4Q%W$u3BRwa-+&`NkP%5!Q-~E5F-u=H^VnYDo zpOX1K!~SDxUEYTr~{_;V06f34T_F)p2VS2eI6(kOiUiQ zpOhWWiCam`uWz)3Z&N?{KjSL^UHioCt(pZZ2TMgiIyRKR1w<1=2^{=xRUcfBGHv@u z;e^uvC}6nI(H)$h_$8_y1dc1nvQ!?PAQJNv&u1;c!+~D?!}r0r{rhO4|FJXitb)z! ztpoOKVWF1;bq%@&cc73E@?}r2tqZzoN%ff>kPm!s#pXL=W5CN{q_EPnk_R(bh%SU6c?CHxo z{M_>=-8r#^TJ!@wO;?jvM+qy^0aWGReGbaMViAS<kixnef;3U`|h{{18VxY>XG5h&k39=HHcN7C1h9G1bXDelfM zi;s7kFYY@#ywx*Us;Id2U?NtwbhtlWFmEX`y2sLBb2H!7PO>hs!W+zM;|E+^CpK34 zE=vgw#0$sOR|(&FGF!1#c#b?QF!i0W$9~?vlM^CH5Jtj3T}xANUmA-0(n>cz8JTY_ zxuDYMJ~dQU;pwX&7grvef8Kj@y=_Zu=VVpt_(q%UyMyK36B`qxvH~aHAzD3^+R-m9 zh(bx5{E7_}>W`;A{kn}xwIa+20fmaagxDi=8`pSnqP8iuLJE?e&tLNh?m~6H{JVnt z$FrdRc&fx7$nXy*EAtVK>WVU*`}N1%>3Q7JXbw#QmFw~kSLN?hnwc;R+lJ%UQ>kYpG zH)`vS+=5?gr0=Zhy*bU<+BbVU<_Z1*RY5L6&&nXO!ez=7eHLY-j)V&eb@b0fL+(T4 zgeT`-;|Xme6nV7I_z((ZsQI^W+btVtHQo|ezmSk4P5shzKY1; z{;wE(@$XN{QK+30$g=}cFaKR6{@*Z-&*v8BpX~l+e>H(MDyXZk-=uFv=B`rjFBJYO zyde<&!(;N#XCoNhU%>JgCPNtfUs5viKrun1nYv!O24miZK>iL?QQ}kY2gOTC@Cxe6 MB@N~53#O0%3%H568vp) -> Vec { + if element.has_layout() { + let mut ids = children_ids; + + if element.is_flex() && !element.is_flex_reverse() { + ids.reverse(); + } + ids.sort_by(|id1, id2| { + let z1 = tree.get(id1).map(|s| s.z_index()).unwrap_or(0); + let z2 = tree.get(id2).map(|s| s.z_index()).unwrap_or(0); + z2.cmp(&z1) + }); + ids + } else { + children_ids + } +} + pub(crate) struct RenderState { gpu_state: GpuState, pub options: RenderOptions, @@ -2436,30 +2460,7 @@ impl RenderState { element.children_ids_iter(false).copied().collect() }; - // Z-index ordering - // For reverse flex layouts with custom z-indexes, we reverse the base order - // so that visual stacking matches visual position - let children_ids = if element.has_layout() { - let mut ids = children_ids; - let has_z_index = ids - .iter() - .any(|id| tree.get(id).map(|s| s.has_z_index()).unwrap_or(false)); - if element.is_flex_reverse() && has_z_index { - ids.reverse(); - } - // Sort by z_index descending (higher z renders on top). - // When z_index is equal, absolute children go above - // non-absolute children - ids.sort_by_key(|id| { - let s = tree.get(id); - let z = s.map(|s| s.z_index()).unwrap_or(0); - let abs = s.map(|s| s.is_absolute()).unwrap_or(false); - (std::cmp::Reverse(z), !abs) - }); - ids - } else { - children_ids - }; + let children_ids = sort_z_index(tree, element, children_ids); for child_id in children_ids.iter() { self.pending_nodes.push(NodeRenderState { diff --git a/render-wasm/src/shapes.rs b/render-wasm/src/shapes.rs index 13115a9946..0cf0576f5a 100644 --- a/render-wasm/src/shapes.rs +++ b/render-wasm/src/shapes.rs @@ -1460,6 +1460,7 @@ impl Shape { } } + #[allow(dead_code)] pub fn has_z_index(&self) -> bool { matches!( &self.layout_item,