diff --git a/frontend/playwright/data/render-wasm/get-file-text-decoration.json b/frontend/playwright/data/render-wasm/get-file-text-decoration.json new file mode 100644 index 0000000000..562790b374 --- /dev/null +++ b/frontend/playwright/data/render-wasm/get-file-text-decoration.json @@ -0,0 +1,2950 @@ +{ + "~:features": { + "~#set": [ + "fdata/path-data", + "plugins/runtime", + "design-tokens/v1", + "layout/grid", + "styles/v2", + "fdata/pointer-map", + "fdata/objects-map", + "render-wasm/v1", + "components/v2", + "fdata/shape-data-type" + ] + }, + "~:team-id": "~u6bd7c17d-4f59-815e-8006-5c1f6882469a", + "~: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": "test_text_decoration", + "~:revn": 71, + "~:modified-at": "~m1753090236677", + "~:vern": 0, + "~:id": "~ud6c33e7b-7b64-80f3-8006-785098582f1d", + "~: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", + "0004-clean-shadow-color", + "0005-deprecate-image-type", + "0006-fix-old-texts-fills", + "0007-clear-invalid-strokes-and-fills-v2", + "0008-fix-library-colors-v4", + "0009-clean-library-colors", + "0009-add-partial-text-touched-flags" + ] + }, + "~:version": 67, + "~:project-id": "~u6bd7c17d-4f59-815e-8006-5c1f68846e43", + "~:created-at": "~m1752148606307", + "~:data": { + "~:pages": [ + "~ud6c33e7b-7b64-80f3-8006-785098582f1e" + ], + "~:pages-index": { + "~ud6c33e7b-7b64-80f3-8006-785098582f1e": { + "~:objects": { + "~u00000000-0000-0000-0000-000000000000": { + "~#shape": { + "~:y": 0, + "~:hide-fill-on-export": false, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:name": "Root Frame", + "~:width": 0.01, + "~:type": "~:frame", + "~:points": [ + { + "~#point": { + "~:x": 0, + "~:y": 0 + } + }, + { + "~#point": { + "~:x": 0.01, + "~:y": 0 + } + }, + { + "~#point": { + "~:x": 0.01, + "~:y": 0.01 + } + }, + { + "~#point": { + "~:x": 0, + "~:y": 0.01 + } + } + ], + "~:r2": 0, + "~:proportion-lock": false, + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:r3": 0, + "~:r1": 0, + "~:id": "~u00000000-0000-0000-0000-000000000000", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 0, + "~:proportion": 1, + "~:r4": 0, + "~:selrect": { + "~#rect": { + "~: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": [ + "~u38c139ee-c848-80d4-8006-865242dea382", + "~ue2dd1e47-c379-8002-8006-78509a3c4e5f", + "~ue2dd1e47-c379-8002-8006-7850bc8822f4", + "~ue2dd1e47-c379-8002-8006-7850f96e4ae9", + "~ue2dd1e47-c379-8002-8006-78510f062679", + "~ue2dd1e47-c379-8002-8006-7850de3e8f37", + "~ue2dd1e47-c379-8002-8006-7850f96e4aea", + "~ue2dd1e47-c379-8002-8006-7850ae42e717", + "~ue2dd1e47-c379-8002-8006-78510f062678", + "~ue2dd1e47-c379-8002-8006-785197fca88d", + "~ue2dd1e47-c379-8002-8006-7851b9d948e5" + ] + } + }, + "~ue2dd1e47-c379-8002-8006-7850bc8822f4": { + "~#shape": { + "~:y": 237.0000021805366, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:auto-width", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~: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": "2cq42ierf4m", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is an inner stroke" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1595dptq0av", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 638.9999826118988, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 870.9999749172263, + "~:y": 237.00000218053657 + } + }, + { + "~#point": { + "~:x": 1509.999957529125, + "~:y": 237.00000218053657 + } + }, + { + "~#point": { + "~:x": 1509.999957529125, + "~:y": 324.0000021805366 + } + }, + { + "~#point": { + "~:x": 870.9999749172263, + "~:y": 324.0000021805366 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-7850bc8822f4", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 327.1999991287788, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 638.36669921875, + "~:text-decoration": "underline rgb(16, 68, 222)", + "~:letter-spacing": "normal", + "~:x": 870.9999749172262, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:x2": 638.36669921875, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is an inner stroke" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:inner", + "~:stroke-width": 1, + "~:stroke-color": "#c100c8", + "~:stroke-opacity": 1 + } + ], + "~:x": 870.9999749172262, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 870.9999749172262, + "~:y": 237.0000021805366, + "~:width": 638.9999826118988, + "~:height": 87.00000000000003, + "~:x1": 870.9999749172262, + "~:y1": 237.0000021805366, + "~:x2": 1509.999957529125, + "~:y2": 324.0000021805366 + } + }, + "~:flip-x": null, + "~:height": 87.00000000000003, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-7850ae42e717": { + "~#shape": { + "~:y": 242.00000464717482, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "160ttioqvlh", + "~:font-size": "72", + "~:font-weight": "400", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "aaa " + }, + { + "~:line-height": "", + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "oq8cktt92j", + "~:font-size": "72", + "~:font-weight": "400", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "bbb and this is a longer text that I'm trying " + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1om4rmmvuxq", + "~:font-size": "72", + "~:font-weight": "400", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#cd20bb", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "to break" + } + ], + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2cuj5swwjwo", + "~:font-size": "72", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#cd20bb", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 616.9999914049297, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 103.9999971822214, + "~:y": 242.00000464717482 + } + }, + { + "~#point": { + "~:x": 720.999988587151, + "~:y": 242.00000464717482 + } + }, + { + "~#point": { + "~:x": 720.999988587151, + "~:y": 586.0000047266474 + } + }, + { + "~#point": { + "~:x": 103.9999971822214, + "~:y": 586.0000047266474 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-7850ae42e717", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 610.1999835819006, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 125.06666564941406, + "~:text-decoration": "line-through rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 187.99999899513318, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 125.06666564941406, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "aaa " + } + }, + { + "~#rect": { + "~:y": 610.1999835819006, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 504.6000061035156, + "~:text-decoration": "line-through rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 313.06666464454725, + "~:x1": 125.06666564941406, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 629.6666717529297, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "bbb and this is a " + } + }, + { + "~#rect": { + "~:y": 696.599992737174, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 82.60000610351562, + "~:width": 587.1500244140625, + "~:text-decoration": "line-through rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 187.99999899513318, + "~:x1": 0, + "~:y2": 176.60000610351562, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 587.1500244140625, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "longer text that I'm " + } + }, + { + "~#rect": { + "~:y": 782.9999866336584, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 169, + "~:width": 192.14999389648438, + "~:text-decoration": "line-through rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 187.99999899513318, + "~:x1": 0, + "~:y2": 263, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 192.14999389648438, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "trying " + } + }, + { + "~#rect": { + "~:y": 782.9999866336584, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 169, + "~:width": 248.48333740234375, + "~:text-decoration": "line-through rgb(205, 32, 187)", + "~:letter-spacing": "normal", + "~:x": 380.14999289161756, + "~:x1": 192.14999389648438, + "~:y2": 263, + "~:fills": [ + { + "~:fill-color": "#cd20bb", + "~:fill-opacity": 1 + } + ], + "~:x2": 440.6333312988281, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "to break" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:outer", + "~:stroke-width": 3, + "~:stroke-opacity": 1, + "~:stroke-image": { + "~:id": "~ud6c33e7b-7b64-80f3-8006-78509a3a2d21", + "~:width": 2560, + "~:height": 1325, + "~:mtype": "image/png", + "~:name": "background_4.png", + "~:keep-aspect-ratio": true + } + } + ], + "~:x": 103.99999718222136, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 103.99999718222136, + "~:y": 242.00000464717482, + "~:width": 616.9999914049297, + "~:height": 344.00000007947256, + "~:x1": 103.99999718222136, + "~:y1": 242.00000464717482, + "~:x2": 720.999988587151, + "~:y2": 586.0000047266474 + } + }, + "~:fills": [], + "~:flip-x": null, + "~:height": 344.00000007947256, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-7850de3e8f37": { + "~#shape": { + "~:y": 352.00000015261764, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~: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": "2cq42ierf4m", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is an inner stroke" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1595dptq0av", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 638.9999826118988, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 870.999972771459, + "~:y": 352.00000015261764 + } + }, + { + "~#point": { + "~:x": 1509.9999553833577, + "~:y": 352.00000015261764 + } + }, + { + "~#point": { + "~:x": 1509.9999553833577, + "~:y": 438.00000130678507 + } + }, + { + "~#point": { + "~:x": 870.999972771459, + "~:y": 438.00000130678507 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-7850de3e8f37", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 442.19999710085983, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 638.36669921875, + "~:text-decoration": "line-through rgb(16, 68, 222)", + "~:letter-spacing": "normal", + "~:x": 870.9999727714589, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:x2": 638.36669921875, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is an inner stroke" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:inner", + "~:stroke-width": 1, + "~:stroke-color": "#c100c8", + "~:stroke-opacity": 1 + } + ], + "~:x": 870.9999727714589, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 870.9999727714589, + "~:y": 352.00000015261764, + "~:width": 638.9999826118988, + "~:height": 86.00000115416742, + "~:x1": 870.9999727714589, + "~:y1": 352.00000015261764, + "~:x2": 1509.9999553833577, + "~:y2": 438.00000130678507 + } + }, + "~:flip-x": null, + "~:height": 86.00000115416742, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-78509a3c4e5f": { + "~#shape": { + "~:y": -169.99999571851134, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:auto-height", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "1", + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "160ttioqvlh", + "~:font-size": "72", + "~:font-weight": "400", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "aaa " + }, + { + "~:line-height": "1", + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "oq8cktt92j", + "~:font-size": "72", + "~:font-weight": "400", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "bbb and this is a longer text that I'm trying " + }, + { + "~:line-height": "1", + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1om4rmmvuxq", + "~:font-size": "72", + "~:font-weight": "400", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#cd20bb", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "to break" + } + ], + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2cuj5swwjwo", + "~:font-size": "72", + "~:font-weight": "400", + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#cd20bb", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 918.0000003792857, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 161.00000125861249, + "~:y": -169.99999571851134 + } + }, + { + "~#point": { + "~:x": 1079.000001637898, + "~:y": -169.99999571851134 + } + }, + { + "~#point": { + "~:x": 1079.000001637898, + "~:y": -25.999992049812093 + } + }, + { + "~#point": { + "~:x": 161.00000125861249, + "~:y": -25.999992049812093 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-78509a3c4e5f", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": -87, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -11, + "~:width": 125.06666564941406, + "~:text-decoration": "underline rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 161, + "~:x1": 0, + "~:y2": 83, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 125.06666564941406, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "aaa " + } + }, + { + "~#rect": { + "~:y": -87, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -11, + "~:width": 1091.75, + "~:text-decoration": "underline rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 286.06666564941406, + "~:x1": 125.06666564941406, + "~:y2": 83, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 1216.816665649414, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "bbb and this is a longer text that I'm " + } + }, + { + "~#rect": { + "~:y": -15, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 61, + "~:width": 192.14999389648438, + "~:text-decoration": "underline rgb(32, 75, 205)", + "~:letter-spacing": "normal", + "~:x": 161, + "~:x1": 0, + "~:y2": 155, + "~:fills": [ + { + "~:fill-color": "#204bcd", + "~:fill-opacity": 1 + } + ], + "~:x2": 192.14999389648438, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "trying " + } + }, + { + "~#rect": { + "~:y": -15, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 61, + "~:width": 248.48333740234375, + "~:text-decoration": "underline rgb(205, 32, 187)", + "~:letter-spacing": "normal", + "~:x": 353.1499938964844, + "~:x1": 192.14999389648438, + "~:y2": 155, + "~:fills": [ + { + "~:fill-color": "#cd20bb", + "~:fill-opacity": 1 + } + ], + "~:x2": 440.6333312988281, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "to break" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:outer", + "~:stroke-width": 2, + "~:stroke-opacity": 1, + "~:stroke-image": { + "~:id": "~ud6c33e7b-7b64-80f3-8006-78509a3a2d21", + "~:width": 2560, + "~:height": 1325, + "~:mtype": "image/png", + "~:name": "background_4.png", + "~:keep-aspect-ratio": true + } + } + ], + "~:x": 161.00000125861243, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 161.00000125861243, + "~:y": -169.99999571851134, + "~:width": 918.0000003792857, + "~:height": 144.00000366869926, + "~:x1": 161.00000125861243, + "~:y1": -169.99999571851134, + "~:x2": 1079.000001637898, + "~:y2": -25.99999204981208 + } + }, + "~:fills": [], + "~:flip-x": null, + "~:height": 144.00000366869926, + "~:flip-y": null + } + }, + "~u38c139ee-c848-80d4-8006-865242dea382": { + "~#shape": { + "~:y": 242.00000248741526, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "1mxs0ewwp99", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "10oavl240v3", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1ibzt9aof7z", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "6jo4ptrcmt", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "10ycxmel3fk", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "209ny6c3lke", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "a text that contains" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "s4kqryho97", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "ggjfjlzupm", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "new lines" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1768rvmgl86", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "7ra7cu2h32", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1i06ol6sfgj", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1l3gjdva3k4", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "2fu0jrcz4a2", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + }, + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1mm12t8z9re", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "an some breaking lines" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1n4dr5ql8td", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 674.7362248725649, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 1603.999927294974, + "~:y": 242.00000248741503 + } + }, + { + "~#point": { + "~:x": 2278.7361521675393, + "~:y": 242.00000248741503 + } + }, + { + "~#point": { + "~:x": 2278.7361521675393, + "~:y": 1064.0000024874153 + } + }, + { + "~#point": { + "~:x": 1603.999927294974, + "~:y": 1064.0000024874153 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:id": "~u38c139ee-c848-80d4-8006-865242dea382", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 332.1999994356572, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 173.71665954589844, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 173.71665954589844, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is" + } + }, + { + "~#rect": { + "~:y": 418.60000859093066, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 82.60000610351562, + "~:width": 14.51666259765625, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 176.60000610351562, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 14.51666259765625, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": " " + } + }, + { + "~#rect": { + "~:y": 505.00000248741503, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 169, + "~:width": 577.13330078125, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 263, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 577.13330078125, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "a text that contains" + } + }, + { + "~#rect": { + "~:y": 591.3999963838994, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 255.39999389648438, + "~:width": 282.8833312988281, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 349.3999938964844, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 282.8833312988281, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "new lines" + } + }, + { + "~#rect": { + "~:y": 677.7999902803838, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 341.79998779296875, + "~:width": 14.51666259765625, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 435.79998779296875, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 14.51666259765625, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": " " + } + }, + { + "~#rect": { + "~:y": 764.2000146944463, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 428.20001220703125, + "~:width": 14.51666259765625, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 522.2000122070312, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 14.51666259765625, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": " " + } + }, + { + "~#rect": { + "~:y": 850.5999780733528, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 514.5999755859375, + "~:width": 548.9833374023438, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 608.5999755859375, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 548.9833374023438, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "an some breaking " + } + }, + { + "~#rect": { + "~:y": 937.0000024874153, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": 601, + "~:width": 141.26666259765625, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 1603.9999079088113, + "~:x1": 0, + "~:y2": 695, + "~:fills": [ + { + "~:fill-color": "#000000", + "~:fill-opacity": 1 + } + ], + "~:x2": 141.26666259765625, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "lines" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [], + "~:x": 1603.999927294974, + "~:selrect": { + "~#rect": { + "~:x": 1603.999927294974, + "~:y": 242.00000248741526, + "~:width": 674.7362248725649, + "~:height": 822.0000000000002, + "~:x1": 1603.999927294974, + "~:y1": 242.00000248741526, + "~:x2": 2278.736152167539, + "~:y2": 1064.0000024874155 + } + }, + "~:fills": [], + "~:flip-x": null, + "~:height": 822.0000000000002, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-78510f062678": { + "~#shape": { + "~:y": 816.0000001526176, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "2cq42ierf4m", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is a center stroke" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1595dptq0av", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 698.0000563466937, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 871.0000165508966, + "~:y": 816.0000001526176 + } + }, + { + "~#point": { + "~:x": 1569.0000728975901, + "~:y": 816.0000001526176 + } + }, + { + "~#point": { + "~:x": 1569.0000728975901, + "~:y": 902.0000013067851 + } + }, + { + "~#point": { + "~:x": 871.0000165508966, + "~:y": 902.0000013067851 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-78510f062678", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 906.1999971008598, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 632.5166625976562, + "~:text-decoration": "line-through rgb(16, 68, 222)", + "~:letter-spacing": "normal", + "~:x": 871.0000165508965, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:x2": 632.5166625976562, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is a center stroke" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:center", + "~:stroke-width": 1, + "~:stroke-color": "#c100c8", + "~:stroke-opacity": 1 + } + ], + "~:x": 871.0000165508965, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 871.0000165508965, + "~:y": 816.0000001526176, + "~:width": 698.0000563466937, + "~:height": 86.00000115416742, + "~:x1": 871.0000165508965, + "~:y1": 816.0000001526176, + "~:x2": 1569.0000728975901, + "~:y2": 902.0000013067851 + } + }, + "~:flip-x": null, + "~:height": 86.00000115416742, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-78510f062679": { + "~#shape": { + "~:y": 700.9999564041693, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:auto-width", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "2cq42ierf4m", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is a center stroke" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1595dptq0av", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 633, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 871.0000188947865, + "~:y": 700.9999564041693 + } + }, + { + "~#point": { + "~:x": 1504.0000188947865, + "~:y": 700.9999564041693 + } + }, + { + "~#point": { + "~:x": 1504.0000188947865, + "~:y": 787.9999564041693 + } + }, + { + "~#point": { + "~:x": 871.0000188947865, + "~:y": 787.9999564041693 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-78510f062679", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 791.1999533524115, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 632.5166625976562, + "~:text-decoration": "underline rgb(16, 68, 222)", + "~:letter-spacing": "normal", + "~:x": 871.0000188947865, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:x2": 632.5166625976562, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is a center stroke" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:center", + "~:stroke-width": 1, + "~:stroke-color": "#c100c8", + "~:stroke-opacity": 1 + } + ], + "~:x": 871.0000188947865, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 871.0000188947865, + "~:y": 700.9999564041693, + "~:width": 633, + "~:height": 87, + "~:x1": 871.0000188947865, + "~:y1": 700.9999564041693, + "~:x2": 1504.0000188947865, + "~:y2": 787.9999564041693 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-7851b9d948e5": { + "~#shape": { + "~:y": 931.000015710521, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "1p37s6olgps", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1qkhdo08sfk", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [], + "~:font-family": "sourcesanspro", + "~:text": "I " + }, + { + "~:line-height": "1", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1firkih92rc", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [], + "~:font-family": "sourcesanspro", + "~:text": "❤️ Unicode" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1t9rwzf81g3", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 405.1900070264876, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 187.9999948925661, + "~:y": 931.000015710521 + } + }, + { + "~#point": { + "~:x": 593.1900019190537, + "~:y": 931.000015710521 + } + }, + { + "~#point": { + "~:x": 593.1900019190537, + "~:y": 1122.999941323922 + } + }, + { + "~#point": { + "~:x": 187.9999948925661, + "~:y": 1122.999941323922 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:id": "~ue2dd1e47-c379-8002-8006-7851b9d948e5", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 1014.0000081062317, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -11, + "~:width": 33.43333435058594, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 187.99999888267257, + "~:x1": 0, + "~:y2": 83, + "~:fills": [], + "~:x2": 33.43333435058594, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "I " + } + }, + { + "~#rect": { + "~:y": 1014.0000081062317, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -11, + "~:width": 353.8999938964844, + "~:text-decoration": "line-through rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 221.4333332332585, + "~:x1": 33.43333435058594, + "~:y2": 83, + "~:fills": [], + "~:x2": 387.3333282470703, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "❤️ Unicode" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:x": 187.99999489256606, + "~:selrect": { + "~#rect": { + "~:x": 187.99999489256606, + "~:y": 931.000015710521, + "~:width": 405.1900070264876, + "~:height": 191.99992561340105, + "~:x1": 187.99999489256606, + "~:y1": 931.000015710521, + "~:x2": 593.1900019190537, + "~:y2": 1122.999941323922 + } + }, + "~:flip-x": null, + "~:height": 191.99992561340105, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-785197fca88d": { + "~#shape": { + "~:y": 816.0000004768372, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:auto-width", + "~:content": { + "~:type": "root", + "~:key": "1p37s6olgps", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1qkhdo08sfk", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [], + "~:font-family": "sourcesanspro", + "~:text": "I " + }, + { + "~:line-height": "1", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "1firkih92rc", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [], + "~:font-family": "sourcesanspro", + "~:text": "❤️ Unicode" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1t9rwzf81g3", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 388, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 192.0000118613243, + "~:y": 816.0000004768372 + } + }, + { + "~#point": { + "~:x": 580.0000118613243, + "~:y": 816.0000004768372 + } + }, + { + "~#point": { + "~:x": 580.0000118613243, + "~:y": 888.0000004768372 + } + }, + { + "~#point": { + "~:x": 192.0000118613243, + "~:y": 888.0000004768372 + } + } + ], + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:id": "~ue2dd1e47-c379-8002-8006-785197fca88d", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 899.0000004768372, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -11, + "~:width": 33.43333435058594, + "~:text-decoration": "underline rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 192.0000118613243, + "~:x1": 0, + "~:y2": 83, + "~:fills": [], + "~:x2": 33.43333435058594, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "I " + } + }, + { + "~#rect": { + "~:y": 899.0000004768372, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -11, + "~:width": 353.8999938964844, + "~:text-decoration": "underline rgb(0, 0, 0)", + "~:letter-spacing": "normal", + "~:x": 225.43334621191025, + "~:x1": 33.43333435058594, + "~:y2": 83, + "~:fills": [], + "~:x2": 387.3333282470703, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "❤️ Unicode" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:x": 192.0000118613243, + "~:selrect": { + "~#rect": { + "~:x": 192.0000118613243, + "~:y": 816.0000004768372, + "~:width": 388, + "~:height": 72, + "~:x1": 192.0000118613243, + "~:y1": 816.0000004768372, + "~:x2": 580.0000118613243, + "~:y2": 888.0000004768372 + } + }, + "~:flip-x": null, + "~:height": 72, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-7850f96e4ae9": { + "~#shape": { + "~:y": 470.99998692174745, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:auto-width", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "2cq42ierf4m", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is an outer stroke" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1595dptq0av", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "underline", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 643.9999999999999, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 871.0000188947865, + "~:y": 470.9999869217475 + } + }, + { + "~#point": { + "~:x": 1515.0000188947863, + "~:y": 470.9999869217475 + } + }, + { + "~#point": { + "~:x": 1515.0000188947863, + "~:y": 557.9999869217474 + } + }, + { + "~#point": { + "~:x": 871.0000188947865, + "~:y": 557.9999869217474 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-7850f96e4ae9", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 561.1999838699896, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 643.7333374023438, + "~:text-decoration": "underline rgb(16, 68, 222)", + "~:letter-spacing": "normal", + "~:x": 871.0000188947866, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:x2": 643.7333374023438, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is an outer stroke" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:outer", + "~:stroke-width": 1, + "~:stroke-color": "#c100c8", + "~:stroke-opacity": 1 + } + ], + "~:x": 871.0000188947866, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 871.0000188947866, + "~:y": 470.99998692174745, + "~:width": 643.9999999999999, + "~:height": 87, + "~:x1": 871.0000188947866, + "~:y1": 470.99998692174745, + "~:x2": 1515.0000188947865, + "~:y2": 557.9999869217474 + } + }, + "~:flip-x": null, + "~:height": 87, + "~:flip-y": null + } + }, + "~ue2dd1e47-c379-8002-8006-7850f96e4aea": { + "~#shape": { + "~:y": 585.9999696350395, + "~:transform": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:rotation": 0, + "~:grow-type": "~:fixed", + "~:content": { + "~:type": "root", + "~:key": "1u5z8e0kt88", + "~:children": [ + { + "~:type": "paragraph-set", + "~:children": [ + { + "~:line-height": "1.2", + "~:font-style": "normal", + "~:children": [ + { + "~:line-height": "", + "~:font-style": "normal", + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:font-id": "sourcesanspro", + "~:key": "2cq42ierf4m", + "~:font-size": "72", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro", + "~:text": "this is an outer stroke" + } + ], + "~:typography-ref-id": null, + "~:text-transform": "none", + "~:text-align": "left", + "~:font-id": "sourcesanspro", + "~:key": "1595dptq0av", + "~:font-size": "0", + "~:font-weight": "400", + "~:typography-ref-file": null, + "~:text-direction": "ltr", + "~:type": "paragraph", + "~:font-variant-id": "regular", + "~:text-decoration": "line-through", + "~:letter-spacing": "0", + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:font-family": "sourcesanspro" + } + ] + } + ], + "~:vertical-align": "top" + }, + "~:hide-in-viewer": false, + "~:name": "Text", + "~:width": 698.0000563466937, + "~:type": "~:text", + "~:points": [ + { + "~#point": { + "~:x": 871.0000165508966, + "~:y": 585.9999696350395 + } + }, + { + "~#point": { + "~:x": 1569.0000728975901, + "~:y": 585.9999696350395 + } + }, + { + "~#point": { + "~:x": 1569.0000728975901, + "~:y": 671.9999707892069 + } + }, + { + "~#point": { + "~:x": 871.0000165508966, + "~:y": 671.9999707892069 + } + } + ], + "~:layout-item-h-sizing": "~:fix", + "~:transform-inverse": { + "~#matrix": { + "~:a": 1, + "~:b": 0, + "~:c": 0, + "~:d": 1, + "~:e": 0, + "~:f": 0 + } + }, + "~:layout-item-v-sizing": "~:fix", + "~:hidden": false, + "~:id": "~ue2dd1e47-c379-8002-8006-7850f96e4aea", + "~:parent-id": "~u00000000-0000-0000-0000-000000000000", + "~:position-data": [ + { + "~#rect": { + "~:y": 676.1999665832817, + "~:font-style": "normal", + "~:text-transform": "none", + "~:font-size": "72px", + "~:font-weight": "400", + "~:y1": -3.8000030517578125, + "~:width": 643.7333374023438, + "~:text-decoration": "line-through rgb(16, 68, 222)", + "~:letter-spacing": "normal", + "~:x": 871.0000165508965, + "~:x1": 0, + "~:y2": 90.19999694824219, + "~:fills": [ + { + "~:fill-color": "#1044de", + "~:fill-opacity": 1 + } + ], + "~:x2": 643.7333374023438, + "~:direction": "ltr", + "~:font-family": "\"sourcesanspro\"", + "~:height": 94, + "~:text": "this is an outer stroke" + } + } + ], + "~:frame-id": "~u00000000-0000-0000-0000-000000000000", + "~:strokes": [ + { + "~:stroke-style": "~:solid", + "~:stroke-alignment": "~:outer", + "~:stroke-width": 1, + "~:stroke-color": "#c100c8", + "~:stroke-opacity": 1 + } + ], + "~:x": 871.0000165508965, + "~:shadow": [], + "~:selrect": { + "~#rect": { + "~:x": 871.0000165508965, + "~:y": 585.9999696350395, + "~:width": 698.0000563466937, + "~:height": 86.00000115416742, + "~:x1": 871.0000165508965, + "~:y1": 585.9999696350395, + "~:x2": 1569.0000728975901, + "~:y2": 671.9999707892069 + } + }, + "~:flip-x": null, + "~:height": 86.00000115416742, + "~:flip-y": null + } + } + }, + "~:id": "~ud6c33e7b-7b64-80f3-8006-785098582f1e", + "~:name": "Page 1" + } + }, + "~:id": "~ud6c33e7b-7b64-80f3-8006-785098582f1d", + "~:options": { + "~:components-v2": true, + "~:base-font-size": "16px" + } + } +} \ No newline at end of file diff --git a/frontend/playwright/ui/render-wasm-specs/texts.spec.js b/frontend/playwright/ui/render-wasm-specs/texts.spec.js index b007ba4089..8f810dadc2 100644 --- a/frontend/playwright/ui/render-wasm-specs/texts.spec.js +++ b/frontend/playwright/ui/render-wasm-specs/texts.spec.js @@ -121,7 +121,6 @@ test("Renders a file with styled texts", async ({ page }) => { await expect(workspace.canvas).toHaveScreenshot(); }); - test("Renders a file with texts with images", async ({ page }) => { const workspace = new WasmWorkspacePage(page); await workspace.setupEmptyFile(); @@ -145,6 +144,28 @@ test("Renders a file with texts with images", async ({ page }) => { await expect(workspace.canvas).toHaveScreenshot(); }); +test("Renders a file with text decoration", async ({ page }) => { + const workspace = new WasmWorkspacePage(page); + await workspace.setupEmptyFile(); + await workspace.mockFileMediaAsset( + [ + "d6c33e7b-7b64-80f3-8006-78509a3a2d21", + ], + "render-wasm/assets/pattern.png", + ); + await mockGetEmojiFont(workspace); + await mockGetJapaneseFont(workspace); + + await workspace.mockGetFile("render-wasm/get-file-text-decoration.json"); + + await workspace.goToWorkspace({ + id: "d6c33e7b-7b64-80f3-8006-785098582f1d", + pageId: "d6c33e7b-7b64-80f3-8006-785098582f1e", + }); + await workspace.waitForFirstRender(); + await expect(workspace.canvas).toHaveScreenshot(); +}); + test("Renders a file with multiple emoji", async ({ page }) => { const workspace = new WasmWorkspacePage(page); diff --git a/frontend/playwright/ui/render-wasm-specs/texts.spec.js-snapshots/Renders-a-file-with-text-decoration-1.png b/frontend/playwright/ui/render-wasm-specs/texts.spec.js-snapshots/Renders-a-file-with-text-decoration-1.png new file mode 100644 index 0000000000..de5e1b4d8b Binary files /dev/null and b/frontend/playwright/ui/render-wasm-specs/texts.spec.js-snapshots/Renders-a-file-with-text-decoration-1.png differ diff --git a/render-wasm/src/render.rs b/render-wasm/src/render.rs index 5066370c0b..1fad158a07 100644 --- a/render-wasm/src/render.rs +++ b/render-wasm/src/render.rs @@ -460,37 +460,44 @@ impl RenderState { }); let text_content = text_content.new_bounds(shape.selrect()); - let paragraphs = text_content.get_skia_paragraphs(self.fonts.font_collection()); + let mut paragraphs = text_content.get_skia_paragraphs(); - shadows::render_text_drop_shadows(self, &shape, ¶graphs, antialias); - text::render(self, &shape, ¶graphs, None); + shadows::render_text_drop_shadows(self, &shape, &mut paragraphs, antialias); + text::render(self, &shape, &mut paragraphs, None); if shape.has_inner_strokes() { // Inner strokes paints need the text fill to apply correctly their blend modes // (e.g., SrcATop, DstOver) - text::render(self, &shape, ¶graphs, Some(SurfaceId::Strokes)); + text::render(self, &shape, &mut paragraphs, Some(SurfaceId::Strokes)); } for stroke in shape.strokes().rev() { - let stroke_paragraphs = text_content.get_skia_stroke_paragraphs( - stroke, - &shape.selrect(), - self.fonts.font_collection(), + let mut stroke_paragraphs = + text_content.get_skia_stroke_paragraphs(stroke, &shape.selrect()); + shadows::render_text_drop_shadows( + self, + &shape, + &mut stroke_paragraphs, + antialias, ); - shadows::render_text_drop_shadows(self, &shape, &stroke_paragraphs, antialias); strokes::render( self, &shape, stroke, None, None, - Some(&stroke_paragraphs), + Some(&mut stroke_paragraphs), + antialias, + ); + shadows::render_text_inner_shadows( + self, + &shape, + &mut stroke_paragraphs, antialias, ); - shadows::render_text_inner_shadows(self, &shape, &stroke_paragraphs, antialias); } - shadows::render_text_inner_shadows(self, &shape, ¶graphs, antialias); + shadows::render_text_inner_shadows(self, &shape, &mut paragraphs, antialias); } _ => { let surface_ids = SurfaceId::Strokes as u32 diff --git a/render-wasm/src/render/shadows.rs b/render-wasm/src/render/shadows.rs index c59b9507af..a8dd60183b 100644 --- a/render-wasm/src/render/shadows.rs +++ b/render-wasm/src/render/shadows.rs @@ -2,7 +2,8 @@ use super::{RenderState, SurfaceId}; use crate::render::strokes; use crate::render::text::{self}; use crate::shapes::{Shadow, Shape, Stroke, Type}; -use skia_safe::{canvas::SaveLayerRec, textlayout::Paragraph, Paint, Path}; +use skia_safe::textlayout::ParagraphBuilder; +use skia_safe::{canvas::SaveLayerRec, Paint, Path}; // Fill Shadows pub fn render_fill_drop_shadows(render_state: &mut RenderState, shape: &Shape, antialias: bool) { @@ -88,7 +89,7 @@ pub fn render_stroke_inner_shadows( pub fn render_text_drop_shadows( render_state: &mut RenderState, shape: &Shape, - paragraphs: &[Vec], + paragraphs: &mut [ParagraphBuilder], antialias: bool, ) { for shadow in shape.drop_shadows().rev().filter(|s| !s.hidden()) { @@ -123,7 +124,7 @@ pub fn render_text_drop_shadow( render_state: &mut RenderState, shape: &Shape, shadow: &Shadow, - paragraphs: &[Vec], + paragraphs: &mut [ParagraphBuilder], antialias: bool, ) { let paint = shadow.get_drop_shadow_paint(antialias); @@ -145,7 +146,7 @@ pub fn render_text_drop_shadow( pub fn render_text_inner_shadows( render_state: &mut RenderState, shape: &Shape, - paragraphs: &[Vec], + paragraphs: &mut [ParagraphBuilder], antialias: bool, ) { for shadow in shape.inner_shadows().rev().filter(|s| !s.hidden()) { @@ -157,7 +158,7 @@ pub fn render_text_inner_shadow( render_state: &mut RenderState, shape: &Shape, shadow: &Shadow, - paragraphs: &[Vec], + paragraphs: &mut [ParagraphBuilder], antialias: bool, ) { let paint = shadow.get_inner_shadow_paint(antialias); diff --git a/render-wasm/src/render/strokes.rs b/render-wasm/src/render/strokes.rs index 87c5f1bbb1..eee72a9d1a 100644 --- a/render-wasm/src/render/strokes.rs +++ b/render-wasm/src/render/strokes.rs @@ -3,7 +3,7 @@ use std::collections::HashMap; use crate::math::{Matrix, Point, Rect}; use crate::shapes::{Corners, Fill, ImageFill, Path, Shape, Stroke, StrokeCap, StrokeKind, Type}; -use skia_safe::{self as skia, textlayout::Paragraph, ImageFilter, RRect}; +use skia_safe::{self as skia, textlayout::ParagraphBuilder, ImageFilter, RRect}; use super::{RenderState, SurfaceId}; use crate::render::text::{self}; @@ -485,7 +485,7 @@ pub fn render( stroke: &Stroke, surface_id: Option, shadow: Option<&ImageFilter>, - paragraphs: Option<&[Vec]>, + paragraphs: Option<&mut [ParagraphBuilder]>, antialias: bool, ) { let scale = render_state.get_scale(); diff --git a/render-wasm/src/render/text.rs b/render-wasm/src/render/text.rs index a935a906a6..c12a77b492 100644 --- a/render-wasm/src/render/text.rs +++ b/render-wasm/src/render/text.rs @@ -1,35 +1,129 @@ use super::{RenderState, Shape, SurfaceId}; use crate::shapes::VerticalAlign; -use skia_safe::{textlayout::Paragraph, Paint, Path}; +use skia_safe::{textlayout::ParagraphBuilder, FontMetrics, Paint, Path}; pub fn render( render_state: &mut RenderState, shape: &Shape, - paragraphs: &[Vec], + paragraphs: &mut [ParagraphBuilder], surface_id: Option, ) { let canvas = render_state .surfaces .canvas(surface_id.unwrap_or(SurfaceId::Fills)); + let mut offset_y = 0.0; let container_height = shape.selrect().height(); - for group in paragraphs { - let total_paragraphs_height: f32 = group.iter().map(|p| p.height()).sum(); - let mut offset_y = match shape.vertical_align() { - VerticalAlign::Center => (container_height - total_paragraphs_height) / 2.0, - VerticalAlign::Bottom => container_height - total_paragraphs_height, + for builder in paragraphs { + let mut skia_paragraph = builder.build(); + skia_paragraph.layout(shape.bounds().width()); + let paragraph_height: f32 = skia_paragraph.height(); + + let paragraph_offset_y = match shape.vertical_align() { + VerticalAlign::Center => (container_height - paragraph_height) / 2.0, + VerticalAlign::Bottom => container_height - paragraph_height, _ => 0.0, }; - for skia_paragraph in group { - let xy = (shape.selrect().x(), shape.selrect.y() + offset_y); - skia_paragraph.paint(canvas, xy); - offset_y += skia_paragraph.height(); + offset_y += paragraph_offset_y; + + let xy = (shape.selrect().x(), shape.selrect().y() + offset_y); + skia_paragraph.paint(canvas, xy); + + offset_y += paragraph_height; + + for line_metrics in skia_paragraph.get_line_metrics().iter() { + let style_metrics: Vec<_> = line_metrics + .get_style_metrics(line_metrics.start_index..line_metrics.end_index) + .into_iter() + .collect(); + + let mut current_x_offset = 0.0; + let total_line_width = line_metrics.width as f32; + let total_chars = line_metrics.end_index - line_metrics.start_index; + + // No text decoration for empty lines + if total_chars == 0 || style_metrics.is_empty() { + continue; + } + + for (i, (index, style_metric)) in style_metrics.iter().enumerate() { + let text_style = style_metric.text_style; + let font_metrics = style_metric.font_metrics; + let next_index = style_metrics + .get(i + 1) + .map(|(next_i, _)| *next_i) + .unwrap_or(line_metrics.end_index); + let char_count = next_index - index; + let segment_width = if total_chars > 0 { + (char_count as f32 / total_chars as f32) * total_line_width + } else { + char_count as f32 * font_metrics.avg_char_width + }; + + if text_style.decoration().ty + != skia_safe::textlayout::TextDecoration::NO_DECORATION + { + let decoration_type = text_style.decoration().ty; + let text_left = xy.0 + current_x_offset; + let text_top = xy.1 + line_metrics.baseline as f32 - line_metrics.ascent as f32; + let text_width = segment_width; + let line_height = line_metrics.height as f32; + + let r = calculate_text_decoration_rect( + decoration_type, + font_metrics, + text_left, + text_top, + text_width, + line_height, + ); + + if let Some(decoration_rect) = r { + let decoration_paint = text_style.foreground(); + canvas.draw_rect(decoration_rect, &decoration_paint); + } + } + + current_x_offset += segment_width; + } } } } +pub fn calculate_text_decoration_rect( + decoration: skia_safe::textlayout::TextDecoration, + font_metrics: FontMetrics, + blob_left: f32, + blob_offset_y: f32, + text_width: f32, + blob_height: f32, +) -> Option { + let thickness = font_metrics.underline_thickness().unwrap_or(1.0); + match decoration { + skia_safe::textlayout::TextDecoration::LINE_THROUGH => { + let line_position = blob_height / 2.0; + Some(skia_safe::Rect::new( + blob_left, + blob_offset_y + line_position - thickness / 2.0, + blob_left + text_width, + blob_offset_y + line_position + thickness / 2.0, + )) + } + skia_safe::textlayout::TextDecoration::UNDERLINE => { + let underline_y = blob_offset_y + blob_height - thickness; + Some(skia_safe::Rect::new( + blob_left, + underline_y, + blob_left + text_width, + underline_y + thickness, + )) + } + _ => None, + } +} + // Render text paths (unused) #[allow(dead_code)] pub fn render_as_path( diff --git a/render-wasm/src/shapes/modifiers.rs b/render-wasm/src/shapes/modifiers.rs index 464e728626..0e0c59bd7a 100644 --- a/render-wasm/src/shapes/modifiers.rs +++ b/render-wasm/src/shapes/modifiers.rs @@ -164,8 +164,6 @@ fn propagate_transform( }; let shapes = &state.shapes; - let font_col = state.render_state.fonts.font_collection(); - let shape_bounds_before = bounds.find(shape); let mut shape_bounds_after = shape_bounds_before.transform(&entry.transform); @@ -173,9 +171,9 @@ fn propagate_transform( if let Type::Text(content) = &shape.shape_type { if content.grow_type() == GrowType::AutoHeight { - let mut paragraphs = content.get_skia_paragraphs(font_col); + let mut paragraphs = content.get_skia_paragraphs(); set_paragraphs_width(shape_bounds_after.width(), &mut paragraphs); - let height = auto_height(¶graphs); + let height = auto_height(&mut paragraphs, shape_bounds_after.width()); let resize_transform = math::resize_matrix( &shape_bounds_after, &shape_bounds_after, diff --git a/render-wasm/src/shapes/text.rs b/render-wasm/src/shapes/text.rs index 1392a52411..b388984328 100644 --- a/render-wasm/src/shapes/text.rs +++ b/render-wasm/src/shapes/text.rs @@ -5,13 +5,13 @@ use crate::{ use skia_safe::{ self as skia, paint::Paint, - textlayout::{FontCollection, ParagraphBuilder, ParagraphStyle}, + textlayout::{ParagraphBuilder, ParagraphStyle}, }; use std::collections::HashSet; use super::FontFamily; use crate::shapes::{self, merge_fills, set_paint_fill, Stroke, StrokeKind}; -use crate::utils::{get_fallback_fonts, uuid_from_u32}; +use crate::utils::{get_fallback_fonts, get_font_collection, uuid_from_u32}; use crate::wasm::fills::parse_fills_from_bytes; use crate::Uuid; @@ -40,15 +40,14 @@ pub struct TextContent { pub grow_type: GrowType, } -pub fn set_paragraphs_width(width: f32, paragraphs: &mut Vec>) { - for group in paragraphs { - for paragraph in group { - // We first set max so we can get the min_intrinsic_width (this is the min word size) - // then after we set either the real with or the min. - // This is done this way so the words are not break into lines. - paragraph.layout(f32::MAX); - paragraph.layout(f32::max(width, paragraph.min_intrinsic_width().ceil())); - } +pub fn set_paragraphs_width(width: f32, paragraphs: &mut [ParagraphBuilder]) { + for p in paragraphs { + // We first set max so we can get the min_intrinsic_width (this is the min word size) + // then after we set either the real with or the min. + // This is done this way so the words are not break into lines. + let mut paragraph = p.build(); + paragraph.layout(f32::MAX); + paragraph.layout(f32::max(width, paragraph.min_intrinsic_width().ceil())); } } @@ -94,67 +93,61 @@ impl TextContent { self.paragraphs.push(paragraph); } - pub fn to_paragraphs(&self, fonts: &FontCollection) -> Vec> { + pub fn to_paragraphs(&self) -> Vec { + let fonts = get_font_collection(); let fallback_fonts = get_fallback_fonts(); - let mut paragraph_group = Vec::new(); - let paragraphs = self - .paragraphs + self.paragraphs .iter() .map(|p| { let paragraph_style = p.paragraph_to_style(); let mut builder = ParagraphBuilder::new(¶graph_style, fonts); for leaf in &p.children { - let text_style = leaf.to_style(p, &self.bounds, fallback_fonts); // FIXME + let text_style = leaf.to_style(p, &self.bounds, fallback_fonts); let text = leaf.apply_text_transform(); builder.push_style(&text_style); builder.add_text(&text); builder.pop(); } - builder.build() + builder }) - .collect(); - paragraph_group.push(paragraphs); - paragraph_group + .collect() } - pub fn to_stroke_paragraphs( - &self, - stroke: &Stroke, - bounds: &Rect, - fonts: &FontCollection, - ) -> Vec> { + pub fn to_stroke_paragraphs(&self, stroke: &Stroke, bounds: &Rect) -> Vec { let fallback_fonts = get_fallback_fonts(); - let mut paragraph_group = Vec::new(); let stroke_paints = get_text_stroke_paints(stroke, bounds); + let fonts = get_font_collection(); - for stroke_paint in stroke_paints { - let mut stroke_paragraphs = Vec::new(); - for paragraph in &self.paragraphs { - let paragraph_style = paragraph.paragraph_to_style(); - let mut builder = ParagraphBuilder::new(¶graph_style, fonts); - for leaf in ¶graph.children { - let stroke_style = - leaf.to_stroke_style(paragraph, &stroke_paint, fallback_fonts); - let text: String = leaf.apply_text_transform(); - builder.push_style(&stroke_style); - builder.add_text(&text); - builder.pop(); - } - let p = builder.build(); - stroke_paragraphs.push(p); - } - paragraph_group.push(stroke_paragraphs); - } - paragraph_group + stroke_paints + .into_iter() + .flat_map(|stroke_paint| { + self.paragraphs + .iter() + .map(|paragraph| { + let paragraph_style = paragraph.paragraph_to_style(); + let mut builder = ParagraphBuilder::new(¶graph_style, fonts); + for leaf in ¶graph.children { + let stroke_style = + leaf.to_stroke_style(paragraph, &stroke_paint, fallback_fonts); + let text: String = leaf.apply_text_transform(); + builder.push_style(&stroke_style); + builder.add_text(&text); + builder.pop(); + } + builder + }) + .collect::>() + }) + .collect() } pub fn collect_paragraphs( &self, - mut paragraphs: Vec>, - ) -> Vec> { + mut paragraphs: Vec, + ) -> Vec { if self.grow_type() == GrowType::AutoWidth { set_paragraphs_width(f32::MAX, &mut paragraphs); - let max_width = auto_width(¶graphs).ceil(); + let max_width = auto_width(&mut paragraphs).ceil(); set_paragraphs_width(max_width, &mut paragraphs); } else { set_paragraphs_width(self.width(), &mut paragraphs); @@ -162,20 +155,16 @@ impl TextContent { paragraphs } - pub fn get_skia_paragraphs( - &self, - fonts: &FontCollection, - ) -> Vec> { - self.collect_paragraphs(self.to_paragraphs(fonts)) + pub fn get_skia_paragraphs(&self) -> Vec { + self.collect_paragraphs(self.to_paragraphs()) } pub fn get_skia_stroke_paragraphs( &self, stroke: &Stroke, bounds: &Rect, - fonts: &FontCollection, - ) -> Vec> { - self.collect_paragraphs(self.to_stroke_paragraphs(stroke, bounds, fonts)) + ) -> Vec { + self.collect_paragraphs(self.to_stroke_paragraphs(stroke, bounds)) } pub fn grow_type(&self) -> GrowType { @@ -286,6 +275,26 @@ impl Paragraph { 1 => skia::textlayout::TextDirection::RTL, _ => skia::textlayout::TextDirection::LTR, }); + + // Force minimum line height for empty lines using strut style + if !self.children.is_empty() { + let reference_child = self + .children + .iter() + .find(|child| !child.text.trim().is_empty()) + .unwrap_or(&self.children[0]); + + let mut strut_style = skia::textlayout::StrutStyle::default(); + strut_style.set_font_size(reference_child.font_size); + strut_style.set_height(self.line_height); + strut_style.set_height_override(true); + strut_style.set_half_leading(false); + strut_style.set_leading(0.0); + strut_style.set_strut_enabled(true); + strut_style.set_force_strut_height(true); + style.set_strut_style(strut_style); + } + style } @@ -350,6 +359,8 @@ impl TextLeaf { style.set_letter_spacing(paragraph.letter_spacing); style.set_height(paragraph.line_height); style.set_height_override(true); + style.set_half_leading(false); + style.set_decoration_type(match self.text_decoration { 0 => skia::textlayout::TextDecoration::NO_DECORATION, 1 => skia::textlayout::TextDecoration::UNDERLINE, @@ -358,8 +369,8 @@ impl TextLeaf { _ => skia::textlayout::TextDecoration::NO_DECORATION, }); - // FIXME fix decoration styles - style.set_decoration_color(paint.color()); + // Trick to avoid showing the text decoration + style.set_decoration_thickness_multiplier(0.0); let mut font_families = vec![ self.serialized_font_family(), @@ -626,24 +637,28 @@ impl From<&Vec> for RawTextData { } } -pub fn auto_width(paragraphs: &[Vec]) -> f32 { - paragraphs.iter().flatten().fold(0.0, |auto_width, p| { - f32::max(p.max_intrinsic_width(), auto_width) +pub fn auto_width(paragraphs: &mut [ParagraphBuilder]) -> f32 { + paragraphs.iter_mut().fold(0.0, |auto_width, p| { + let mut paragraph = p.build(); + paragraph.layout(f32::MAX); + f32::max(paragraph.max_intrinsic_width(), auto_width) }) } -pub fn max_width(paragraphs: &[Vec]) -> f32 { - paragraphs - .iter() - .flatten() - .fold(0.0, |max_width, p| f32::max(p.max_width(), max_width)) +pub fn max_width(paragraphs: &mut [ParagraphBuilder]) -> f32 { + paragraphs.iter_mut().fold(0.0, |max_width, p| { + let mut paragraph = p.build(); + paragraph.layout(f32::MAX); + f32::max(paragraph.max_width(), max_width) + }) } -pub fn auto_height(paragraphs: &[Vec]) -> f32 { - paragraphs - .iter() - .flatten() - .fold(0.0, |auto_height, p| auto_height + p.height()) +pub fn auto_height(paragraphs: &mut [ParagraphBuilder], width: f32) -> f32 { + paragraphs.iter_mut().fold(0.0, |auto_height, p| { + let mut paragraph = p.build(); + paragraph.layout(width); + auto_height + paragraph.height() + }) } fn get_text_stroke_paints(stroke: &Stroke, bounds: &Rect) -> Vec { @@ -651,14 +666,9 @@ fn get_text_stroke_paints(stroke: &Stroke, bounds: &Rect) -> Vec { match stroke.kind { StrokeKind::Inner => { - let mut paint = skia::Paint::default(); - paint.set_blend_mode(skia::BlendMode::DstOver); - paint.set_anti_alias(true); - paints.push(paint); - let mut paint = skia::Paint::default(); paint.set_style(skia::PaintStyle::Stroke); - paint.set_blend_mode(skia::BlendMode::SrcATop); + paint.set_blend_mode(skia::BlendMode::SrcIn); paint.set_anti_alias(true); paint.set_stroke_width(stroke.width * 2.0); diff --git a/render-wasm/src/state.rs b/render-wasm/src/state.rs index 5dffb986eb..72d08f0ba8 100644 --- a/render-wasm/src/state.rs +++ b/render-wasm/src/state.rs @@ -1,4 +1,4 @@ -use skia_safe::{self as skia, Path, Point}; +use skia_safe::{self as skia, textlayout::FontCollection, Path, Point}; use std::collections::HashMap; mod shapes_pool; @@ -167,6 +167,10 @@ impl State { .rebuild_modifier_tiles(&self.shapes, &self.modifiers); } + pub fn font_collection(&self) -> &FontCollection { + self.render_state.fonts().font_collection() + } + pub fn get_grid_coords(&self, pos_x: f32, pos_y: f32) -> Option<(i32, i32)> { let shape = self.current_shape()?; let bounds = shape.bounds(); diff --git a/render-wasm/src/utils.rs b/render-wasm/src/utils.rs index c0d0fc4a54..fb39a9bf6d 100644 --- a/render-wasm/src/utils.rs +++ b/render-wasm/src/utils.rs @@ -1,3 +1,4 @@ +use crate::skia::textlayout::FontCollection; use crate::skia::Image; use crate::uuid::Uuid; use crate::with_state_mut; @@ -31,3 +32,7 @@ pub fn get_image(image_id: &Uuid) -> Option<&Image> { pub fn get_fallback_fonts() -> &'static HashSet { with_state_mut!(state, { state.render_state().fonts().get_fallback() }) } + +pub fn get_font_collection() -> &'static FontCollection { + with_state_mut!(state, { state.font_collection() }) +} diff --git a/render-wasm/src/wasm/text.rs b/render-wasm/src/wasm/text.rs index 74f9dd7795..b0705f71dc 100644 --- a/render-wasm/src/wasm/text.rs +++ b/render-wasm/src/wasm/text.rs @@ -2,7 +2,7 @@ use crate::mem; use crate::shapes::{auto_height, auto_width, max_width, GrowType, RawTextData, Type}; use crate::STATE; -use crate::{with_current_shape, with_current_shape_mut, with_state_mut}; +use crate::{with_current_shape, with_current_shape_mut}; #[no_mangle] pub extern "C" fn clear_shape_text() { @@ -35,11 +35,6 @@ pub extern "C" fn set_shape_grow_type(grow_type: u8) { #[no_mangle] pub extern "C" fn get_text_dimensions() -> *mut u8 { - let font_col; - with_state_mut!(state, { - font_col = state.render_state.fonts.font_collection(); - }); - let mut width = 0.01; let mut height = 0.01; let mut m_width = 0.01; @@ -49,16 +44,16 @@ pub extern "C" fn get_text_dimensions() -> *mut u8 { height = shape.selrect.height(); if let Type::Text(content) = &shape.shape_type { - let paragraphs = content.get_skia_paragraphs(font_col); - m_width = max_width(¶graphs); + let mut paragraphs = content.get_skia_paragraphs(); + m_width = max_width(&mut paragraphs); match content.grow_type() { GrowType::AutoHeight => { - height = auto_height(¶graphs).ceil(); + height = auto_height(&mut paragraphs, width).ceil(); } GrowType::AutoWidth => { - width = auto_width(¶graphs).ceil(); - height = auto_height(¶graphs).ceil(); + width = auto_width(&mut paragraphs).ceil(); + height = auto_height(&mut paragraphs, width).ceil(); } GrowType::Fixed => {} }