From 79e7c10ad9744f9950dce114c7a3a1f848854a05 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Thu, 6 Jun 2024 21:32:56 +0100 Subject: [PATCH] Change UI for topic labels --- src/components/TopicDetail/TopicDetail.tsx | 27 +- src/data/roadmaps/frontend/frontend.json | 4464 ++++++++++---------- 2 files changed, 2249 insertions(+), 2242 deletions(-) diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx index e472d5911..828105d3e 100644 --- a/src/components/TopicDetail/TopicDetail.tsx +++ b/src/components/TopicDetail/TopicDetail.tsx @@ -23,13 +23,21 @@ import type { } from '../CustomRoadmap/CustomRoadmap'; import { markdownToHtml, sanitizeMarkdown } from '../../lib/markdown'; import { cn } from '../../lib/classname'; -import { Ban, FileText, HeartHandshake, X } from 'lucide-react'; +import { + Ban, + ExternalLink, + ExternalLinkIcon, + FileText, + HeartHandshake, + X, +} from 'lucide-react'; import { getUrlParams } from '../../lib/browser'; import { Spinner } from '../ReactIcons/Spinner'; import { GitHubIcon } from '../ReactIcons/GitHubIcon.tsx'; import { GoogleIcon } from '../ReactIcons/GoogleIcon.tsx'; import { YouTubeIcon } from '../ReactIcons/YouTubeIcon.tsx'; import { resourceTitleFromId } from '../../lib/roadmap.ts'; +import { isMobile } from '../../../editor/utils/is-mobile.ts'; type TopicDetailProps = { resourceTitle?: string; @@ -40,10 +48,10 @@ type TopicDetailProps = { }; const linkTypes: Record = { - article: 'bg-yellow-200', - course: 'bg-green-200', - opensource: 'bg-black-200 text-white', - podcast: 'bg-purple-200', + article: 'bg-yellow-300', + course: 'bg-green-300', + opensource: 'bg-black text-white', + podcast: 'bg-purple-300', video: 'bg-pink-300', website: 'bg-blue-300', }; @@ -350,18 +358,17 @@ export function TopicDetail(props: TopicDetailProps) { - {link.type.charAt(0).toUpperCase() + - link.type.slice(1)} + {link.type} {link.title} @@ -373,7 +380,7 @@ export function TopicDetail(props: TopicDetailProps) { {/* Contribution */} {canSubmitContribution && !hasEnoughLinks && contributionUrl && ( -
+

Find more resources using these pre-filled search queries: diff --git a/src/data/roadmaps/frontend/frontend.json b/src/data/roadmaps/frontend/frontend.json index d5faecd35..5567589ae 100644 --- a/src/data/roadmaps/frontend/frontend.json +++ b/src/data/roadmaps/frontend/frontend.json @@ -3,7 +3,1928 @@ "controls": { "control": [ { - "ID": "1234", + "ID": "3597", + "typeID": "Arrow", + "zOrder": "0", + "w": "1", + "h": "112", + "measuredW": "150", + "measuredH": "100", + "x": "270", + "y": "3061", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.5232912494558118, + "y": 0.0013060513713539393 + }, + "p2": { + "x": 0, + "y": 111.79170436678032 + } + } + }, + { + "ID": "3598", + "typeID": "Arrow", + "zOrder": "1", + "w": "282", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "238", + "y": "3060", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 282, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.4437541587082094, + "y": -0.00008705358532379595 + }, + "p2": { + "x": 0.14157583571557097, + "y": -0.18256012290839863 + } + } + }, + { + "ID": "3599", + "typeID": "Arrow", + "zOrder": "2", + "w": "1", + "h": "79", + "measuredW": "150", + "measuredH": "100", + "x": "552", + "y": "2980", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0.38832686773321257 + }, + "p1": { + "x": 0.44375415870820933, + "y": -0.00008705358532379577 + }, + "p2": { + "x": 0, + "y": 79.76842924623543 + }, + "stroke": "dotted" + } + }, + { + "ID": "3600", + "typeID": "Arrow", + "zOrder": "3", + "w": "528", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "620", + "y": "3058", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.2401013869829285, + "y": 0 + }, + "p1": { + "x": 0.4446546885461913, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 528.6326287478557, + "y": 0 + } + } + }, + { + "ID": "3601", + "typeID": "Arrow", + "zOrder": "4", + "w": "1", + "h": "79", + "measuredW": "150", + "measuredH": "100", + "x": "1264", + "y": "3052", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0.38832686773321257 + }, + "p1": { + "x": 0.44375415870820933, + "y": -0.00008705358532379577 + }, + "p2": { + "x": 0, + "y": 79.76842924623543 + }, + "stroke": "dotted" + } + }, + { + "ID": "3602", + "typeID": "Arrow", + "zOrder": "5", + "w": "313", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "845", + "y": "3040", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.42695876357902307, + "y": 0 + }, + "p1": { + "x": 0.44465468854619133, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 313.63262874785573, + "y": 0 + } + } + }, + { + "ID": "3603", + "typeID": "Arrow", + "zOrder": "6", + "w": "1", + "h": "338", + "measuredW": "150", + "measuredH": "100", + "x": "845", + "y": "2699", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.44375415870820933, + "y": -0.00008705358532379579 + }, + "p2": { + "x": 0, + "y": 337.7684292462354 + } + } + }, + { + "ID": "3604", + "typeID": "Arrow", + "zOrder": "7", + "w": "338", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "786", + "y": "2702", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.20151361539910795, + "y": 0 + }, + "p1": { + "x": 0.4446546885461914, + "y": 0.0007404118850237803 + }, + "p2": { + "x": 338.63262874785573, + "y": 0 + } + } + }, + { + "ID": "3605", + "typeID": "Arrow", + "zOrder": "8", + "w": "1", + "h": "84", + "measuredW": "150", + "measuredH": "100", + "x": "1262", + "y": "2695", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": -0.2281640414580579 + }, + "p1": { + "x": 0.4437541587082091, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 83.29426382933025 + } + } + }, + { + "ID": "3606", + "typeID": "Arrow", + "zOrder": "9", + "w": "1", + "h": "84", + "measuredW": "150", + "measuredH": "100", + "x": "1122", + "y": "2699", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": -0.2281640414580579 + }, + "p1": { + "x": 0.4437541587082091, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 83.29426382933025 + } + } + }, + { + "ID": "3607", + "typeID": "Arrow", + "zOrder": "10", + "w": "1", + "h": "101", + "measuredW": "150", + "measuredH": "100", + "x": "1149", + "y": "2345", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.2281640414580579 + }, + "p1": { + "x": 0.4437541587082091, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 100.3367909555227 + }, + "stroke": "dotted" + } + }, + { + "ID": "3608", + "typeID": "Arrow", + "zOrder": "11", + "w": "84", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "349", + "y": "2371", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.05937132975032 + }, + "p1": { + "x": 0.44375415870820895, + "y": -0.00008705358532379558 + }, + "p2": { + "x": 84.23358520389218, + "y": -0.05937132975032 + }, + "stroke": "dotted" + } + }, + { + "ID": "3609", + "typeID": "Arrow", + "zOrder": "12", + "w": "262", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "2282", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4446546885461916, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 262, + "y": 0 + } + } + }, + { + "ID": "3610", + "typeID": "Arrow", + "zOrder": "13", + "w": "262", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "2264", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4446546885461916, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 262, + "y": 0 + } + } + }, + { + "ID": "3611", + "typeID": "Arrow", + "zOrder": "14", + "w": "154", + "h": "54", + "measuredW": "150", + "measuredH": "100", + "x": "303", + "y": "2040", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.1105047472654519, + "y": 0.2589532956762923 + }, + "p1": { + "x": 0.5899301498632965, + "y": 0.09282014773853087 + }, + "p2": { + "x": 154.1102158498499, + "y": 54.54464694586113 + } + } + }, + { + "ID": "3612", + "typeID": "Arrow", + "zOrder": "15", + "w": "139", + "h": "102", + "measuredW": "150", + "measuredH": "100", + "x": "316", + "y": "2041", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.46091866528070113, + "y": 0.4927190604535099 + }, + "p1": { + "x": 0.5899301498632966, + "y": 0.09282014773853087 + }, + "p2": { + "x": 139.87645008507297, + "y": 102.89527753693801 + } + } + }, + { + "ID": "3613", + "typeID": "Arrow", + "zOrder": "16", + "w": "1", + "h": "343", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "1920", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.443754158708209, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 342.3367909555227 + } + } + }, + { + "ID": "3614", + "typeID": "Arrow", + "zOrder": "17", + "w": "180", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "216", + "y": "1920", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.09099116403851326, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497295, + "y": -0.00008403832147459042 + }, + "p2": { + "x": 180.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3615", + "typeID": "Arrow", + "zOrder": "18", + "w": "359", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "589", + "y": "1917", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.49373020140785684, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.4438624012549728, + "y": -0.00008403832147459091 + }, + "p2": { + "x": 358.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3616", + "typeID": "Arrow", + "zOrder": "19", + "w": "111", + "h": "97", + "measuredW": "150", + "measuredH": "100", + "x": "830", + "y": "1644", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.32435969486903105, + "y": 97.68763821966104 + }, + "p1": { + "x": 0.5673179018899986, + "y": -0.10798471012953843 + }, + "p2": { + "x": 111.36327852479212, + "y": 0.22014280228427197 + } + } + }, + { + "ID": "3617", + "typeID": "Arrow", + "zOrder": "20", + "w": "86", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1135", + "y": "1652", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.2351670192747406, + "y": 3.3009781976211343 + }, + "p1": { + "x": 0.43112567039690275, + "y": 0.004580790102293522 + }, + "p2": { + "x": 85.75126717989497, + "y": -0.44638778029411696 + } + } + }, + { + "ID": "3618", + "typeID": "Arrow", + "zOrder": "21", + "w": "84", + "h": "44", + "measuredW": "150", + "measuredH": "100", + "x": "1131", + "y": "1599", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.2782721249068345, + "y": 44.17166288072485 + }, + "p1": { + "x": 0.5375110901217661, + "y": -0.11383704165250949 + }, + "p2": { + "x": 83.27923339148856, + "y": -0.3024932812274983 + } + } + }, + { + "ID": "3619", + "typeID": "Arrow", + "zOrder": "22", + "w": "129", + "h": "86", + "measuredW": "150", + "measuredH": "100", + "x": "1085", + "y": "1556", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.10012998873662582, + "y": 85.82396117884764 + }, + "p1": { + "x": 0.4843768479912828, + "y": -0.1328535668323107 + }, + "p2": { + "x": 129.27923339148856, + "y": -0.42894774130263613 + } + } + }, + { + "ID": "3620", + "typeID": "Arrow", + "zOrder": "23", + "w": "120", + "h": "125", + "measuredW": "150", + "measuredH": "100", + "x": "1092", + "y": "1510", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.3616214793498784, + "y": 125.08545266946089 + }, + "p1": { + "x": 0.4522713341747513, + "y": -0.11851734900794086 + }, + "p2": { + "x": 119.5838299877339, + "y": -0.25080560513220007 + } + } + }, + { + "ID": "3621", + "typeID": "Arrow", + "zOrder": "24", + "w": "139", + "h": "158", + "measuredW": "150", + "measuredH": "100", + "x": "1071", + "y": "1468", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.4228529924898794, + "y": 157.6515407563195 + }, + "p1": { + "x": 0.4193599667671816, + "y": -0.1063552310166165 + }, + "p2": { + "x": 139.2361282858567, + "y": -0.02955836333012485 + } + } + }, + { + "ID": "3622", + "typeID": "Arrow", + "zOrder": "25", + "w": "75", + "h": "55", + "measuredW": "150", + "measuredH": "100", + "x": "1137", + "y": "1774", + "properties": { + "color": "10027263", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 75.17486389332657, + "y": 55.28500751882257 + }, + "p1": { + "x": 0.5066463281760742, + "y": -0.12529962954892096 + }, + "p2": { + "x": -0.21361446645869364, + "y": -0.12282458998856782 + } + } + }, + { + "ID": "3623", + "typeID": "Arrow", + "zOrder": "26", + "w": "90", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "1137", + "y": "1767", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.08484775806573452, + "y": 0.42789045609197274 + }, + "p1": { + "x": 0.4310686842693702, + "y": -0.018545625771014342 + }, + "p2": { + "x": 89.75126717989497, + "y": 3.553612219705883 + } + } + }, + { + "ID": "3624", + "typeID": "Arrow", + "zOrder": "27", + "w": "263", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "744", + "y": "1897", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.25945886615363634, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.4438624012549728, + "y": -0.00008403832147459099 + }, + "p2": { + "x": 263.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3625", + "typeID": "Canvas", + "zOrder": "28", + "w": "419", + "h": "127", + "measuredW": "100", + "measuredH": "70", + "x": "762", + "y": "1999" + }, + { + "ID": "3626", + "typeID": "Arrow", + "zOrder": "29", + "w": "1", + "h": "60", + "measuredW": "150", + "measuredH": "100", + "x": "1273", + "y": "1964", + "properties": { + "color": "10027263", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.22735346207707607, + "y": 59.78963089699505 + }, + "p1": { + "x": 0.4934109968191018, + "y": -0.001156690213574587 + }, + "p2": { + "x": 0.22735346207707607, + "y": -0.3311018494380278 + } + } + }, + { + "ID": "3627", + "typeID": "Arrow", + "zOrder": "30", + "w": "1", + "h": "108", + "measuredW": "150", + "measuredH": "100", + "x": "744", + "y": "1789", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.006597557769964624 + }, + "p1": { + "x": 0.44375415870820895, + "y": -0.00008705358532379573 + }, + "p2": { + "x": 0, + "y": 107.7655119916842 + } + } + }, + { + "ID": "3628", + "typeID": "Arrow", + "zOrder": "31", + "w": "1", + "h": "95", + "measuredW": "150", + "measuredH": "100", + "x": "329", + "y": "1567", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 94.2468704973428 + } + } + }, + { + "ID": "3629", + "typeID": "Arrow", + "zOrder": "32", + "w": "1", + "h": "385", + "measuredW": "150", + "measuredH": "100", + "x": "217", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0.40633010491364985 + }, + "p1": { + "x": 0.44375415870820867, + "y": -0.00008705358532379573 + }, + "p2": { + "x": 0, + "y": 385.8175121014458 + } + } + }, + { + "ID": "3630", + "typeID": "Arrow", + "zOrder": "33", + "w": "1", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "362", + "y": "1379", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 71.67226749671158 + } + } + }, + { + "ID": "3631", + "typeID": "Arrow", + "zOrder": "34", + "w": "359", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "217", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.021364108517559544, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497267, + "y": -0.00008403832147459115 + }, + "p2": { + "x": 359.34932964195036, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3632", + "typeID": "__group__", + "zOrder": "35", + "measuredW": "560", + "measuredH": "196", + "w": "560", + "h": "196", + "x": "202", + "y": "1106", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "560", + "h": "196", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "480", + "measuredH": "26", + "x": "28", + "y": "22", + "properties": { + "size": "18", + "text": "We have trimmed down the CSS part for the sake of brevity." + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "448", + "measuredH": "26", + "x": "28", + "y": "53", + "properties": { + "size": "18", + "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, " + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "498", + "measuredH": "26", + "x": "28", + "y": "84", + "properties": { + "size": "18", + "text": "{color:purple}CSS Modules{color}, {color:purple}Styled Components{color}, {color:purple}Vanilla Extract{color}, {color:purple}Panda CSS{color}" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "489", + "measuredH": "26", + "x": "27", + "y": "115", + "properties": { + "size": "18", + "text": "and look into different frameworks with pre-built components" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "371", + "measuredH": "26", + "x": "27", + "y": "146", + "properties": { + "size": "18", + "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}." + } + } + ] + } + } + }, + { + "ID": "3633", + "typeID": "Arrow", + "zOrder": "36", + "w": "1", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "619", + "y": "1526", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 71.67226749671158 + } + } + }, + { + "ID": "3634", + "typeID": "Arrow", + "zOrder": "37", + "w": "1", + "h": "169", + "measuredW": "150", + "measuredH": "100", + "x": "903", + "y": "1296", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.178285838126385 + }, + "p1": { + "x": 0.44400212022348745, + "y": -0.00008648613560245136 + }, + "p2": { + "x": 0, + "y": 169.40327808941106 + } + } + }, + { + "ID": "3635", + "typeID": "Arrow", + "zOrder": "38", + "w": "255", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "633", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.1493922838835715, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497284, + "y": -0.00008403832147459129 + }, + "p2": { + "x": 255.34932964195036, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3636", + "typeID": "Arrow", + "zOrder": "39", + "w": "1", + "h": "90", + "measuredW": "150", + "measuredH": "100", + "x": "1300", + "y": "1288", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.4028269947427816 + }, + "p1": { + "x": 0.4440021202234877, + "y": -0.00008648613560245134 + }, + "p2": { + "x": 0, + "y": 90.02499016958609 + } + } + }, + { + "ID": "3637", + "typeID": "Arrow", + "zOrder": "40", + "w": "255", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "884", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.1493922838835715, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497284, + "y": -0.00008403832147459129 + }, + "p2": { + "x": 255.34932964195036, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3638", + "typeID": "Arrow", + "zOrder": "41", + "w": "159", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "325", + "y": "2029", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.09727901871917766, + "y": 0.15506141268406282 + }, + "p1": { + "x": 0.44400212022348756, + "y": -0.00008648613560245363 + }, + "p2": { + "x": 159.51281043851145, + "y": 4.242047239828025 + } + } + }, + { + "ID": "3639", + "typeID": "Arrow", + "zOrder": "42", + "w": "1", + "h": "421", + "measuredW": "150", + "measuredH": "100", + "x": "1169", + "y": "946", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.006597557769964624 + }, + "p1": { + "x": 0.44375415870820867, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 421.3637732670586 + } + } + }, + { + "ID": "3640", + "typeID": "Arrow", + "zOrder": "43", + "w": "1", + "h": "109", + "measuredW": "150", + "measuredH": "100", + "x": "1140", + "y": "946", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.006597557769964624 + }, + "p1": { + "x": 0.4437541587082086, + "y": -0.00008705358532379576 + }, + "p2": { + "x": 0, + "y": 109 + } + } + }, + { + "ID": "3641", + "typeID": "Arrow", + "zOrder": "44", + "w": "1", + "h": "52", + "measuredW": "150", + "measuredH": "100", + "x": "1312", + "y": "940", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.24204723982813903 + }, + "p1": { + "x": 0.4440021202234876, + "y": -0.00008648613560245136 + }, + "p2": { + "x": 0, + "y": 52 + } + } + }, + { + "ID": "3642", + "typeID": "Arrow", + "zOrder": "45", + "w": "1", + "h": "52", + "measuredW": "150", + "measuredH": "100", + "x": "1312", + "y": "832", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.24204723982813903 + }, + "p1": { + "x": 0.4440021202234876, + "y": -0.00008648613560245136 + }, + "p2": { + "x": 0, + "y": 52 + } + } + }, + { + "ID": "3643", + "typeID": "Arrow", + "zOrder": "46", + "w": "1", + "h": "115", + "measuredW": "150", + "measuredH": "100", + "x": "904", + "y": "952", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4440021202234875, + "y": -0.00008648613560245134 + }, + "p2": { + "x": 0, + "y": 116 + }, + "stroke": "dotted" + } + }, + { + "ID": "3644", + "typeID": "Arrow", + "zOrder": "47", + "w": "133", + "h": "87", + "measuredW": "150", + "measuredH": "100", + "x": "347", + "y": "886", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.3333333333333144, + "y": -0.33333333333337123 + }, + "p1": { + "x": 0.4451699304746416, + "y": 0.13015184070752908 + }, + "p2": { + "x": 133, + "y": 86.57036219050656 + } + } + }, + { + "ID": "3645", + "typeID": "Arrow", + "zOrder": "48", + "w": "133", + "h": "42", + "measuredW": "150", + "measuredH": "100", + "x": "344", + "y": "878", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 1 + }, + "p1": { + "x": 0.4620133760625114, + "y": 0.09220144641993147 + }, + "p2": { + "x": 133.33333333333331, + "y": 42.33333333333337 + } + } + }, + { + "ID": "3646", + "typeID": "Arrow", + "zOrder": "49", + "w": "123", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "357", + "y": "866", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.3333333333333144, + "y": -0.33333333333337123 + }, + "p1": { + "x": 0.4438624012549726, + "y": -0.00008403832147459103 + }, + "p2": { + "x": 123, + "y": 0.5703621905065575 + }, + "stroke": "dotted" + } + }, + { + "ID": "3647", + "typeID": "Arrow", + "zOrder": "50", + "w": "123", + "h": "91", + "measuredW": "150", + "measuredH": "100", + "x": "351", + "y": "702", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 123, + "y": 91 + }, + "p1": { + "x": 0.565776506311204, + "y": -0.10080877390787045 + }, + "p2": { + "x": 0.3333333333333144, + "y": 0.33333333333337123 + } + } + }, + { + "ID": "3648", + "typeID": "Arrow", + "zOrder": "51", + "w": "131", + "h": "95", + "measuredW": "150", + "measuredH": "100", + "x": "345", + "y": "573", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 130.33333333333331, + "y": 0 + }, + "p1": { + "x": 0.4657562307954934, + "y": 0.12174803687265293 + }, + "p2": { + "x": -0.3333333333333144, + "y": 94.66666666666663 + } + } + }, + { + "ID": "3649", + "typeID": "Arrow", + "zOrder": "52", + "w": "116", + "h": "39", + "measuredW": "150", + "measuredH": "100", + "x": "362", + "y": "697", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 116, + "y": 38.66666666666663 + }, + "p1": { + "x": 0.4702847194128022, + "y": -0.0785649380781361 + }, + "p2": { + "x": 0, + "y": 0 + } + } + }, + { + "ID": "3650", + "typeID": "Arrow", + "zOrder": "53", + "w": "119", + "h": "49", + "measuredW": "150", + "measuredH": "100", + "x": "358", + "y": "624", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 118.66666666666669, + "y": -0.33333333333337123 + }, + "p1": { + "x": 0.42600235550535653, + "y": 0.12025417194843362 + }, + "p2": { + "x": 0, + "y": 49 + } + } + }, + { + "ID": "3651", + "typeID": "Arrow", + "zOrder": "54", + "w": "143", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "357", + "y": "683", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 142.33333333333337, + "y": 0.15918378573792324 + }, + "p1": { + "x": 0.4438624012549725, + "y": -0.00008403832147459344 + }, + "p2": { + "x": -0.3333333333333144, + "y": 3.3333333333333712 + } + } + }, + { + "ID": "3652", + "typeID": "Arrow", + "zOrder": "55", + "w": "414", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "284", + "y": "478", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.4296378094934994 + }, + "p1": { + "x": 0.4438624012549725, + "y": -0.00008403832147459163 + }, + "p2": { + "x": 414, + "y": -0.4296378094934994 + } + } + }, + { + "ID": "3653", + "typeID": "Arrow", + "zOrder": "56", + "w": "235", + "h": "253", + "measuredW": "150", + "measuredH": "100", + "x": "783", + "y": "496", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 234.66666666666663, + "y": 253.33333333333337 + }, + "p1": { + "x": 0.5393830230698493, + "y": -0.1009352067946597 + }, + "p2": { + "x": 0, + "y": 0 + } + } + }, + { + "ID": "3654", + "typeID": "Arrow", + "zOrder": "57", + "w": "191", + "h": "200", + "measuredW": "150", + "measuredH": "100", + "x": "828", + "y": "495", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 191, + "y": 199.66666666666663 + }, + "p1": { + "x": 0.48015087662110867, + "y": -0.0977438357121236 + }, + "p2": { + "x": 0.33333333333337123, + "y": -0.3333333333333144 + } + } + }, + { + "ID": "3655", + "typeID": "Arrow", + "zOrder": "58", + "w": "175", + "h": "147", + "measuredW": "150", + "measuredH": "100", + "x": "842", + "y": "493", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 174.33333333333337, + "y": 147 + }, + "p1": { + "x": 0.4422588392864484, + "y": -0.1165659293461407 + }, + "p2": { + "x": -0.33333333333337123, + "y": 0.3333333333333144 + } + } + }, + { + "ID": "3656", + "typeID": "Arrow", + "zOrder": "59", + "w": "171", + "h": "103", + "measuredW": "150", + "measuredH": "100", + "x": "848", + "y": "488", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 171, + "y": 102.66666666666663 + }, + "p1": { + "x": 0.3745977833392918, + "y": -0.11753664640686441 + }, + "p2": { + "x": 0.33333333333337123, + "y": 0 + } + } + }, + { + "ID": "3657", + "typeID": "Arrow", + "zOrder": "60", + "w": "152", + "h": "48", + "measuredW": "150", + "measuredH": "100", + "x": "868", + "y": "484", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 152.33333333333337, + "y": 48 + }, + "p1": { + "x": 0.3591853743660239, + "y": -0.07798593281586438 + }, + "p2": { + "x": 0.33333333333337123, + "y": 0 + } + } + }, + { + "ID": "3658", + "typeID": "Arrow", + "zOrder": "61", + "w": "183", + "h": "5", + "measuredW": "150", + "measuredH": "100", + "x": "858", + "y": "471", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 182.33333333333337, + "y": 5.159183785737923 + }, + "p1": { + "x": 0.44386240125497256, + "y": -0.00008403832147459266 + }, + "p2": { + "x": -0.33333333333337123, + "y": -0.3333333333333144 + } + } + }, + { + "ID": "3659", "typeID": "__group__", "zOrder": "62", "measuredW": "144", @@ -37,7 +1958,7 @@ } }, { - "ID": "1235", + "ID": "3660", "typeID": "__group__", "zOrder": "63", "measuredW": "325", @@ -179,7 +2100,7 @@ } }, { - "ID": "1236", + "ID": "3661", "typeID": "__group__", "zOrder": "64", "measuredW": "408", @@ -388,7 +2309,7 @@ } }, { - "ID": "1237", + "ID": "3662", "typeID": "Arrow", "zOrder": "65", "w": "1", @@ -419,7 +2340,7 @@ } }, { - "ID": "1238", + "ID": "3663", "typeID": "Arrow", "zOrder": "66", "w": "1", @@ -449,7 +2370,7 @@ } }, { - "ID": "1239", + "ID": "3664", "typeID": "__group__", "zOrder": "67", "measuredW": "175", @@ -496,7 +2417,7 @@ } }, { - "ID": "1240", + "ID": "3665", "typeID": "__group__", "zOrder": "68", "measuredW": "309", @@ -576,7 +2497,7 @@ } }, { - "ID": "1241", + "ID": "3666", "typeID": "__group__", "zOrder": "69", "measuredW": "309", @@ -656,7 +2577,7 @@ } }, { - "ID": "1242", + "ID": "3667", "typeID": "__group__", "zOrder": "70", "measuredW": "309", @@ -736,7 +2657,7 @@ } }, { - "ID": "1243", + "ID": "3668", "typeID": "__group__", "zOrder": "71", "measuredW": "307", @@ -816,7 +2737,7 @@ } }, { - "ID": "1244", + "ID": "3669", "typeID": "__group__", "zOrder": "72", "measuredW": "308", @@ -896,7 +2817,7 @@ } }, { - "ID": "1245", + "ID": "3670", "typeID": "__group__", "zOrder": "73", "measuredW": "307", @@ -976,223 +2897,7 @@ } }, { - "ID": "1246", - "typeID": "Arrow", - "zOrder": "61", - "w": "183", - "h": "5", - "measuredW": "150", - "measuredH": "100", - "x": "858", - "y": "471", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 182.33333333333337, - "y": 5.159183785737923 - }, - "p1": { - "x": 0.44386240125497256, - "y": -0.00008403832147459266 - }, - "p2": { - "x": -0.33333333333337123, - "y": -0.3333333333333144 - } - } - }, - { - "ID": "1247", - "typeID": "Arrow", - "zOrder": "60", - "w": "152", - "h": "48", - "measuredW": "150", - "measuredH": "100", - "x": "868", - "y": "484", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 152.33333333333337, - "y": 48 - }, - "p1": { - "x": 0.3591853743660239, - "y": -0.07798593281586438 - }, - "p2": { - "x": 0.33333333333337123, - "y": 0 - } - } - }, - { - "ID": "1248", - "typeID": "Arrow", - "zOrder": "59", - "w": "171", - "h": "103", - "measuredW": "150", - "measuredH": "100", - "x": "848", - "y": "488", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 171, - "y": 102.66666666666663 - }, - "p1": { - "x": 0.3745977833392918, - "y": -0.11753664640686441 - }, - "p2": { - "x": 0.33333333333337123, - "y": 0 - } - } - }, - { - "ID": "1249", - "typeID": "Arrow", - "zOrder": "58", - "w": "175", - "h": "147", - "measuredW": "150", - "measuredH": "100", - "x": "842", - "y": "493", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 174.33333333333337, - "y": 147 - }, - "p1": { - "x": 0.4422588392864484, - "y": -0.1165659293461407 - }, - "p2": { - "x": -0.33333333333337123, - "y": 0.3333333333333144 - } - } - }, - { - "ID": "1250", - "typeID": "Arrow", - "zOrder": "57", - "w": "191", - "h": "200", - "measuredW": "150", - "measuredH": "100", - "x": "828", - "y": "495", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 191, - "y": 199.66666666666663 - }, - "p1": { - "x": 0.48015087662110867, - "y": -0.0977438357121236 - }, - "p2": { - "x": 0.33333333333337123, - "y": -0.3333333333333144 - } - } - }, - { - "ID": "1251", - "typeID": "Arrow", - "zOrder": "56", - "w": "235", - "h": "253", - "measuredW": "150", - "measuredH": "100", - "x": "783", - "y": "496", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 234.66666666666663, - "y": 253.33333333333337 - }, - "p1": { - "x": 0.5393830230698493, - "y": -0.1009352067946597 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "1252", - "typeID": "Arrow", - "zOrder": "55", - "w": "414", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "284", - "y": "478", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.4296378094934994 - }, - "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459163 - }, - "p2": { - "x": 414, - "y": -0.4296378094934994 - } - } - }, - { - "ID": "1253", + "ID": "3671", "typeID": "Arrow", "zOrder": "74", "w": "1", @@ -1222,7 +2927,7 @@ } }, { - "ID": "1254", + "ID": "3672", "typeID": "__group__", "zOrder": "75", "measuredW": "186", @@ -1269,7 +2974,7 @@ } }, { - "ID": "1255", + "ID": "3673", "typeID": "__group__", "zOrder": "76", "measuredW": "267", @@ -1349,7 +3054,7 @@ } }, { - "ID": "1256", + "ID": "3674", "typeID": "__group__", "zOrder": "77", "measuredW": "267", @@ -1429,7 +3134,7 @@ } }, { - "ID": "1257", + "ID": "3675", "typeID": "__group__", "zOrder": "78", "measuredW": "266", @@ -1509,7 +3214,7 @@ } }, { - "ID": "1259", + "ID": "3676", "typeID": "__group__", "zOrder": "79", "measuredW": "267", @@ -1589,7 +3294,7 @@ } }, { - "ID": "1260", + "ID": "3677", "typeID": "__group__", "zOrder": "80", "measuredW": "268", @@ -1669,162 +3374,7 @@ } }, { - "ID": "1261", - "typeID": "Arrow", - "zOrder": "54", - "w": "143", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "357", - "y": "683", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 142.33333333333337, - "y": 0.15918378573792324 - }, - "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459344 - }, - "p2": { - "x": -0.3333333333333144, - "y": 3.3333333333333712 - } - } - }, - { - "ID": "1262", - "typeID": "Arrow", - "zOrder": "51", - "w": "131", - "h": "95", - "measuredW": "150", - "measuredH": "100", - "x": "345", - "y": "573", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 130.33333333333331, - "y": 0 - }, - "p1": { - "x": 0.4657562307954934, - "y": 0.12174803687265293 - }, - "p2": { - "x": -0.3333333333333144, - "y": 94.66666666666663 - } - } - }, - { - "ID": "1263", - "typeID": "Arrow", - "zOrder": "53", - "w": "119", - "h": "49", - "measuredW": "150", - "measuredH": "100", - "x": "358", - "y": "624", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 118.66666666666669, - "y": -0.33333333333337123 - }, - "p1": { - "x": 0.42600235550535653, - "y": 0.12025417194843362 - }, - "p2": { - "x": 0, - "y": 49 - } - } - }, - { - "ID": "1264", - "typeID": "Arrow", - "zOrder": "52", - "w": "116", - "h": "39", - "measuredW": "150", - "measuredH": "100", - "x": "362", - "y": "697", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 116, - "y": 38.66666666666663 - }, - "p1": { - "x": 0.4702847194128022, - "y": -0.0785649380781361 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "1265", - "typeID": "Arrow", - "zOrder": "50", - "w": "123", - "h": "91", - "measuredW": "150", - "measuredH": "100", - "x": "351", - "y": "702", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 123, - "y": 91 - }, - "p1": { - "x": 0.565776506311204, - "y": -0.10080877390787045 - }, - "p2": { - "x": 0.3333333333333144, - "y": 0.33333333333337123 - } - } - }, - { - "ID": "1266", + "ID": "3678", "typeID": "__group__", "zOrder": "81", "measuredW": "186", @@ -1871,7 +3421,7 @@ } }, { - "ID": "1267", + "ID": "3679", "typeID": "__group__", "zOrder": "82", "measuredW": "211", @@ -1951,7 +3501,7 @@ } }, { - "ID": "1268", + "ID": "3680", "typeID": "__group__", "zOrder": "83", "measuredW": "211", @@ -2030,7 +3580,7 @@ } }, { - "ID": "1269", + "ID": "3681", "typeID": "__group__", "zOrder": "84", "measuredW": "211", @@ -2109,100 +3659,7 @@ } }, { - "ID": "1270", - "typeID": "Arrow", - "zOrder": "49", - "w": "123", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "357", - "y": "866", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.3333333333333144, - "y": -0.33333333333337123 - }, - "p1": { - "x": 0.4438624012549726, - "y": -0.00008403832147459103 - }, - "p2": { - "x": 123, - "y": 0.5703621905065575 - }, - "stroke": "dotted" - } - }, - { - "ID": "1271", - "typeID": "Arrow", - "zOrder": "48", - "w": "133", - "h": "42", - "measuredW": "150", - "measuredH": "100", - "x": "344", - "y": "878", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 1 - }, - "p1": { - "x": 0.4620133760625114, - "y": 0.09220144641993147 - }, - "p2": { - "x": 133.33333333333331, - "y": 42.33333333333337 - } - } - }, - { - "ID": "1272", - "typeID": "Arrow", - "zOrder": "47", - "w": "133", - "h": "87", - "measuredW": "150", - "measuredH": "100", - "x": "347", - "y": "886", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.3333333333333144, - "y": -0.33333333333337123 - }, - "p1": { - "x": 0.4451699304746416, - "y": 0.13015184070752908 - }, - "p2": { - "x": 133, - "y": 86.57036219050656 - } - } - }, - { - "ID": "1273", + "ID": "3682", "typeID": "Arrow", "zOrder": "85", "w": "856", @@ -2232,7 +3689,7 @@ } }, { - "ID": "1275", + "ID": "3683", "typeID": "__group__", "zOrder": "86", "measuredW": "209", @@ -2279,7 +3736,7 @@ } }, { - "ID": "1276", + "ID": "3684", "typeID": "__group__", "zOrder": "87", "measuredW": "271", @@ -2358,7 +3815,7 @@ } }, { - "ID": "1277", + "ID": "3685", "typeID": "__group__", "zOrder": "88", "measuredW": "272", @@ -2438,7 +3895,7 @@ } }, { - "ID": "1279", + "ID": "3686", "typeID": "__group__", "zOrder": "89", "measuredW": "274", @@ -2517,38 +3974,7 @@ } }, { - "ID": "1281", - "typeID": "Arrow", - "zOrder": "46", - "w": "1", - "h": "115", - "measuredW": "150", - "measuredH": "100", - "x": "904", - "y": "952", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4440021202234875, - "y": -0.00008648613560245134 - }, - "p2": { - "x": 0, - "y": 116 - }, - "stroke": "dotted" - } - }, - { - "ID": "1282", + "ID": "3687", "typeID": "__group__", "zOrder": "90", "measuredW": "241", @@ -2595,7 +4021,7 @@ } }, { - "ID": "1284", + "ID": "3688", "typeID": "__group__", "zOrder": "91", "measuredW": "241", @@ -2642,7 +4068,7 @@ } }, { - "ID": "1285", + "ID": "3689", "typeID": "__group__", "zOrder": "92", "measuredW": "101", @@ -2721,69 +4147,7 @@ } }, { - "ID": "1286", - "typeID": "Arrow", - "zOrder": "45", - "w": "1", - "h": "52", - "measuredW": "150", - "measuredH": "100", - "x": "1312", - "y": "832", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.24204723982813903 - }, - "p1": { - "x": 0.4440021202234876, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 52 - } - } - }, - { - "ID": "1287", - "typeID": "Arrow", - "zOrder": "44", - "w": "1", - "h": "52", - "measuredW": "150", - "measuredH": "100", - "x": "1312", - "y": "940", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.24204723982813903 - }, - "p1": { - "x": 0.4440021202234876, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 52 - } - } - }, - { - "ID": "1288", + "ID": "3690", "typeID": "__group__", "zOrder": "93", "measuredW": "150", @@ -2862,7 +4226,7 @@ } }, { - "ID": "1289", + "ID": "3691", "typeID": "__group__", "zOrder": "94", "measuredW": "148", @@ -2958,7 +4322,7 @@ } }, { - "ID": "1290", + "ID": "3692", "typeID": "__group__", "zOrder": "95", "measuredW": "147", @@ -3054,67 +4418,7 @@ } }, { - "ID": "1291", - "typeID": "Arrow", - "zOrder": "43", - "w": "1", - "h": "109", - "measuredW": "150", - "measuredH": "100", - "x": "1140", - "y": "946", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.006597557769964624 - }, - "p1": { - "x": 0.4437541587082086, - "y": -0.00008705358532379576 - }, - "p2": { - "x": 0, - "y": 109 - } - } - }, - { - "ID": "1292", - "typeID": "Arrow", - "zOrder": "42", - "w": "1", - "h": "421", - "measuredW": "150", - "measuredH": "100", - "x": "1169", - "y": "946", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.006597557769964624 - }, - "p1": { - "x": 0.44375415870820867, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 421.3637732670586 - } - } - }, - { - "ID": "1293", + "ID": "3693", "typeID": "__group__", "zOrder": "96", "measuredW": "217", @@ -3211,7 +4515,7 @@ } }, { - "ID": "1295", + "ID": "3694", "typeID": "__group__", "zOrder": "97", "measuredW": "123", @@ -3307,7 +4611,7 @@ } }, { - "ID": "1296", + "ID": "3695", "typeID": "__group__", "zOrder": "98", "measuredW": "144", @@ -3403,7 +4707,7 @@ } }, { - "ID": "1297", + "ID": "3696", "typeID": "__group__", "zOrder": "99", "measuredW": "267", @@ -3499,7 +4803,7 @@ } }, { - "ID": "1298", + "ID": "3697", "typeID": "__group__", "zOrder": "100", "measuredW": "267", @@ -3595,68 +4899,7 @@ } }, { - "ID": "1304", - "typeID": "Arrow", - "zOrder": "41", - "w": "159", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "325", - "y": "2029", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.09727901871917766, - "y": 0.15506141268406282 - }, - "p1": { - "x": 0.44400212022348756, - "y": -0.00008648613560245363 - }, - "p2": { - "x": 159.51281043851145, - "y": 4.242047239828025 - } - } - }, - { - "ID": "1306", - "typeID": "Arrow", - "zOrder": "40", - "w": "255", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "884", - "y": "1376", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.1493922838835715, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497284, - "y": -0.00008403832147459129 - }, - "p2": { - "x": 255.34932964195036, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1307", + "ID": "3698", "typeID": "__group__", "zOrder": "101", "measuredW": "211", @@ -3703,7 +4946,7 @@ } }, { - "ID": "1308", + "ID": "3699", "typeID": "__group__", "zOrder": "102", "measuredW": "144", @@ -3783,7 +5026,7 @@ } }, { - "ID": "1309", + "ID": "3700", "typeID": "__group__", "zOrder": "103", "measuredW": "144", @@ -3862,7 +5105,7 @@ } }, { - "ID": "1310", + "ID": "3701", "typeID": "__group__", "zOrder": "104", "measuredW": "141", @@ -3941,38 +5184,7 @@ } }, { - "ID": "1311", - "typeID": "Arrow", - "zOrder": "39", - "w": "1", - "h": "90", - "measuredW": "150", - "measuredH": "100", - "x": "1300", - "y": "1288", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.4028269947427816 - }, - "p1": { - "x": 0.4440021202234877, - "y": -0.00008648613560245134 - }, - "p2": { - "x": 0, - "y": 90.02499016958609 - } - } - }, - { - "ID": "1318", + "ID": "3702", "typeID": "__group__", "zOrder": "105", "measuredW": "216", @@ -4019,37 +5231,7 @@ } }, { - "ID": "1319", - "typeID": "Arrow", - "zOrder": "38", - "w": "255", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "633", - "y": "1376", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.1493922838835715, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497284, - "y": -0.00008403832147459129 - }, - "p2": { - "x": 255.34932964195036, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1320", + "ID": "3703", "typeID": "__group__", "zOrder": "106", "measuredW": "154", @@ -4129,7 +5311,7 @@ } }, { - "ID": "1321", + "ID": "3704", "typeID": "__group__", "zOrder": "107", "measuredW": "155", @@ -4209,7 +5391,7 @@ } }, { - "ID": "1323", + "ID": "3705", "typeID": "__group__", "zOrder": "108", "measuredW": "175", @@ -4256,7 +5438,7 @@ } }, { - "ID": "1324", + "ID": "3706", "typeID": "__group__", "zOrder": "109", "measuredW": "161", @@ -4336,7 +5518,7 @@ } }, { - "ID": "1329", + "ID": "3707", "typeID": "Arrow", "zOrder": "110", "w": "31", @@ -4365,7 +5547,7 @@ } }, { - "ID": "1330", + "ID": "3708", "typeID": "__group__", "zOrder": "111", "measuredW": "213", @@ -4413,7 +5595,7 @@ } }, { - "ID": "1331", + "ID": "3709", "typeID": "__group__", "zOrder": "112", "measuredW": "152", @@ -4492,7 +5674,7 @@ } }, { - "ID": "1332", + "ID": "3710", "typeID": "__group__", "zOrder": "113", "measuredW": "153", @@ -4588,7 +5770,7 @@ } }, { - "ID": "1333", + "ID": "3711", "typeID": "__group__", "zOrder": "114", "measuredW": "152", @@ -4683,7 +5865,7 @@ } }, { - "ID": "1334", + "ID": "3712", "typeID": "__group__", "zOrder": "115", "measuredW": "152", @@ -4778,7 +5960,7 @@ } }, { - "ID": "1335", + "ID": "3713", "typeID": "__group__", "zOrder": "116", "measuredW": "152", @@ -4873,38 +6055,7 @@ } }, { - "ID": "1336", - "typeID": "Arrow", - "zOrder": "37", - "w": "1", - "h": "169", - "measuredW": "150", - "measuredH": "100", - "x": "903", - "y": "1296", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.178285838126385 - }, - "p1": { - "x": 0.44400212022348745, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 169.40327808941106 - } - } - }, - { - "ID": "1338", + "ID": "3714", "typeID": "Arrow", "zOrder": "117", "w": "1", @@ -4933,7 +6084,7 @@ } }, { - "ID": "1339", + "ID": "3715", "typeID": "__group__", "zOrder": "118", "measuredW": "179", @@ -4980,7 +6131,7 @@ } }, { - "ID": "1346", + "ID": "3716", "typeID": "__group__", "zOrder": "119", "measuredW": "149", @@ -5013,9 +6164,9 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "61", + "measuredW": "94", "measuredH": "25", - "x": "49", + "x": "33", "y": "11", "properties": { "size": "17", @@ -5075,7 +6226,7 @@ } }, { - "ID": "1347", + "ID": "3717", "typeID": "__group__", "zOrder": "120", "measuredW": "149", @@ -5170,7 +6321,7 @@ } }, { - "ID": "1348", + "ID": "3718", "typeID": "__group__", "zOrder": "121", "measuredW": "147", @@ -5265,247 +6416,7 @@ } }, { - "ID": "1349", - "typeID": "Arrow", - "zOrder": "36", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "619", - "y": "1526", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 71.67226749671158 - } - } - }, - { - "ID": "1356", - "typeID": "__group__", - "zOrder": "35", - "measuredW": "560", - "measuredH": "196", - "w": "560", - "h": "196", - "x": "202", - "y": "1106", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "560", - "h": "196", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "480", - "measuredH": "26", - "x": "28", - "y": "22", - "properties": { - "size": "18", - "text": "We have trimmed down the CSS part for the sake of brevity." - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "448", - "measuredH": "26", - "x": "28", - "y": "53", - "properties": { - "size": "18", - "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, " - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "498", - "measuredH": "26", - "x": "28", - "y": "84", - "properties": { - "size": "18", - "text": "{color:purple}CSS Modules{color}, {color:purple}Styled Components{color}, {color:purple}Vanilla Extract{color}, {color:purple}Panda CSS{color}" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "489", - "measuredH": "26", - "x": "27", - "y": "115", - "properties": { - "size": "18", - "text": "and look into different frameworks with pre-built components" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "371", - "measuredH": "26", - "x": "27", - "y": "146", - "properties": { - "size": "18", - "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}." - } - } - ] - } - } - }, - { - "ID": "1357", - "typeID": "Arrow", - "zOrder": "34", - "w": "359", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "217", - "y": "1376", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.021364108517559544, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497267, - "y": -0.00008403832147459115 - }, - "p2": { - "x": 359.34932964195036, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1358", - "typeID": "Arrow", - "zOrder": "33", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "362", - "y": "1379", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 71.67226749671158 - } - } - }, - { - "ID": "1359", - "typeID": "Arrow", - "zOrder": "32", - "w": "1", - "h": "385", - "measuredW": "150", - "measuredH": "100", - "x": "217", - "y": "1376", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0.40633010491364985 - }, - "p1": { - "x": 0.44375415870820867, - "y": -0.00008705358532379573 - }, - "p2": { - "x": 0, - "y": 385.8175121014458 - } - } - }, - { - "ID": "1360", - "typeID": "Arrow", - "zOrder": "31", - "w": "1", - "h": "95", - "measuredW": "150", - "measuredH": "100", - "x": "329", - "y": "1567", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 94.2468704973428 - } - } - }, - { - "ID": "1361", + "ID": "3719", "typeID": "Arrow", "zOrder": "122", "w": "457", @@ -5535,7 +6446,7 @@ } }, { - "ID": "1368", + "ID": "3720", "typeID": "Arrow", "zOrder": "123", "w": "119", @@ -5564,7 +6475,7 @@ } }, { - "ID": "1371", + "ID": "3721", "typeID": "Arrow", "zOrder": "124", "w": "133", @@ -5593,7 +6504,7 @@ } }, { - "ID": "1372", + "ID": "3722", "typeID": "__group__", "zOrder": "125", "measuredW": "225", @@ -5640,7 +6551,7 @@ } }, { - "ID": "1373", + "ID": "3723", "typeID": "__group__", "zOrder": "126", "measuredW": "155", @@ -5720,7 +6631,7 @@ } }, { - "ID": "1374", + "ID": "3724", "typeID": "__group__", "zOrder": "127", "measuredW": "155", @@ -5800,7 +6711,7 @@ } }, { - "ID": "1375", + "ID": "3725", "typeID": "Arrow", "zOrder": "128", "w": "90", @@ -5829,7 +6740,7 @@ } }, { - "ID": "1376", + "ID": "3726", "typeID": "__group__", "zOrder": "129", "measuredW": "211", @@ -5876,7 +6787,7 @@ } }, { - "ID": "1377", + "ID": "3727", "typeID": "__group__", "zOrder": "130", "measuredW": "225", @@ -5923,7 +6834,7 @@ } }, { - "ID": "1378", + "ID": "3728", "typeID": "__group__", "zOrder": "131", "measuredW": "156", @@ -6002,7 +6913,7 @@ } }, { - "ID": "1379", + "ID": "3729", "typeID": "__group__", "zOrder": "132", "measuredW": "158", @@ -6095,7 +7006,7 @@ } }, { - "ID": "1380", + "ID": "3730", "typeID": "__group__", "zOrder": "133", "measuredW": "158", @@ -6205,7 +7116,7 @@ } }, { - "ID": "1381", + "ID": "3731", "typeID": "__group__", "zOrder": "134", "measuredW": "158", @@ -6315,7 +7226,7 @@ } }, { - "ID": "1382", + "ID": "3732", "typeID": "__group__", "zOrder": "135", "measuredW": "225", @@ -6362,7 +7273,7 @@ } }, { - "ID": "1383", + "ID": "3733", "typeID": "__group__", "zOrder": "136", "measuredW": "159", @@ -6455,7 +7366,7 @@ } }, { - "ID": "1384", + "ID": "3734", "typeID": "__group__", "zOrder": "137", "measuredW": "159", @@ -6564,37 +7475,7 @@ } }, { - "ID": "1385", - "typeID": "Arrow", - "zOrder": "30", - "w": "1", - "h": "108", - "measuredW": "150", - "measuredH": "100", - "x": "744", - "y": "1789", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.006597557769964624 - }, - "p1": { - "x": 0.44375415870820895, - "y": -0.00008705358532379573 - }, - "p2": { - "x": 0, - "y": 107.7655119916842 - } - } - }, - { - "ID": "1386", + "ID": "3735", "typeID": "Arrow", "zOrder": "138", "w": "125", @@ -6624,7 +7505,54 @@ } }, { - "ID": "1389", + "ID": "3736", + "typeID": "__group__", + "zOrder": "139", + "measuredW": "217", + "measuredH": "50", + "w": "217", + "h": "50", + "x": "937", + "y": "1881", + "properties": { + "controlName": "115-testing-your-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "217", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "144", + "measuredH": "26", + "x": "37", + "y": "12", + "properties": { + "size": "18", + "text": "Testing your Apps" + } + } + ] + } + } + }, + { + "ID": "3737", "typeID": "__group__", "zOrder": "140", "measuredW": "149", @@ -6704,7 +7632,7 @@ } }, { - "ID": "1390", + "ID": "3738", "typeID": "__group__", "zOrder": "141", "measuredW": "153", @@ -6783,7 +7711,7 @@ } }, { - "ID": "1391", + "ID": "3739", "typeID": "__group__", "zOrder": "142", "measuredW": "150", @@ -6862,54 +7790,7 @@ } }, { - "ID": "1400", - "typeID": "__group__", - "zOrder": "139", - "measuredW": "217", - "measuredH": "50", - "w": "217", - "h": "50", - "x": "937", - "y": "1881", - "properties": { - "controlName": "115-testing-your-apps" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "217", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "144", - "measuredH": "26", - "x": "37", - "y": "12", - "properties": { - "size": "18", - "text": "Testing your Apps" - } - } - ] - } - } - }, - { - "ID": "1401", + "ID": "3740", "typeID": "__group__", "zOrder": "143", "measuredW": "148", @@ -6988,37 +7869,7 @@ } }, { - "ID": "1402", - "typeID": "Arrow", - "zOrder": "29", - "w": "1", - "h": "60", - "measuredW": "150", - "measuredH": "100", - "x": "1273", - "y": "1964", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.22735346207707607, - "y": 59.78963089699505 - }, - "p1": { - "x": 0.4934109968191018, - "y": -0.001156690213574587 - }, - "p2": { - "x": 0.22735346207707607, - "y": -0.3311018494380278 - } - } - }, - { - "ID": "1404", + "ID": "3741", "typeID": "Label", "zOrder": "144", "w": "349", @@ -7032,7 +7883,7 @@ } }, { - "ID": "1405", + "ID": "3742", "typeID": "Label", "zOrder": "145", "w": "302", @@ -7046,7 +7897,7 @@ } }, { - "ID": "1406", + "ID": "3743", "typeID": "Label", "zOrder": "146", "w": "362", @@ -7060,311 +7911,7 @@ } }, { - "ID": "1407", - "typeID": "Canvas", - "zOrder": "28", - "w": "419", - "h": "127", - "measuredW": "100", - "measuredH": "70", - "x": "762", - "y": "1999" - }, - { - "ID": "1408", - "typeID": "Arrow", - "zOrder": "27", - "w": "263", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "744", - "y": "1897", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.25945886615363634, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.4438624012549728, - "y": -0.00008403832147459099 - }, - "p2": { - "x": 263.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1409", - "typeID": "Arrow", - "zOrder": "26", - "w": "90", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "1137", - "y": "1767", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.08484775806573452, - "y": 0.42789045609197274 - }, - "p1": { - "x": 0.4310686842693702, - "y": -0.018545625771014342 - }, - "p2": { - "x": 89.75126717989497, - "y": 3.553612219705883 - } - } - }, - { - "ID": "1410", - "typeID": "Arrow", - "zOrder": "25", - "w": "75", - "h": "55", - "measuredW": "150", - "measuredH": "100", - "x": "1137", - "y": "1774", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 75.17486389332657, - "y": 55.28500751882257 - }, - "p1": { - "x": 0.5066463281760742, - "y": -0.12529962954892096 - }, - "p2": { - "x": -0.21361446645869364, - "y": -0.12282458998856782 - } - } - }, - { - "ID": "1411", - "typeID": "Arrow", - "zOrder": "24", - "w": "139", - "h": "158", - "measuredW": "150", - "measuredH": "100", - "x": "1071", - "y": "1468", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.4228529924898794, - "y": 157.6515407563195 - }, - "p1": { - "x": 0.4193599667671816, - "y": -0.1063552310166165 - }, - "p2": { - "x": 139.2361282858567, - "y": -0.02955836333012485 - } - } - }, - { - "ID": "1412", - "typeID": "Arrow", - "zOrder": "23", - "w": "120", - "h": "125", - "measuredW": "150", - "measuredH": "100", - "x": "1092", - "y": "1510", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.3616214793498784, - "y": 125.08545266946089 - }, - "p1": { - "x": 0.4522713341747513, - "y": -0.11851734900794086 - }, - "p2": { - "x": 119.5838299877339, - "y": -0.25080560513220007 - } - } - }, - { - "ID": "1413", - "typeID": "Arrow", - "zOrder": "22", - "w": "129", - "h": "86", - "measuredW": "150", - "measuredH": "100", - "x": "1085", - "y": "1556", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.10012998873662582, - "y": 85.82396117884764 - }, - "p1": { - "x": 0.4843768479912828, - "y": -0.1328535668323107 - }, - "p2": { - "x": 129.27923339148856, - "y": -0.42894774130263613 - } - } - }, - { - "ID": "1414", - "typeID": "Arrow", - "zOrder": "21", - "w": "84", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "1131", - "y": "1599", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.2782721249068345, - "y": 44.17166288072485 - }, - "p1": { - "x": 0.5375110901217661, - "y": -0.11383704165250949 - }, - "p2": { - "x": 83.27923339148856, - "y": -0.3024932812274983 - } - } - }, - { - "ID": "1415", - "typeID": "Arrow", - "zOrder": "20", - "w": "86", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1135", - "y": "1652", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.2351670192747406, - "y": 3.3009781976211343 - }, - "p1": { - "x": 0.43112567039690275, - "y": 0.004580790102293522 - }, - "p2": { - "x": 85.75126717989497, - "y": -0.44638778029411696 - } - } - }, - { - "ID": "1416", - "typeID": "Arrow", - "zOrder": "19", - "w": "111", - "h": "97", - "measuredW": "150", - "measuredH": "100", - "x": "830", - "y": "1644", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.32435969486903105, - "y": 97.68763821966104 - }, - "p1": { - "x": 0.5673179018899986, - "y": -0.10798471012953843 - }, - "p2": { - "x": 111.36327852479212, - "y": 0.22014280228427197 - } - } - }, - { - "ID": "1417", - "typeID": "Arrow", - "zOrder": "18", - "w": "359", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "589", - "y": "1917", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.49373020140785684, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.4438624012549728, - "y": -0.00008403832147459091 - }, - "p2": { - "x": 358.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1418", + "ID": "3744", "typeID": "__group__", "zOrder": "147", "measuredW": "401", @@ -7424,37 +7971,7 @@ } }, { - "ID": "1419", - "typeID": "Arrow", - "zOrder": "17", - "w": "180", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "216", - "y": "1920", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.09099116403851326, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497295, - "y": -0.00008403832147459042 - }, - "p2": { - "x": 180.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1420", + "ID": "3745", "typeID": "__group__", "zOrder": "148", "measuredW": "152", @@ -7549,99 +8066,7 @@ } }, { - "ID": "1422", - "typeID": "Arrow", - "zOrder": "16", - "w": "1", - "h": "343", - "measuredW": "150", - "measuredH": "100", - "x": "215", - "y": "1920", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.443754158708209, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 342.3367909555227 - } - } - }, - { - "ID": "1423", - "typeID": "Arrow", - "zOrder": "14", - "w": "154", - "h": "54", - "measuredW": "150", - "measuredH": "100", - "x": "303", - "y": "2040", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.1105047472654519, - "y": 0.2589532956762923 - }, - "p1": { - "x": 0.5899301498632965, - "y": 0.09282014773853087 - }, - "p2": { - "x": 154.1102158498499, - "y": 54.54464694586113 - } - } - }, - { - "ID": "1424", - "typeID": "Arrow", - "zOrder": "15", - "w": "139", - "h": "102", - "measuredW": "150", - "measuredH": "100", - "x": "316", - "y": "2041", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.46091866528070113, - "y": 0.4927190604535099 - }, - "p1": { - "x": 0.5899301498632966, - "y": 0.09282014773853087 - }, - "p2": { - "x": 139.87645008507297, - "y": 102.89527753693801 - } - } - }, - { - "ID": "1425", + "ID": "3746", "typeID": "Arrow", "zOrder": "149", "w": "104", @@ -7672,7 +8097,7 @@ } }, { - "ID": "1426", + "ID": "3747", "typeID": "Arrow", "zOrder": "150", "w": "127", @@ -7703,7 +8128,7 @@ } }, { - "ID": "1427", + "ID": "3748", "typeID": "Arrow", "zOrder": "151", "w": "109", @@ -7733,7 +8158,7 @@ } }, { - "ID": "1428", + "ID": "3749", "typeID": "__group__", "zOrder": "152", "measuredW": "238", @@ -7812,7 +8237,7 @@ } }, { - "ID": "1429", + "ID": "3750", "typeID": "__group__", "zOrder": "153", "measuredW": "199", @@ -7892,7 +8317,7 @@ } }, { - "ID": "1430", + "ID": "3751", "typeID": "__group__", "zOrder": "154", "measuredW": "199", @@ -7972,7 +8397,7 @@ } }, { - "ID": "1431", + "ID": "3752", "typeID": "__group__", "zOrder": "155", "measuredW": "199", @@ -8052,67 +8477,7 @@ } }, { - "ID": "1432", - "typeID": "Arrow", - "zOrder": "13", - "w": "262", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "215", - "y": "2264", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4446546885461916, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 262, - "y": 0 - } - } - }, - { - "ID": "1433", - "typeID": "Arrow", - "zOrder": "12", - "w": "262", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "215", - "y": "2282", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4446546885461916, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 262, - "y": 0 - } - } - }, - { - "ID": "1434", + "ID": "3753", "typeID": "Arrow", "zOrder": "156", "w": "1", @@ -8142,7 +8507,7 @@ } }, { - "ID": "1435", + "ID": "3754", "typeID": "__group__", "zOrder": "157", "measuredW": "213", @@ -8221,7 +8586,7 @@ } }, { - "ID": "1436", + "ID": "3755", "typeID": "__group__", "zOrder": "158", "measuredW": "206", @@ -8333,38 +8698,7 @@ } }, { - "ID": "1437", - "typeID": "Arrow", - "zOrder": "11", - "w": "84", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "349", - "y": "2371", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.05937132975032 - }, - "p1": { - "x": 0.44375415870820895, - "y": -0.00008705358532379558 - }, - "p2": { - "x": 84.23358520389218, - "y": -0.05937132975032 - }, - "stroke": "dotted" - } - }, - { - "ID": "1438", + "ID": "3756", "typeID": "Arrow", "zOrder": "159", "w": "1122", @@ -8394,7 +8728,7 @@ } }, { - "ID": "1439", + "ID": "3757", "typeID": "Arrow", "zOrder": "160", "w": "65", @@ -8424,7 +8758,7 @@ } }, { - "ID": "1441", + "ID": "3758", "typeID": "Arrow", "zOrder": "161", "w": "78", @@ -8455,7 +8789,7 @@ } }, { - "ID": "1445", + "ID": "3759", "typeID": "Arrow", "zOrder": "162", "w": "97", @@ -8486,7 +8820,7 @@ } }, { - "ID": "1446", + "ID": "3760", "typeID": "Arrow", "zOrder": "163", "w": "65", @@ -8516,7 +8850,7 @@ } }, { - "ID": "1447", + "ID": "3761", "typeID": "Arrow", "zOrder": "164", "w": "65", @@ -8546,7 +8880,7 @@ } }, { - "ID": "1448", + "ID": "3762", "typeID": "__group__", "zOrder": "165", "measuredW": "285", @@ -8625,7 +8959,7 @@ } }, { - "ID": "1449", + "ID": "3763", "typeID": "__group__", "zOrder": "166", "measuredW": "125", @@ -8704,7 +9038,7 @@ } }, { - "ID": "1450", + "ID": "3764", "typeID": "__group__", "zOrder": "167", "measuredW": "116", @@ -8783,7 +9117,7 @@ } }, { - "ID": "1451", + "ID": "3765", "typeID": "__group__", "zOrder": "168", "measuredW": "127", @@ -8879,7 +9213,7 @@ } }, { - "ID": "1452", + "ID": "3766", "typeID": "__group__", "zOrder": "169", "measuredW": "121", @@ -8975,7 +9309,7 @@ } }, { - "ID": "1453", + "ID": "3767", "typeID": "__group__", "zOrder": "170", "measuredW": "127", @@ -9071,7 +9405,7 @@ } }, { - "ID": "1454", + "ID": "3768", "typeID": "__group__", "zOrder": "171", "measuredW": "122", @@ -9167,7 +9501,7 @@ } }, { - "ID": "1455", + "ID": "3769", "typeID": "__group__", "zOrder": "172", "measuredW": "116", @@ -9246,7 +9580,7 @@ } }, { - "ID": "1456", + "ID": "3770", "typeID": "__group__", "zOrder": "173", "measuredW": "128", @@ -9341,7 +9675,7 @@ } }, { - "ID": "1457", + "ID": "3771", "typeID": "__group__", "zOrder": "174", "measuredW": "122", @@ -9436,38 +9770,7 @@ } }, { - "ID": "1458", - "typeID": "Arrow", - "zOrder": "10", - "w": "1", - "h": "101", - "measuredW": "150", - "measuredH": "100", - "x": "1149", - "y": "2345", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.2281640414580579 - }, - "p1": { - "x": 0.4437541587082091, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 100.3367909555227 - }, - "stroke": "dotted" - } - }, - { - "ID": "1459", + "ID": "3772", "typeID": "Arrow", "zOrder": "175", "w": "1", @@ -9497,7 +9800,7 @@ } }, { - "ID": "1517", + "ID": "3773", "typeID": "Arrow", "zOrder": "176", "w": "112", @@ -9527,7 +9830,7 @@ } }, { - "ID": "1518", + "ID": "3774", "typeID": "Arrow", "zOrder": "177", "w": "117", @@ -9557,7 +9860,7 @@ } }, { - "ID": "1519", + "ID": "3775", "typeID": "__group__", "zOrder": "178", "measuredW": "175", @@ -9637,7 +9940,7 @@ } }, { - "ID": "1520", + "ID": "3776", "typeID": "__group__", "zOrder": "179", "measuredW": "152", @@ -9716,7 +10019,7 @@ } }, { - "ID": "1521", + "ID": "3777", "typeID": "__group__", "zOrder": "180", "measuredW": "175", @@ -9812,7 +10115,7 @@ } }, { - "ID": "1528", + "ID": "3778", "typeID": "Arrow", "zOrder": "181", "w": "437", @@ -9842,7 +10145,7 @@ } }, { - "ID": "1529", + "ID": "3779", "typeID": "__group__", "zOrder": "182", "measuredW": "247", @@ -9921,7 +10224,7 @@ } }, { - "ID": "1530", + "ID": "3780", "typeID": "Canvas", "zOrder": "183", "w": "228", @@ -9932,7 +10235,7 @@ "y": "2501" }, { - "ID": "1531", + "ID": "3781", "typeID": "__group__", "zOrder": "184", "measuredW": "192", @@ -9968,7 +10271,7 @@ } }, { - "ID": "1532", + "ID": "3782", "typeID": "__group__", "zOrder": "185", "measuredW": "192", @@ -10004,7 +10307,7 @@ } }, { - "ID": "1533", + "ID": "3783", "typeID": "__group__", "zOrder": "186", "measuredW": "192", @@ -10040,7 +10343,7 @@ } }, { - "ID": "1534", + "ID": "3784", "typeID": "__group__", "zOrder": "187", "measuredW": "192", @@ -10076,7 +10379,7 @@ } }, { - "ID": "1535", + "ID": "3785", "typeID": "__group__", "zOrder": "188", "measuredW": "192", @@ -10112,7 +10415,7 @@ } }, { - "ID": "1536", + "ID": "3786", "typeID": "__group__", "zOrder": "189", "measuredW": "192", @@ -10148,7 +10451,7 @@ } }, { - "ID": "1537", + "ID": "3787", "typeID": "__group__", "zOrder": "190", "measuredW": "192", @@ -10184,7 +10487,7 @@ } }, { - "ID": "1538", + "ID": "3788", "typeID": "__group__", "zOrder": "191", "measuredW": "192", @@ -10220,7 +10523,7 @@ } }, { - "ID": "1539", + "ID": "3789", "typeID": "Label", "zOrder": "192", "w": "156", @@ -10234,7 +10537,7 @@ } }, { - "ID": "1540", + "ID": "3790", "typeID": "Label", "zOrder": "193", "w": "148", @@ -10248,7 +10551,7 @@ } }, { - "ID": "1541", + "ID": "3791", "typeID": "Icon", "zOrder": "194", "measuredW": "24", @@ -10264,7 +10567,7 @@ } }, { - "ID": "1542", + "ID": "3792", "typeID": "Icon", "zOrder": "195", "measuredW": "24", @@ -10280,7 +10583,7 @@ } }, { - "ID": "1543", + "ID": "3793", "typeID": "__group__", "zOrder": "196", "measuredW": "192", @@ -10316,7 +10619,7 @@ } }, { - "ID": "1544", + "ID": "3794", "typeID": "Canvas", "zOrder": "197", "w": "262", @@ -10327,7 +10630,7 @@ "y": "2499" }, { - "ID": "1545", + "ID": "3795", "typeID": "__group__", "zOrder": "198", "measuredW": "225", @@ -10363,7 +10666,7 @@ } }, { - "ID": "1546", + "ID": "3796", "typeID": "__group__", "zOrder": "199", "measuredW": "225", @@ -10399,7 +10702,7 @@ } }, { - "ID": "1547", + "ID": "3797", "typeID": "__group__", "zOrder": "200", "measuredW": "225", @@ -10435,7 +10738,7 @@ } }, { - "ID": "1548", + "ID": "3798", "typeID": "__group__", "zOrder": "201", "measuredW": "225", @@ -10471,7 +10774,7 @@ } }, { - "ID": "1549", + "ID": "3799", "typeID": "__group__", "zOrder": "202", "measuredW": "225", @@ -10507,7 +10810,7 @@ } }, { - "ID": "1550", + "ID": "3800", "typeID": "Label", "zOrder": "203", "w": "185", @@ -10521,7 +10824,7 @@ } }, { - "ID": "1551", + "ID": "3801", "typeID": "Label", "zOrder": "204", "w": "224", @@ -10535,7 +10838,7 @@ } }, { - "ID": "1552", + "ID": "3802", "typeID": "Icon", "zOrder": "205", "measuredW": "24", @@ -10551,7 +10854,7 @@ } }, { - "ID": "1553", + "ID": "3803", "typeID": "Icon", "zOrder": "206", "measuredW": "24", @@ -10567,7 +10870,7 @@ } }, { - "ID": "1554", + "ID": "3804", "typeID": "__group__", "zOrder": "207", "measuredW": "262", @@ -10616,7 +10919,7 @@ } }, { - "ID": "1555", + "ID": "3805", "typeID": "__group__", "zOrder": "208", "measuredW": "327", @@ -10695,7 +10998,7 @@ } }, { - "ID": "1557", + "ID": "3806", "typeID": "__group__", "zOrder": "209", "measuredW": "157", @@ -10775,7 +11078,7 @@ } }, { - "ID": "1558", + "ID": "3807", "typeID": "__group__", "zOrder": "210", "measuredW": "156", @@ -10871,7 +11174,7 @@ } }, { - "ID": "1559", + "ID": "3808", "typeID": "__group__", "zOrder": "211", "measuredW": "156", @@ -10967,7 +11270,7 @@ } }, { - "ID": "1560", + "ID": "3809", "typeID": "__group__", "zOrder": "212", "measuredW": "156", @@ -11063,7 +11366,7 @@ } }, { - "ID": "1561", + "ID": "3810", "typeID": "__group__", "zOrder": "213", "measuredW": "156", @@ -11159,7 +11462,7 @@ } }, { - "ID": "1562", + "ID": "3811", "typeID": "__group__", "zOrder": "214", "measuredW": "157", @@ -11240,7 +11543,7 @@ } }, { - "ID": "1563", + "ID": "3812", "typeID": "__group__", "zOrder": "215", "measuredW": "159", @@ -11319,7 +11622,7 @@ } }, { - "ID": "1564", + "ID": "3813", "typeID": "__group__", "zOrder": "216", "measuredW": "157", @@ -11398,129 +11701,7 @@ } }, { - "ID": "1565", - "typeID": "Arrow", - "zOrder": "9", - "w": "1", - "h": "84", - "measuredW": "150", - "measuredH": "100", - "x": "1122", - "y": "2699", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": -0.2281640414580579 - }, - "p1": { - "x": 0.4437541587082091, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 83.29426382933025 - } - } - }, - { - "ID": "1566", - "typeID": "Arrow", - "zOrder": "8", - "w": "1", - "h": "84", - "measuredW": "150", - "measuredH": "100", - "x": "1262", - "y": "2695", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": -0.2281640414580579 - }, - "p1": { - "x": 0.4437541587082091, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 83.29426382933025 - } - } - }, - { - "ID": "1567", - "typeID": "Arrow", - "zOrder": "7", - "w": "338", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "786", - "y": "2702", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20151361539910795, - "y": 0 - }, - "p1": { - "x": 0.4446546885461914, - "y": 0.0007404118850237803 - }, - "p2": { - "x": 338.63262874785573, - "y": 0 - } - } - }, - { - "ID": "1568", - "typeID": "Arrow", - "zOrder": "6", - "w": "1", - "h": "338", - "measuredW": "150", - "measuredH": "100", - "x": "845", - "y": "2699", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.44375415870820933, - "y": -0.00008705358532379579 - }, - "p2": { - "x": 0, - "y": 337.7684292462354 - } - } - }, - { - "ID": "1573", + "ID": "3814", "typeID": "__group__", "zOrder": "217", "measuredW": "220", @@ -11599,7 +11780,7 @@ } }, { - "ID": "1574", + "ID": "3815", "typeID": "__group__", "zOrder": "218", "measuredW": "160", @@ -11679,7 +11860,7 @@ } }, { - "ID": "1575", + "ID": "3816", "typeID": "__group__", "zOrder": "219", "measuredW": "158", @@ -11758,7 +11939,7 @@ } }, { - "ID": "1576", + "ID": "3817", "typeID": "__group__", "zOrder": "220", "measuredW": "160", @@ -11838,7 +12019,7 @@ } }, { - "ID": "1577", + "ID": "3818", "typeID": "__group__", "zOrder": "221", "measuredW": "156", @@ -11918,7 +12099,7 @@ } }, { - "ID": "1581", + "ID": "3819", "typeID": "__group__", "zOrder": "222", "measuredW": "248", @@ -11997,7 +12178,7 @@ } }, { - "ID": "1582", + "ID": "3820", "typeID": "__group__", "zOrder": "223", "measuredW": "198", @@ -12077,7 +12258,7 @@ } }, { - "ID": "1583", + "ID": "3821", "typeID": "__group__", "zOrder": "224", "measuredW": "196", @@ -12156,7 +12337,7 @@ } }, { - "ID": "1584", + "ID": "3822", "typeID": "__group__", "zOrder": "225", "measuredW": "197", @@ -12235,218 +12416,7 @@ } }, { - "ID": "1592", - "typeID": "Arrow", - "zOrder": "5", - "w": "313", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "845", - "y": "3040", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.42695876357902307, - "y": 0 - }, - "p1": { - "x": 0.44465468854619133, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 313.63262874785573, - "y": 0 - } - } - }, - { - "ID": "1593", - "typeID": "Arrow", - "zOrder": "4", - "w": "1", - "h": "79", - "measuredW": "150", - "measuredH": "100", - "x": "1264", - "y": "3052", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0.38832686773321257 - }, - "p1": { - "x": 0.44375415870820933, - "y": -0.00008705358532379577 - }, - "p2": { - "x": 0, - "y": 79.76842924623543 - }, - "stroke": "dotted" - } - }, - { - "ID": "1594", - "typeID": "Arrow", - "zOrder": "3", - "w": "528", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "620", - "y": "3058", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.2401013869829285, - "y": 0 - }, - "p1": { - "x": 0.4446546885461913, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 528.6326287478557, - "y": 0 - } - } - }, - { - "ID": "1595", - "typeID": "Arrow", - "zOrder": "2", - "w": "1", - "h": "79", - "measuredW": "150", - "measuredH": "100", - "x": "552", - "y": "2980", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0.38832686773321257 - }, - "p1": { - "x": 0.44375415870820933, - "y": -0.00008705358532379577 - }, - "p2": { - "x": 0, - "y": 79.76842924623543 - }, - "stroke": "dotted" - } - }, - { - "ID": "1596", - "typeID": "Arrow", - "zOrder": "1", - "w": "282", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "238", - "y": "3060", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 282, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.4437541587082094, - "y": -0.00008705358532379595 - }, - "p2": { - "x": 0.14157583571557097, - "y": -0.18256012290839863 - } - } - }, - { - "ID": "1598", - "typeID": "Arrow", - "zOrder": "0", - "w": "1", - "h": "112", - "measuredW": "150", - "measuredH": "100", - "x": "270", - "y": "3061", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5232912494558118, - "y": 0.0013060513713539393 - }, - "p2": { - "x": 0, - "y": 111.79170436678032 - } - } - }, - { - "ID": "1599", - "typeID": "Arrow", - "zOrder": "229", - "w": "2", - "h": "89", - "measuredW": "150", - "measuredH": "100", - "x": "843", - "y": "3349", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 1, - "y": 88 - }, - "p1": { - "x": 0.4072427393330943, - "y": 0.00953746862674794 - }, - "p2": { - "x": 1, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1600", + "ID": "3823", "typeID": "__group__", "zOrder": "226", "measuredW": "221", @@ -12525,7 +12495,96 @@ } }, { - "ID": "1601", + "ID": "3824", + "typeID": "Arrow", + "zOrder": "227", + "w": "573", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "271", + "y": "3172", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.42695876357902307, + "y": 0 + }, + "p1": { + "x": 0.44465468854619133, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 573.1253006284542, + "y": 0 + } + } + }, + { + "ID": "3825", + "typeID": "Arrow", + "zOrder": "228", + "w": "1", + "h": "112", + "measuredW": "150", + "measuredH": "100", + "x": "844", + "y": "3172", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.5232912494558118, + "y": 0.0013060513713539393 + }, + "p2": { + "x": 0, + "y": 111.79170436678032 + } + } + }, + { + "ID": "3826", + "typeID": "Arrow", + "zOrder": "229", + "w": "2", + "h": "89", + "measuredW": "150", + "measuredH": "100", + "x": "843", + "y": "3349", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 1, + "y": 88 + }, + "p1": { + "x": 0.4072427393330943, + "y": 0.00953746862674794 + }, + "p2": { + "x": 1, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "3827", "typeID": "TextArea", "zOrder": "230", "w": "438", @@ -12536,7 +12595,7 @@ "y": "3262" }, { - "ID": "1602", + "ID": "3828", "typeID": "Label", "zOrder": "231", "measuredW": "366", @@ -12549,7 +12608,7 @@ } }, { - "ID": "1603", + "ID": "3829", "typeID": "__group__", "zOrder": "232", "measuredW": "198", @@ -12596,7 +12655,7 @@ } }, { - "ID": "1604", + "ID": "3830", "typeID": "__group__", "zOrder": "233", "measuredW": "198", @@ -12643,66 +12702,7 @@ } }, { - "ID": "1605", - "typeID": "Arrow", - "zOrder": "227", - "w": "573", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "271", - "y": "3172", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.42695876357902307, - "y": 0 - }, - "p1": { - "x": 0.44465468854619133, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 573.1253006284542, - "y": 0 - } - } - }, - { - "ID": "1607", - "typeID": "Arrow", - "zOrder": "228", - "w": "1", - "h": "112", - "measuredW": "150", - "measuredH": "100", - "x": "844", - "y": "3172", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5232912494558118, - "y": 0.0013060513713539393 - }, - "p2": { - "x": 0, - "y": 111.79170436678032 - } - } - }, - { - "ID": "1608", + "ID": "3831", "typeID": "Arrow", "zOrder": "234", "w": "240", @@ -12734,13 +12734,13 @@ ] }, "attributes": { - "name": "New Wireframe 1", - "order": 1000000, + "name": "New Wireframe 1 copy 6", + "order": 1000022.7193818908, "parentID": null, "notes": "" }, "branchID": "Master", - "resourceID": "BFEFC928-2756-4044-9FAF-3CD2D8DBA3C9", + "resourceID": "DAF9FB64-BA77-40D4-BCEF-EEE21C480971", "mockupH": "3278", "mockupW": "1220", "measuredW": "1368", @@ -12752,5 +12752,5 @@ "y": 0 }, "dependencies": [], - "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr" + "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/Android%20Roadmap.bmpr" } \ No newline at end of file