@cuemath/leap 3.0.11-j2 → 3.0.11-j3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/illustrations/illustrations.js +1 -1
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/features/auth/signup/custom-input-field/custom-input-field.js +48 -46
- package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/static/cuemath-app-qr-code.4beefe48.svg +1 -0
- package/package.json +1 -1
@@ -36,7 +36,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", a = {
|
|
36
36
|
CROWN: `${t}static/crown.c18fa217.svg`,
|
37
37
|
CROWN_OVERLAY: `${t}static/crown-overlay.11fb073c.svg`,
|
38
38
|
CUECOIN_GOLD: `${t}static/cuecoin-gold.bcb8085e.svg`,
|
39
|
-
CUEMATH_APP_QR_CODE: `${t}static/cuemath-app-qr-code.
|
39
|
+
CUEMATH_APP_QR_CODE: `${t}static/cuemath-app-qr-code.4beefe48.svg`,
|
40
40
|
DESKTOP_WITH_PURPLE_FILL: `${t}static/desktop-with-purple-fill.dfec66cc.svg`,
|
41
41
|
DURATION_30MIN_GRAY: `${t}static/duration-30min-gray.f6442df4.svg`,
|
42
42
|
DURATION_45MIN_GRAY: `${t}static/duration-45min-gray.ad90fb23.svg`,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"illustrations.js","sources":["../../../src/assets/illustrations/illustrations.ts"],"sourcesContent":["declare global {\n interface Window {\n VITE_PUBLIC_URL: string;\n }\n}\n\nconst PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\n// Must be alphabetical order\nconst ILLUSTRATIONS = {\n ALARM_CLOCK_ORANGE: `${PREFIX}static/alarm-clock-orange.31fb90d9.svg`,\n ALARM_CLOCK_PURPLE: `${PREFIX}static/alarm-clock-purple.06d4911c.svg`,\n ALIEN_1: `${PREFIX}static/alien-1.fc7ba696.svg`,\n ALIEN_2: `${PREFIX}static/alien-2.15fdda07.svg`,\n ALIEN_3: `${PREFIX}static/alien-3.2664a37f.svg`,\n ALIEN_4: `${PREFIX}static/alien-4.06ac66da.svg`,\n BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.svg`,\n BOOK_GREEN: `${PREFIX}static/book-green.20f6eed3.svg`,\n BOOK_OPEN_BLUE: `${PREFIX}static/book-open-blue.d4f8d08c.svg`,\n BOOK_ORANGE: `${PREFIX}static/book-orange.04bdc75e.svg`,\n BOOK_YELLOW: `${PREFIX}static/book-yellow.c210ac06.svg`,\n BULLET_YELLOW: `${PREFIX}static/bullet-yellow.2f892d88.svg`,\n CALENDAR_BLUE: `${PREFIX}static/calendar-blue.e0d52d09.svg`,\n CALENDAR_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.svg`,\n CAUTION: `${PREFIX}static/caution.5766a967.svg`,\n CHAPTER_10: `${PREFIX}static/chapter-10.c97de4a5.svg`,\n CHAPTER_1: `${PREFIX}static/chapter-1.8a1683a0.svg`,\n CHAPTER_2: `${PREFIX}static/chapter-2.71ac6dfc.svg`,\n CHAPTER_3: `${PREFIX}static/chapter-3.003fc901.svg`,\n CHAPTER_4: `${PREFIX}static/chapter-4.8abbacd8.svg`,\n CHAPTER_5: `${PREFIX}static/chapter-5.c774b439.svg`,\n CHAPTER_6: `${PREFIX}static/chapter-6.cb5cf1cb.svg`,\n CHAPTER_7: `${PREFIX}static/chapter-7.57b0beb4.svg`,\n CHAPTER_8: `${PREFIX}static/chapter-8.68d36477.svg`,\n CHAPTER_9: `${PREFIX}static/chapter-9.0c00e26f.svg`,\n CHAPTER_HEADER_BG: `${PREFIX}static/chapter-header-bg.4ed173c2.svg`,\n CHAPTER_HEADER_BG_2: `${PREFIX}static/chapter-header-bg-2.c8d96894.svg`,\n CIRCLE_CUEMATH_LOGO: `${PREFIX}static/circle-cuemath-logo.8bcb1ad4.svg`,\n CIRCLE_CUEMATH_LOGO_WHITE: `${PREFIX}static/circle-cuemath-logo-white.e9fafb91.svg`,\n CIRCLE_OUTERCIRCLE_BG: `${PREFIX}static/circle-outercircle-bg.65f21460.svg`,\n CLOCK_ORANGE: `${PREFIX}static/clock-orange.c144059b.svg`,\n COMMUNITY_BULB: `${PREFIX}static/community-bulb.3b42af21.svg`,\n CROSSHAIR_CIRCLE: `${PREFIX}static/crosshair-circle.522a26ea.svg`,\n CROWN: `${PREFIX}static/crown.c18fa217.svg`,\n CROWN_OVERLAY: `${PREFIX}static/crown-overlay.11fb073c.svg`,\n CUECOIN_GOLD: `${PREFIX}static/cuecoin-gold.bcb8085e.svg`,\n CUEMATH_APP_QR_CODE: `${PREFIX}static/cuemath-app-qr-code.ba6cc09b.svg`,\n DESKTOP_WITH_PURPLE_FILL: `${PREFIX}static/desktop-with-purple-fill.dfec66cc.svg`,\n DURATION_30MIN_GRAY: `${PREFIX}static/duration-30min-gray.f6442df4.svg`,\n DURATION_45MIN_GRAY: `${PREFIX}static/duration-45min-gray.ad90fb23.svg`,\n DURATION_60MIN_GRAY: `${PREFIX}static/duration-60min-gray.874e52a2.svg`,\n DURATION_90MIN_GRAY: `${PREFIX}static/duration-90min-gray.32a04cef.svg`,\n EARTH_GREEN: `${PREFIX}static/earth-green.e1329b7a.svg`,\n FEMALE_AVATAR: `${PREFIX}static/female-avatar.b8cd1012.svg`,\n GAME_PLAY: `${PREFIX}static/game-play.4982b0cb.svg`,\n GLOBE_WITH_BLUE_FILL: `${PREFIX}static/globe-with-blue-fill.beae6ca4.svg`,\n GRADE_GRID_BACKGROUND: `${PREFIX}static/grade-grid-background.b17b4ccb.svg`,\n GRADUATE_HAT: `${PREFIX}static/graduate-hat.4b49eb44.svg`,\n GRADUATE_ICON_PINK: `${PREFIX}static/graduate-icon-pink.01fbfb1b.svg`,\n GRADUATE_PINK_FILLED_BG: `${PREFIX}static/graduate-pink-filled-bg.c91e9c53.svg`,\n GREEN_BALLOON: `${PREFIX}static/green-balloon.67ac8587.svg`,\n GREEN_FACE: `${PREFIX}static/green-face.1b4dd82f.svg`,\n LEARNED_SHIELD_GRAY: `${PREFIX}static/learned-shield-gray.1495b0d5.svg`,\n LEARNED_SHIELD_GREEN: `${PREFIX}static/learned-shield-green.7c26b423.svg`,\n LEARNT: `${PREFIX}static/learnt.870c5e38.svg`,\n LIKE: `${PREFIX}static/like.cb492460.svg`,\n LIVE_SESSION: `${PREFIX}static/live-session.a0d25c78.svg`,\n LOADER: `${PREFIX}static/loader.52f8c35c.svg`,\n LOADER_1: `${PREFIX}static/loader-1.6524355e.svg`,\n LOCKED: `${PREFIX}static/locked.0c3b7577.svg`,\n MAINTENANCE: `${PREFIX}static/maintenance.a26aca65.svg`,\n MALE_AVATAR: `${PREFIX}static/male-avatar.2febc9eb.svg`,\n MASTERED_BADGE: `${PREFIX}static/mastered-badge.81f156fb.svg`,\n MASTERED_SHIELD_GRAY: `${PREFIX}static/mastered-shield-gray.a58cbe19.svg`,\n MASTERED_SHIELD_GREEN: `${PREFIX}static/mastered-shield-green.070fa4eb.svg`,\n MENTAL_MATH: `${PREFIX}static/mental-math.3c95f169.svg`,\n MILESTONE_INTRO_1: `${PREFIX}static/milestone-intro-1.281a354c.svg`,\n MILESTONE_INTRO_2: `${PREFIX}static/milestone-intro-2.19faee69.svg`,\n MILESTONE_INTRO_3: `${PREFIX}static/milestone-intro-3.6f6055d6.svg`,\n MISTAKE: `${PREFIX}static/mistake.476d1aa7.svg`,\n NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.svg`,\n NODE_LEARN_BG: `${PREFIX}static/node-learn-bg.b61f815c.svg`,\n NODE_PRACTICE_BG: `${PREFIX}static/node-practice-bg.16cbaf2a.svg`,\n NODE_PROJECT_BG: `${PREFIX}static/node-project-bg.e6a33e28.svg`,\n NODE_PUZZLE_BG: `${PREFIX}static/node-puzzle-bg.3422135c.svg`,\n NODE_RECAP_BG: `${PREFIX}static/node-recap-bg.546154e4.svg`,\n NODE_TEST_PREP_BG: `${PREFIX}static/node-test-prep-bg.42c0b9c4.svg`,\n NODE_VIDEO_BG: `${PREFIX}static/node-video-bg.3df3f73a.svg`,\n NUMBER_1_ORANGE: `${PREFIX}static/number-1-orange.cbf526ed.svg`,\n NUMBER_2_ORANGE: `${PREFIX}static/number-2-orange.6f29eb72.svg`,\n NUMBER_3_ORANGE: `${PREFIX}static/number-3-orange.58baf717.svg`,\n NUMBER_4_ORANGE: `${PREFIX}static/number-4-orange.5ed1ec5e.svg`,\n ONE_STAR_FILLED: `${PREFIX}static/one-star-filled.b6084257.svg`,\n ORANGE_FACE: `${PREFIX}static/orange-face.5824c2e9.svg`,\n PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.svg`,\n PLAY: `${PREFIX}static/play.68d16dec.svg`,\n PLAY_ICON: `${PREFIX}static/play-icon.13baaa7d.svg`,\n POINTS_SUM: `${PREFIX}static/points-sum.360e63de.svg`,\n PRACTICED_SHIELD_GREEN: `${PREFIX}static/practiced-shield-green.90278855.svg`,\n PRACTICED_SHIELD_GREY: `${PREFIX}static/practiced-shield-grey.16cf4fe0.svg`,\n PROFICIENT_BADGE: `${PREFIX}static/proficient-badge.1a6dbb72.svg`,\n PROFILE_BOARD: `${PREFIX}static/profile-board.4f4a17e6.svg`,\n PUZZLE: `${PREFIX}static/puzzle.5aad5cf8.svg`,\n PUZZLE_STUDENT: `${PREFIX}static/puzzle-student.de530364.svg`,\n REFUND_POLICY: `${PREFIX}static/refund-policy.912dbb4c.svg`,\n REFUND_POLICY_WITH_HEADPHONE: `${PREFIX}static/refund-policy-with-headphone.589398e0.svg`,\n REPORT_404: `${PREFIX}static/report-404.dd67785c.svg`,\n ROCKET_BROKEN: `${PREFIX}static/rocket-broken.1f86fa43.svg`,\n ROCKET_YELLOW: `${PREFIX}static/rocket-yellow.62d27e15.svg`,\n SCORE: `${PREFIX}static/score.41971107.svg`,\n SMILEY: `${PREFIX}static/smiley.49bb7d7c.svg`,\n STAR_ORANGE: `${PREFIX}static/star-orange.a91a341f.svg`,\n STAR_ORANGE_FILLED: `${PREFIX}static/star-orange-filled.a7ff9c8f.svg`,\n STAR_WITH_GREEN_FILL: `${PREFIX}static/star-with-green-fill.86877d41.svg`,\n STREAK_GREEN: `${PREFIX}static/streak-green.b59bf4dd.svg`,\n STREAK_WHITE: `${PREFIX}static/streak-white.2cbdc9b8.svg`,\n TEST_DIFFICULTY_EASY: `${PREFIX}static/test-difficulty-easy.56df71dd.svg`,\n TEST_DIFFICULTY_HARD: `${PREFIX}static/test-difficulty-hard.7250f1f4.svg`,\n TEST_DIFFICULTY_MEDIUM: `${PREFIX}static/test-difficulty-medium.2fd9686e.svg`,\n THREE_STARS_FILLED: `${PREFIX}static/three-stars-filled.72b51f03.svg`,\n TICK_GREEN: `${PREFIX}static/tick-green.a1654049.svg`,\n TROPHY_BLUE: `${PREFIX}static/trophy-blue.e684ba4c.svg`,\n TROPHY_BLUE_FILLED: `${PREFIX}static/trophy-blue-filled.7e2b40ab.svg`,\n TROPHY_CIRCLE: `${PREFIX}static/trophy-circle.b7b23e36.svg`,\n TROPHY_GREEN: `${PREFIX}static/trophy-green.6c0741c8.svg`,\n TWO_STARS_FILLED: `${PREFIX}static/two-stars-filled.a51a14b4.svg`,\n UP_ARROW: `${PREFIX}static/up-arrow.a6946bd3.svg`,\n USER_CROWN_GRID_BACKGROUND: `${PREFIX}static/user-crown-grid-background.c2875a73.svg`,\n USER_DOWN: `${PREFIX}static/user-down.a06f2f94.svg`,\n USER_PIN: `${PREFIX}static/user-pin.5f334465.svg`,\n USER_PROFILE_BACKGROUND: `${PREFIX}static/user-profile-background.199977a9.svg`,\n USER_TYPE_SELECTOR_GRID_BG: `${PREFIX}static/user-type-selector-grid-bg.aad0b059.svg`,\n USER_UP: `${PREFIX}static/user-up.2aecbbae.svg`,\n YELLOW_FACE: `${PREFIX}static/yellow-face.b7525a33.svg`,\n};\n\nexport { ILLUSTRATIONS };\n"],"names":["PREFIX","ILLUSTRATIONS"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"illustrations.js","sources":["../../../src/assets/illustrations/illustrations.ts"],"sourcesContent":["declare global {\n interface Window {\n VITE_PUBLIC_URL: string;\n }\n}\n\nconst PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\n// Must be alphabetical order\nconst ILLUSTRATIONS = {\n ALARM_CLOCK_ORANGE: `${PREFIX}static/alarm-clock-orange.31fb90d9.svg`,\n ALARM_CLOCK_PURPLE: `${PREFIX}static/alarm-clock-purple.06d4911c.svg`,\n ALIEN_1: `${PREFIX}static/alien-1.fc7ba696.svg`,\n ALIEN_2: `${PREFIX}static/alien-2.15fdda07.svg`,\n ALIEN_3: `${PREFIX}static/alien-3.2664a37f.svg`,\n ALIEN_4: `${PREFIX}static/alien-4.06ac66da.svg`,\n BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.svg`,\n BOOK_GREEN: `${PREFIX}static/book-green.20f6eed3.svg`,\n BOOK_OPEN_BLUE: `${PREFIX}static/book-open-blue.d4f8d08c.svg`,\n BOOK_ORANGE: `${PREFIX}static/book-orange.04bdc75e.svg`,\n BOOK_YELLOW: `${PREFIX}static/book-yellow.c210ac06.svg`,\n BULLET_YELLOW: `${PREFIX}static/bullet-yellow.2f892d88.svg`,\n CALENDAR_BLUE: `${PREFIX}static/calendar-blue.e0d52d09.svg`,\n CALENDAR_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.svg`,\n CAUTION: `${PREFIX}static/caution.5766a967.svg`,\n CHAPTER_10: `${PREFIX}static/chapter-10.c97de4a5.svg`,\n CHAPTER_1: `${PREFIX}static/chapter-1.8a1683a0.svg`,\n CHAPTER_2: `${PREFIX}static/chapter-2.71ac6dfc.svg`,\n CHAPTER_3: `${PREFIX}static/chapter-3.003fc901.svg`,\n CHAPTER_4: `${PREFIX}static/chapter-4.8abbacd8.svg`,\n CHAPTER_5: `${PREFIX}static/chapter-5.c774b439.svg`,\n CHAPTER_6: `${PREFIX}static/chapter-6.cb5cf1cb.svg`,\n CHAPTER_7: `${PREFIX}static/chapter-7.57b0beb4.svg`,\n CHAPTER_8: `${PREFIX}static/chapter-8.68d36477.svg`,\n CHAPTER_9: `${PREFIX}static/chapter-9.0c00e26f.svg`,\n CHAPTER_HEADER_BG: `${PREFIX}static/chapter-header-bg.4ed173c2.svg`,\n CHAPTER_HEADER_BG_2: `${PREFIX}static/chapter-header-bg-2.c8d96894.svg`,\n CIRCLE_CUEMATH_LOGO: `${PREFIX}static/circle-cuemath-logo.8bcb1ad4.svg`,\n CIRCLE_CUEMATH_LOGO_WHITE: `${PREFIX}static/circle-cuemath-logo-white.e9fafb91.svg`,\n CIRCLE_OUTERCIRCLE_BG: `${PREFIX}static/circle-outercircle-bg.65f21460.svg`,\n CLOCK_ORANGE: `${PREFIX}static/clock-orange.c144059b.svg`,\n COMMUNITY_BULB: `${PREFIX}static/community-bulb.3b42af21.svg`,\n CROSSHAIR_CIRCLE: `${PREFIX}static/crosshair-circle.522a26ea.svg`,\n CROWN: `${PREFIX}static/crown.c18fa217.svg`,\n CROWN_OVERLAY: `${PREFIX}static/crown-overlay.11fb073c.svg`,\n CUECOIN_GOLD: `${PREFIX}static/cuecoin-gold.bcb8085e.svg`,\n CUEMATH_APP_QR_CODE: `${PREFIX}static/cuemath-app-qr-code.4beefe48.svg`,\n DESKTOP_WITH_PURPLE_FILL: `${PREFIX}static/desktop-with-purple-fill.dfec66cc.svg`,\n DURATION_30MIN_GRAY: `${PREFIX}static/duration-30min-gray.f6442df4.svg`,\n DURATION_45MIN_GRAY: `${PREFIX}static/duration-45min-gray.ad90fb23.svg`,\n DURATION_60MIN_GRAY: `${PREFIX}static/duration-60min-gray.874e52a2.svg`,\n DURATION_90MIN_GRAY: `${PREFIX}static/duration-90min-gray.32a04cef.svg`,\n EARTH_GREEN: `${PREFIX}static/earth-green.e1329b7a.svg`,\n FEMALE_AVATAR: `${PREFIX}static/female-avatar.b8cd1012.svg`,\n GAME_PLAY: `${PREFIX}static/game-play.4982b0cb.svg`,\n GLOBE_WITH_BLUE_FILL: `${PREFIX}static/globe-with-blue-fill.beae6ca4.svg`,\n GRADE_GRID_BACKGROUND: `${PREFIX}static/grade-grid-background.b17b4ccb.svg`,\n GRADUATE_HAT: `${PREFIX}static/graduate-hat.4b49eb44.svg`,\n GRADUATE_ICON_PINK: `${PREFIX}static/graduate-icon-pink.01fbfb1b.svg`,\n GRADUATE_PINK_FILLED_BG: `${PREFIX}static/graduate-pink-filled-bg.c91e9c53.svg`,\n GREEN_BALLOON: `${PREFIX}static/green-balloon.67ac8587.svg`,\n GREEN_FACE: `${PREFIX}static/green-face.1b4dd82f.svg`,\n LEARNED_SHIELD_GRAY: `${PREFIX}static/learned-shield-gray.1495b0d5.svg`,\n LEARNED_SHIELD_GREEN: `${PREFIX}static/learned-shield-green.7c26b423.svg`,\n LEARNT: `${PREFIX}static/learnt.870c5e38.svg`,\n LIKE: `${PREFIX}static/like.cb492460.svg`,\n LIVE_SESSION: `${PREFIX}static/live-session.a0d25c78.svg`,\n LOADER: `${PREFIX}static/loader.52f8c35c.svg`,\n LOADER_1: `${PREFIX}static/loader-1.6524355e.svg`,\n LOCKED: `${PREFIX}static/locked.0c3b7577.svg`,\n MAINTENANCE: `${PREFIX}static/maintenance.a26aca65.svg`,\n MALE_AVATAR: `${PREFIX}static/male-avatar.2febc9eb.svg`,\n MASTERED_BADGE: `${PREFIX}static/mastered-badge.81f156fb.svg`,\n MASTERED_SHIELD_GRAY: `${PREFIX}static/mastered-shield-gray.a58cbe19.svg`,\n MASTERED_SHIELD_GREEN: `${PREFIX}static/mastered-shield-green.070fa4eb.svg`,\n MENTAL_MATH: `${PREFIX}static/mental-math.3c95f169.svg`,\n MILESTONE_INTRO_1: `${PREFIX}static/milestone-intro-1.281a354c.svg`,\n MILESTONE_INTRO_2: `${PREFIX}static/milestone-intro-2.19faee69.svg`,\n MILESTONE_INTRO_3: `${PREFIX}static/milestone-intro-3.6f6055d6.svg`,\n MISTAKE: `${PREFIX}static/mistake.476d1aa7.svg`,\n NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.svg`,\n NODE_LEARN_BG: `${PREFIX}static/node-learn-bg.b61f815c.svg`,\n NODE_PRACTICE_BG: `${PREFIX}static/node-practice-bg.16cbaf2a.svg`,\n NODE_PROJECT_BG: `${PREFIX}static/node-project-bg.e6a33e28.svg`,\n NODE_PUZZLE_BG: `${PREFIX}static/node-puzzle-bg.3422135c.svg`,\n NODE_RECAP_BG: `${PREFIX}static/node-recap-bg.546154e4.svg`,\n NODE_TEST_PREP_BG: `${PREFIX}static/node-test-prep-bg.42c0b9c4.svg`,\n NODE_VIDEO_BG: `${PREFIX}static/node-video-bg.3df3f73a.svg`,\n NUMBER_1_ORANGE: `${PREFIX}static/number-1-orange.cbf526ed.svg`,\n NUMBER_2_ORANGE: `${PREFIX}static/number-2-orange.6f29eb72.svg`,\n NUMBER_3_ORANGE: `${PREFIX}static/number-3-orange.58baf717.svg`,\n NUMBER_4_ORANGE: `${PREFIX}static/number-4-orange.5ed1ec5e.svg`,\n ONE_STAR_FILLED: `${PREFIX}static/one-star-filled.b6084257.svg`,\n ORANGE_FACE: `${PREFIX}static/orange-face.5824c2e9.svg`,\n PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.svg`,\n PLAY: `${PREFIX}static/play.68d16dec.svg`,\n PLAY_ICON: `${PREFIX}static/play-icon.13baaa7d.svg`,\n POINTS_SUM: `${PREFIX}static/points-sum.360e63de.svg`,\n PRACTICED_SHIELD_GREEN: `${PREFIX}static/practiced-shield-green.90278855.svg`,\n PRACTICED_SHIELD_GREY: `${PREFIX}static/practiced-shield-grey.16cf4fe0.svg`,\n PROFICIENT_BADGE: `${PREFIX}static/proficient-badge.1a6dbb72.svg`,\n PROFILE_BOARD: `${PREFIX}static/profile-board.4f4a17e6.svg`,\n PUZZLE: `${PREFIX}static/puzzle.5aad5cf8.svg`,\n PUZZLE_STUDENT: `${PREFIX}static/puzzle-student.de530364.svg`,\n REFUND_POLICY: `${PREFIX}static/refund-policy.912dbb4c.svg`,\n REFUND_POLICY_WITH_HEADPHONE: `${PREFIX}static/refund-policy-with-headphone.589398e0.svg`,\n REPORT_404: `${PREFIX}static/report-404.dd67785c.svg`,\n ROCKET_BROKEN: `${PREFIX}static/rocket-broken.1f86fa43.svg`,\n ROCKET_YELLOW: `${PREFIX}static/rocket-yellow.62d27e15.svg`,\n SCORE: `${PREFIX}static/score.41971107.svg`,\n SMILEY: `${PREFIX}static/smiley.49bb7d7c.svg`,\n STAR_ORANGE: `${PREFIX}static/star-orange.a91a341f.svg`,\n STAR_ORANGE_FILLED: `${PREFIX}static/star-orange-filled.a7ff9c8f.svg`,\n STAR_WITH_GREEN_FILL: `${PREFIX}static/star-with-green-fill.86877d41.svg`,\n STREAK_GREEN: `${PREFIX}static/streak-green.b59bf4dd.svg`,\n STREAK_WHITE: `${PREFIX}static/streak-white.2cbdc9b8.svg`,\n TEST_DIFFICULTY_EASY: `${PREFIX}static/test-difficulty-easy.56df71dd.svg`,\n TEST_DIFFICULTY_HARD: `${PREFIX}static/test-difficulty-hard.7250f1f4.svg`,\n TEST_DIFFICULTY_MEDIUM: `${PREFIX}static/test-difficulty-medium.2fd9686e.svg`,\n THREE_STARS_FILLED: `${PREFIX}static/three-stars-filled.72b51f03.svg`,\n TICK_GREEN: `${PREFIX}static/tick-green.a1654049.svg`,\n TROPHY_BLUE: `${PREFIX}static/trophy-blue.e684ba4c.svg`,\n TROPHY_BLUE_FILLED: `${PREFIX}static/trophy-blue-filled.7e2b40ab.svg`,\n TROPHY_CIRCLE: `${PREFIX}static/trophy-circle.b7b23e36.svg`,\n TROPHY_GREEN: `${PREFIX}static/trophy-green.6c0741c8.svg`,\n TWO_STARS_FILLED: `${PREFIX}static/two-stars-filled.a51a14b4.svg`,\n UP_ARROW: `${PREFIX}static/up-arrow.a6946bd3.svg`,\n USER_CROWN_GRID_BACKGROUND: `${PREFIX}static/user-crown-grid-background.c2875a73.svg`,\n USER_DOWN: `${PREFIX}static/user-down.a06f2f94.svg`,\n USER_PIN: `${PREFIX}static/user-pin.5f334465.svg`,\n USER_PROFILE_BACKGROUND: `${PREFIX}static/user-profile-background.199977a9.svg`,\n USER_TYPE_SELECTOR_GRID_BG: `${PREFIX}static/user-type-selector-grid-bg.aad0b059.svg`,\n USER_UP: `${PREFIX}static/user-up.2aecbbae.svg`,\n YELLOW_FACE: `${PREFIX}static/yellow-face.b7525a33.svg`,\n};\n\nexport { ILLUSTRATIONS };\n"],"names":["PREFIX","ILLUSTRATIONS"],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { memo as
|
1
|
+
import { jsx as u, jsxs as v } from "react/jsx-runtime";
|
2
|
+
import { memo as y, useState as x, useRef as w, useCallback as g, useMemo as C, useEffect as I } from "react";
|
3
3
|
import { useTheme as A } from "styled-components";
|
4
4
|
import H from "../../../ui/layout/flex-view.js";
|
5
5
|
import L from "./country-selector/country-selector.js";
|
@@ -8,77 +8,79 @@ import N from "./input-wrapper/input-wrapper.js";
|
|
8
8
|
import X from "./password-toggle/password-toggle.js";
|
9
9
|
const _ = ({
|
10
10
|
value: o,
|
11
|
-
onChange:
|
11
|
+
onChange: T,
|
12
12
|
error: c,
|
13
|
-
helperText:
|
14
|
-
onEnter:
|
15
|
-
isLoading:
|
13
|
+
helperText: W,
|
14
|
+
onEnter: r,
|
15
|
+
isLoading: b,
|
16
16
|
isValid: m,
|
17
17
|
type: e = "text",
|
18
|
-
placeholder:
|
19
|
-
actionElement:
|
20
|
-
maxLength:
|
21
|
-
width:
|
22
|
-
textTransform:
|
23
|
-
textAlign:
|
24
|
-
selectedCountry:
|
25
|
-
onCountryChange:
|
18
|
+
placeholder: F,
|
19
|
+
actionElement: R,
|
20
|
+
maxLength: $,
|
21
|
+
width: D,
|
22
|
+
textTransform: P,
|
23
|
+
textAlign: S = "center",
|
24
|
+
selectedCountry: V,
|
25
|
+
onCountryChange: j,
|
26
26
|
autoSize: a = !1
|
27
27
|
}) => {
|
28
|
-
const
|
28
|
+
const n = A(), [l, k] = x(!1), [z, p] = x(32), f = w(null), s = w(null), E = g(
|
29
29
|
(t) => {
|
30
|
-
t.key === "Enter" && (
|
30
|
+
t.key === "Enter" && (r == null || r());
|
31
31
|
},
|
32
|
-
[
|
33
|
-
),
|
34
|
-
|
35
|
-
const
|
36
|
-
return
|
32
|
+
[r]
|
33
|
+
), G = C(() => e === "password" ? l ? "text" : "password" : e === "phone" ? "number" : e, [e, l]), K = C(() => c ? n.colors.RED : m ? n.colors.GREEN_4 : n.colors.WHITE, [c, m, n.colors]), d = g((t, h) => {
|
34
|
+
s.current || (s.current = document.createElement("canvas"));
|
35
|
+
const i = s.current.getContext("2d");
|
36
|
+
return i ? (i.font = h, i.measureText(t).width) : 0;
|
37
37
|
}, []);
|
38
|
-
return
|
39
|
-
if (!
|
38
|
+
return I(() => {
|
39
|
+
if (!f.current || !o || !a)
|
40
40
|
return;
|
41
|
-
const t =
|
41
|
+
const t = f.current.clientWidth;
|
42
42
|
d(o, "32px 'Athletics-Light'") > t ? p(24) : p(32);
|
43
|
-
}, [o, d, a]),
|
43
|
+
}, [o, d, a]), I(() => () => {
|
44
|
+
s.current = null;
|
45
|
+
}, []), /* @__PURE__ */ u(
|
44
46
|
N,
|
45
47
|
{
|
46
|
-
helperText: c ||
|
47
|
-
isLoading:
|
48
|
-
actionElement:
|
49
|
-
children: /* @__PURE__ */
|
48
|
+
helperText: c || W,
|
49
|
+
isLoading: b,
|
50
|
+
actionElement: R,
|
51
|
+
children: /* @__PURE__ */ v(
|
50
52
|
H,
|
51
53
|
{
|
52
|
-
$width:
|
54
|
+
$width: D ?? "100%",
|
53
55
|
$flex: 1,
|
54
56
|
$alignItems: "center",
|
55
57
|
$flexDirection: "row",
|
56
58
|
$flexGapX: 0.5,
|
57
59
|
children: [
|
58
|
-
e === "phone" && /* @__PURE__ */
|
59
|
-
/* @__PURE__ */
|
60
|
+
e === "phone" && /* @__PURE__ */ u(L, { onChange: j, value: V }),
|
61
|
+
/* @__PURE__ */ u(
|
60
62
|
M,
|
61
63
|
{
|
62
|
-
ref:
|
64
|
+
ref: f,
|
63
65
|
value: o,
|
64
|
-
onChange: (t) =>
|
66
|
+
onChange: (t) => T(t.target.value),
|
65
67
|
autoFocus: !0,
|
66
|
-
placeholder:
|
67
|
-
color:
|
68
|
+
placeholder: F,
|
69
|
+
color: K,
|
68
70
|
autoCapitalize: "none",
|
69
|
-
textTransform:
|
70
|
-
type:
|
71
|
-
onKeyDown:
|
72
|
-
maxLength:
|
73
|
-
align:
|
74
|
-
fontSize:
|
71
|
+
textTransform: P,
|
72
|
+
type: G,
|
73
|
+
onKeyDown: E,
|
74
|
+
maxLength: $,
|
75
|
+
align: S,
|
76
|
+
fontSize: z
|
75
77
|
}
|
76
78
|
),
|
77
|
-
e === "password" && /* @__PURE__ */
|
79
|
+
e === "password" && /* @__PURE__ */ u(
|
78
80
|
X,
|
79
81
|
{
|
80
|
-
isVisible:
|
81
|
-
onToggle: () =>
|
82
|
+
isVisible: l,
|
83
|
+
onToggle: () => k((t) => !t)
|
82
84
|
}
|
83
85
|
)
|
84
86
|
]
|
@@ -86,7 +88,7 @@ const _ = ({
|
|
86
88
|
)
|
87
89
|
}
|
88
90
|
);
|
89
|
-
}, tt =
|
91
|
+
}, tt = y(_);
|
90
92
|
export {
|
91
93
|
tt as default
|
92
94
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n memo,\n type FC,\n type KeyboardEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n value,\n onChange,\n error,\n helperText,\n onEnter,\n isLoading,\n isValid,\n type = 'text',\n placeholder,\n actionElement,\n maxLength,\n width,\n textTransform,\n textAlign = 'center',\n selectedCountry,\n onCountryChange,\n autoSize = false,\n}) => {\n const theme = useTheme();\n const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n const [fontSize, setFontSize] = useState(32);\n const inputRef = useRef<HTMLInputElement>(null);\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const inputType = useMemo(() => {\n if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n if (type === 'phone') return 'number';\n\n return type;\n }, [type, isPasswordVisible]);\n\n const inputColor = useMemo(() => {\n if (error) return theme.colors.RED;\n\n if (isValid) return theme.colors.GREEN_4;\n\n return theme.colors.WHITE;\n }, [error, isValid, theme.colors]);\n\n const measureTextWidth = useCallback((text: string, font: string): number => {\n if (!canvasRef.current) {\n canvasRef.current = document.createElement('canvas');\n }\n\n const context = canvasRef.current.getContext('2d');\n\n if (!context) return 0;\n\n context.font = font;\n\n return context.measureText(text).width;\n }, []);\n\n useEffect(() => {\n if (!inputRef.current || !value || !autoSize) {\n return;\n }\n\n const inputWidth = inputRef.current.clientWidth;\n\n const font32 = \"32px 'Athletics-Light'\";\n\n const textWidth32 = measureTextWidth(value, font32);\n\n if (textWidth32 > inputWidth) {\n setFontSize(24);\n } else {\n setFontSize(32);\n }\n }, [value, measureTextWidth, autoSize]);\n\n return (\n <InputWrapper\n helperText={error || helperText}\n isLoading={isLoading}\n actionElement={actionElement}\n >\n <FlexView\n $width={width ?? '100%'}\n $flex={1}\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n >\n {type === 'phone' && (\n <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n )}\n <Styled.CustomInput\n ref={inputRef}\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder={placeholder}\n color={inputColor}\n autoCapitalize=\"none\"\n textTransform={textTransform}\n type={inputType}\n onKeyDown={handleKeyDown}\n maxLength={maxLength}\n align={textAlign}\n fontSize={fontSize}\n />\n {type === 'password' && (\n <PasswordToggleIcon\n isVisible={isPasswordVisible}\n onToggle={() => setIsPasswordVisible(prev => !prev)}\n />\n )}\n </FlexView>\n </InputWrapper>\n );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":";;;;;;;;AAoBA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAC1D,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAE,GACrCG,IAAWC,EAAyB,IAAI,GACxCC,IAAYD,EAAiC,IAAI,GAEjDE,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNzB,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJ0B,IAAYC,EAAQ,MACpBxB,MAAS,aAAmBY,IAAoB,SAAS,aAEzDZ,MAAS,UAAgB,WAEtBA,GACN,CAACA,GAAMY,CAAiB,CAAC,GAEtBa,IAAaD,EAAQ,MACrB7B,IAAce,EAAM,OAAO,MAE3BX,IAAgBW,EAAM,OAAO,UAE1BA,EAAM,OAAO,OACnB,CAACf,GAAOI,GAASW,EAAM,MAAM,CAAC,GAE3BgB,IAAmBL,EAAY,CAACM,GAAcC,MAAyB;AACvE,IAACT,EAAU,YACHA,EAAA,UAAU,SAAS,cAAc,QAAQ;AAGrD,UAAMU,IAAUV,EAAU,QAAQ,WAAW,IAAI;AAE7C,WAACU,KAELA,EAAQ,OAAOD,GAERC,EAAQ,YAAYF,CAAI,EAAE,SAJZ;AAAA,EAKvB,GAAG,CAAE,CAAA;AAEL,SAAAG,EAAU,MAAM;AACd,QAAI,CAACb,EAAS,WAAW,CAACxB,KAAS,CAACgB;AAClC;AAGI,UAAAsB,IAAad,EAAS,QAAQ;AAMpC,IAFoBS,EAAiBjC,GAFtB,wBAEmC,IAEhCsC,IAChBf,EAAY,EAAE,IAEdA,EAAY,EAAE;AAAA,EAEf,GAAA,CAACvB,GAAOiC,GAAkBjB,CAAQ,CAAC,
|
1
|
+
{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n memo,\n type FC,\n type KeyboardEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n value,\n onChange,\n error,\n helperText,\n onEnter,\n isLoading,\n isValid,\n type = 'text',\n placeholder,\n actionElement,\n maxLength,\n width,\n textTransform,\n textAlign = 'center',\n selectedCountry,\n onCountryChange,\n autoSize = false,\n}) => {\n const theme = useTheme();\n const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n const [fontSize, setFontSize] = useState(32);\n const inputRef = useRef<HTMLInputElement>(null);\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const inputType = useMemo(() => {\n if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n if (type === 'phone') return 'number';\n\n return type;\n }, [type, isPasswordVisible]);\n\n const inputColor = useMemo(() => {\n if (error) return theme.colors.RED;\n\n if (isValid) return theme.colors.GREEN_4;\n\n return theme.colors.WHITE;\n }, [error, isValid, theme.colors]);\n\n const measureTextWidth = useCallback((text: string, font: string): number => {\n if (!canvasRef.current) {\n canvasRef.current = document.createElement('canvas');\n }\n\n const context = canvasRef.current.getContext('2d');\n\n if (!context) return 0;\n\n context.font = font;\n\n return context.measureText(text).width;\n }, []);\n\n useEffect(() => {\n if (!inputRef.current || !value || !autoSize) {\n return;\n }\n\n const inputWidth = inputRef.current.clientWidth;\n\n const font32 = \"32px 'Athletics-Light'\";\n\n const textWidth32 = measureTextWidth(value, font32);\n\n if (textWidth32 > inputWidth) {\n setFontSize(24);\n } else {\n setFontSize(32);\n }\n }, [value, measureTextWidth, autoSize]);\n\n useEffect(() => {\n return () => {\n canvasRef.current = null;\n };\n }, []);\n\n return (\n <InputWrapper\n helperText={error || helperText}\n isLoading={isLoading}\n actionElement={actionElement}\n >\n <FlexView\n $width={width ?? '100%'}\n $flex={1}\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n >\n {type === 'phone' && (\n <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n )}\n <Styled.CustomInput\n ref={inputRef}\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder={placeholder}\n color={inputColor}\n autoCapitalize=\"none\"\n textTransform={textTransform}\n type={inputType}\n onKeyDown={handleKeyDown}\n maxLength={maxLength}\n align={textAlign}\n fontSize={fontSize}\n />\n {type === 'password' && (\n <PasswordToggleIcon\n isVisible={isPasswordVisible}\n onToggle={() => setIsPasswordVisible(prev => !prev)}\n />\n )}\n </FlexView>\n </InputWrapper>\n );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
@@ -1049,7 +1049,7 @@ declare interface ICircularStepsProps {
|
|
1049
1049
|
}
|
1050
1050
|
|
1051
1051
|
declare interface ICircularStepWrapperProps {
|
1052
|
-
children:
|
1052
|
+
children: JSX.Element;
|
1053
1053
|
animation: string;
|
1054
1054
|
introFrames: [number, number];
|
1055
1055
|
outroFrames: [number, number];
|
@@ -1228,7 +1228,7 @@ declare interface ICustomInputFieldProps {
|
|
1228
1228
|
onEnter?: () => void;
|
1229
1229
|
error?: string;
|
1230
1230
|
helperText?: string;
|
1231
|
-
actionElement?:
|
1231
|
+
actionElement?: JSX.Element;
|
1232
1232
|
isLoading?: boolean;
|
1233
1233
|
isValid?: boolean;
|
1234
1234
|
type?: 'text' | 'password' | 'number' | 'phone';
|
@@ -0,0 +1 @@
|
|
1
|
+
<?xml version="1.0" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024"><defs><clipPath id="clip-path-dot-color"><rect x="62" y="310" width="31" height="31" transform="rotate(0,77.5,325.5)"/><rect x="62" y="434" width="31" height="31" transform="rotate(0,77.5,449.5)"/><rect x="62" y="465" width="31" height="31" transform="rotate(0,77.5,480.5)"/><rect x="62" y="496" width="31" height="31" transform="rotate(0,77.5,511.5)"/><rect x="62" y="527" width="31" height="31" transform="rotate(0,77.5,542.5)"/><rect x="62" y="589" width="31" height="31" transform="rotate(0,77.5,604.5)"/><rect x="62" y="620" width="31" height="31" transform="rotate(0,77.5,635.5)"/><rect x="62" y="651" width="31" height="31" transform="rotate(0,77.5,666.5)"/><rect x="93" y="310" width="31" height="31" transform="rotate(0,108.5,325.5)"/><rect x="93" y="403" width="31" height="31" transform="rotate(0,108.5,418.5)"/><rect x="93" y="496" width="31" height="31" transform="rotate(0,108.5,511.5)"/><rect x="93" y="589" width="31" height="31" transform="rotate(0,108.5,604.5)"/><rect x="93" y="651" width="31" height="31" transform="rotate(0,108.5,666.5)"/><rect x="124" y="372" width="31" height="31" transform="rotate(0,139.5,387.5)"/><rect x="124" y="465" width="31" height="31" transform="rotate(0,139.5,480.5)"/><rect x="124" y="496" width="31" height="31" transform="rotate(0,139.5,511.5)"/><rect x="124" y="527" width="31" height="31" transform="rotate(0,139.5,542.5)"/><rect x="124" y="558" width="31" height="31" transform="rotate(0,139.5,573.5)"/><rect x="124" y="620" width="31" height="31" transform="rotate(0,139.5,635.5)"/><rect x="124" y="651" width="31" height="31" transform="rotate(0,139.5,666.5)"/><rect x="124" y="682" width="31" height="31" transform="rotate(0,139.5,697.5)"/><rect x="155" y="341" width="31" height="31" transform="rotate(0,170.5,356.5)"/><rect x="155" y="527" width="31" height="31" transform="rotate(0,170.5,542.5)"/><rect x="155" y="558" width="31" height="31" transform="rotate(0,170.5,573.5)"/><rect x="155" y="589" width="31" height="31" transform="rotate(0,170.5,604.5)"/><rect x="155" y="651" width="31" height="31" transform="rotate(0,170.5,666.5)"/><rect x="155" y="682" width="31" height="31" transform="rotate(0,170.5,697.5)"/><rect x="186" y="341" width="31" height="31" transform="rotate(0,201.5,356.5)"/><rect x="186" y="372" width="31" height="31" transform="rotate(0,201.5,387.5)"/><rect x="186" y="403" width="31" height="31" transform="rotate(0,201.5,418.5)"/><rect x="186" y="465" width="31" height="31" transform="rotate(0,201.5,480.5)"/><rect x="186" y="527" width="31" height="31" transform="rotate(0,201.5,542.5)"/><rect x="186" y="651" width="31" height="31" transform="rotate(0,201.5,666.5)"/><rect x="186" y="682" width="31" height="31" transform="rotate(0,201.5,697.5)"/><rect x="217" y="403" width="31" height="31" transform="rotate(0,232.5,418.5)"/><rect x="217" y="434" width="31" height="31" transform="rotate(0,232.5,449.5)"/><rect x="217" y="465" width="31" height="31" transform="rotate(0,232.5,480.5)"/><rect x="217" y="496" width="31" height="31" transform="rotate(0,232.5,511.5)"/><rect x="217" y="620" width="31" height="31" transform="rotate(0,232.5,635.5)"/><rect x="248" y="310" width="31" height="31" transform="rotate(0,263.5,325.5)"/><rect x="248" y="372" width="31" height="31" transform="rotate(0,263.5,387.5)"/><rect x="248" y="434" width="31" height="31" transform="rotate(0,263.5,449.5)"/><rect x="248" y="496" width="31" height="31" transform="rotate(0,263.5,511.5)"/><rect x="248" y="558" width="31" height="31" transform="rotate(0,263.5,573.5)"/><rect x="248" y="620" width="31" height="31" transform="rotate(0,263.5,635.5)"/><rect x="248" y="682" width="31" height="31" transform="rotate(0,263.5,697.5)"/><rect x="279" y="434" width="31" height="31" transform="rotate(0,294.5,449.5)"/><rect x="279" y="496" width="31" height="31" transform="rotate(0,294.5,511.5)"/><rect x="279" y="527" width="31" height="31" transform="rotate(0,294.5,542.5)"/><rect x="279" y="558" width="31" height="31" transform="rotate(0,294.5,573.5)"/><rect x="279" y="651" width="31" height="31" transform="rotate(0,294.5,666.5)"/><rect x="310" y="93" width="31" height="31" transform="rotate(0,325.5,108.5)"/><rect x="310" y="248" width="31" height="31" transform="rotate(0,325.5,263.5)"/><rect x="310" y="279" width="31" height="31" transform="rotate(0,325.5,294.5)"/><rect x="310" y="310" width="31" height="31" transform="rotate(0,325.5,325.5)"/><rect x="310" y="341" width="31" height="31" transform="rotate(0,325.5,356.5)"/><rect x="310" y="372" width="31" height="31" transform="rotate(0,325.5,387.5)"/><rect x="310" y="403" width="31" height="31" transform="rotate(0,325.5,418.5)"/><rect x="310" y="465" width="31" height="31" transform="rotate(0,325.5,480.5)"/><rect x="310" y="558" width="31" height="31" transform="rotate(0,325.5,573.5)"/><rect x="310" y="620" width="31" height="31" transform="rotate(0,325.5,635.5)"/><rect x="310" y="713" width="31" height="31" transform="rotate(0,325.5,728.5)"/><rect x="310" y="899" width="31" height="31" transform="rotate(0,325.5,914.5)"/><rect x="310" y="930" width="31" height="31" transform="rotate(0,325.5,945.5)"/><rect x="341" y="93" width="31" height="31" transform="rotate(0,356.5,108.5)"/><rect x="341" y="341" width="31" height="31" transform="rotate(0,356.5,356.5)"/><rect x="341" y="372" width="31" height="31" transform="rotate(0,356.5,387.5)"/><rect x="341" y="403" width="31" height="31" transform="rotate(0,356.5,418.5)"/><rect x="341" y="434" width="31" height="31" transform="rotate(0,356.5,449.5)"/><rect x="341" y="465" width="31" height="31" transform="rotate(0,356.5,480.5)"/><rect x="341" y="527" width="31" height="31" transform="rotate(0,356.5,542.5)"/><rect x="341" y="558" width="31" height="31" transform="rotate(0,356.5,573.5)"/><rect x="341" y="589" width="31" height="31" transform="rotate(0,356.5,604.5)"/><rect x="341" y="682" width="31" height="31" transform="rotate(0,356.5,697.5)"/><rect x="341" y="775" width="31" height="31" transform="rotate(0,356.5,790.5)"/><rect x="341" y="806" width="31" height="31" transform="rotate(0,356.5,821.5)"/><rect x="341" y="868" width="31" height="31" transform="rotate(0,356.5,883.5)"/><rect x="341" y="899" width="31" height="31" transform="rotate(0,356.5,914.5)"/><rect x="372" y="124" width="31" height="31" transform="rotate(0,387.5,139.5)"/><rect x="372" y="186" width="31" height="31" transform="rotate(0,387.5,201.5)"/><rect x="372" y="217" width="31" height="31" transform="rotate(0,387.5,232.5)"/><rect x="372" y="248" width="31" height="31" transform="rotate(0,387.5,263.5)"/><rect x="372" y="279" width="31" height="31" transform="rotate(0,387.5,294.5)"/><rect x="372" y="310" width="31" height="31" transform="rotate(0,387.5,325.5)"/><rect x="372" y="372" width="31" height="31" transform="rotate(0,387.5,387.5)"/><rect x="372" y="403" width="31" height="31" transform="rotate(0,387.5,418.5)"/><rect x="372" y="465" width="31" height="31" transform="rotate(0,387.5,480.5)"/><rect x="372" y="496" width="31" height="31" transform="rotate(0,387.5,511.5)"/><rect x="372" y="558" width="31" height="31" transform="rotate(0,387.5,573.5)"/><rect x="372" y="620" width="31" height="31" transform="rotate(0,387.5,635.5)"/><rect x="372" y="682" width="31" height="31" transform="rotate(0,387.5,697.5)"/><rect x="372" y="713" width="31" height="31" transform="rotate(0,387.5,728.5)"/><rect x="372" y="744" width="31" height="31" transform="rotate(0,387.5,759.5)"/><rect x="372" y="775" width="31" height="31" transform="rotate(0,387.5,790.5)"/><rect x="372" y="837" width="31" height="31" transform="rotate(0,387.5,852.5)"/><rect x="403" y="93" width="31" height="31" transform="rotate(0,418.5,108.5)"/><rect x="403" y="124" width="31" height="31" transform="rotate(0,418.5,139.5)"/><rect x="403" y="186" width="31" height="31" transform="rotate(0,418.5,201.5)"/><rect x="403" y="217" width="31" height="31" transform="rotate(0,418.5,232.5)"/><rect x="403" y="310" width="31" height="31" transform="rotate(0,418.5,325.5)"/><rect x="403" y="403" width="31" height="31" transform="rotate(0,418.5,418.5)"/><rect x="403" y="465" width="31" height="31" transform="rotate(0,418.5,480.5)"/><rect x="403" y="558" width="31" height="31" transform="rotate(0,418.5,573.5)"/><rect x="403" y="744" width="31" height="31" transform="rotate(0,418.5,759.5)"/><rect x="403" y="775" width="31" height="31" transform="rotate(0,418.5,790.5)"/><rect x="403" y="806" width="31" height="31" transform="rotate(0,418.5,821.5)"/><rect x="403" y="837" width="31" height="31" transform="rotate(0,418.5,852.5)"/><rect x="434" y="93" width="31" height="31" transform="rotate(0,449.5,108.5)"/><rect x="434" y="124" width="31" height="31" transform="rotate(0,449.5,139.5)"/><rect x="434" y="155" width="31" height="31" transform="rotate(0,449.5,170.5)"/><rect x="434" y="217" width="31" height="31" transform="rotate(0,449.5,232.5)"/><rect x="434" y="248" width="31" height="31" transform="rotate(0,449.5,263.5)"/><rect x="434" y="279" width="31" height="31" transform="rotate(0,449.5,294.5)"/><rect x="434" y="310" width="31" height="31" transform="rotate(0,449.5,325.5)"/><rect x="434" y="341" width="31" height="31" transform="rotate(0,449.5,356.5)"/><rect x="434" y="372" width="31" height="31" transform="rotate(0,449.5,387.5)"/><rect x="434" y="465" width="31" height="31" transform="rotate(0,449.5,480.5)"/><rect x="434" y="620" width="31" height="31" transform="rotate(0,449.5,635.5)"/><rect x="434" y="651" width="31" height="31" transform="rotate(0,449.5,666.5)"/><rect x="434" y="713" width="31" height="31" transform="rotate(0,449.5,728.5)"/><rect x="434" y="744" width="31" height="31" transform="rotate(0,449.5,759.5)"/><rect x="434" y="837" width="31" height="31" transform="rotate(0,449.5,852.5)"/><rect x="434" y="868" width="31" height="31" transform="rotate(0,449.5,883.5)"/><rect x="434" y="899" width="31" height="31" transform="rotate(0,449.5,914.5)"/><rect x="465" y="93" width="31" height="31" transform="rotate(0,480.5,108.5)"/><rect x="465" y="217" width="31" height="31" transform="rotate(0,480.5,232.5)"/><rect x="465" y="341" width="31" height="31" transform="rotate(0,480.5,356.5)"/><rect x="465" y="403" width="31" height="31" transform="rotate(0,480.5,418.5)"/><rect x="465" y="465" width="31" height="31" transform="rotate(0,480.5,480.5)"/><rect x="465" y="496" width="31" height="31" transform="rotate(0,480.5,511.5)"/><rect x="465" y="527" width="31" height="31" transform="rotate(0,480.5,542.5)"/><rect x="465" y="589" width="31" height="31" transform="rotate(0,480.5,604.5)"/><rect x="465" y="620" width="31" height="31" transform="rotate(0,480.5,635.5)"/><rect x="465" y="651" width="31" height="31" transform="rotate(0,480.5,666.5)"/><rect x="465" y="682" width="31" height="31" transform="rotate(0,480.5,697.5)"/><rect x="465" y="744" width="31" height="31" transform="rotate(0,480.5,759.5)"/><rect x="465" y="806" width="31" height="31" transform="rotate(0,480.5,821.5)"/><rect x="465" y="837" width="31" height="31" transform="rotate(0,480.5,852.5)"/><rect x="465" y="930" width="31" height="31" transform="rotate(0,480.5,945.5)"/><rect x="496" y="93" width="31" height="31" transform="rotate(0,511.5,108.5)"/><rect x="496" y="155" width="31" height="31" transform="rotate(0,511.5,170.5)"/><rect x="496" y="186" width="31" height="31" transform="rotate(0,511.5,201.5)"/><rect x="496" y="248" width="31" height="31" transform="rotate(0,511.5,263.5)"/><rect x="496" y="279" width="31" height="31" transform="rotate(0,511.5,294.5)"/><rect x="496" y="341" width="31" height="31" transform="rotate(0,511.5,356.5)"/><rect x="496" y="372" width="31" height="31" transform="rotate(0,511.5,387.5)"/><rect x="496" y="434" width="31" height="31" transform="rotate(0,511.5,449.5)"/><rect x="496" y="496" width="31" height="31" transform="rotate(0,511.5,511.5)"/><rect x="496" y="589" width="31" height="31" transform="rotate(0,511.5,604.5)"/><rect x="496" y="682" width="31" height="31" transform="rotate(0,511.5,697.5)"/><rect x="496" y="713" width="31" height="31" transform="rotate(0,511.5,728.5)"/><rect x="496" y="744" width="31" height="31" transform="rotate(0,511.5,759.5)"/><rect x="496" y="775" width="31" height="31" transform="rotate(0,511.5,790.5)"/><rect x="527" y="124" width="31" height="31" transform="rotate(0,542.5,139.5)"/><rect x="527" y="155" width="31" height="31" transform="rotate(0,542.5,170.5)"/><rect x="527" y="186" width="31" height="31" transform="rotate(0,542.5,201.5)"/><rect x="527" y="217" width="31" height="31" transform="rotate(0,542.5,232.5)"/><rect x="527" y="279" width="31" height="31" transform="rotate(0,542.5,294.5)"/><rect x="527" y="310" width="31" height="31" transform="rotate(0,542.5,325.5)"/><rect x="527" y="372" width="31" height="31" transform="rotate(0,542.5,387.5)"/><rect x="527" y="527" width="31" height="31" transform="rotate(0,542.5,542.5)"/><rect x="527" y="589" width="31" height="31" transform="rotate(0,542.5,604.5)"/><rect x="527" y="620" width="31" height="31" transform="rotate(0,542.5,635.5)"/><rect x="527" y="682" width="31" height="31" transform="rotate(0,542.5,697.5)"/><rect x="527" y="744" width="31" height="31" transform="rotate(0,542.5,759.5)"/><rect x="527" y="806" width="31" height="31" transform="rotate(0,542.5,821.5)"/><rect x="527" y="837" width="31" height="31" transform="rotate(0,542.5,852.5)"/><rect x="527" y="868" width="31" height="31" transform="rotate(0,542.5,883.5)"/><rect x="527" y="899" width="31" height="31" transform="rotate(0,542.5,914.5)"/><rect x="527" y="930" width="31" height="31" transform="rotate(0,542.5,945.5)"/><rect x="558" y="62" width="31" height="31" transform="rotate(0,573.5,77.5)"/><rect x="558" y="186" width="31" height="31" transform="rotate(0,573.5,201.5)"/><rect x="558" y="217" width="31" height="31" transform="rotate(0,573.5,232.5)"/><rect x="558" y="248" width="31" height="31" transform="rotate(0,573.5,263.5)"/><rect x="558" y="310" width="31" height="31" transform="rotate(0,573.5,325.5)"/><rect x="558" y="372" width="31" height="31" transform="rotate(0,573.5,387.5)"/><rect x="558" y="403" width="31" height="31" transform="rotate(0,573.5,418.5)"/><rect x="558" y="527" width="31" height="31" transform="rotate(0,573.5,542.5)"/><rect x="558" y="558" width="31" height="31" transform="rotate(0,573.5,573.5)"/><rect x="558" y="682" width="31" height="31" transform="rotate(0,573.5,697.5)"/><rect x="558" y="775" width="31" height="31" transform="rotate(0,573.5,790.5)"/><rect x="558" y="837" width="31" height="31" transform="rotate(0,573.5,852.5)"/><rect x="558" y="868" width="31" height="31" transform="rotate(0,573.5,883.5)"/><rect x="558" y="899" width="31" height="31" transform="rotate(0,573.5,914.5)"/><rect x="589" y="62" width="31" height="31" transform="rotate(0,604.5,77.5)"/><rect x="589" y="124" width="31" height="31" transform="rotate(0,604.5,139.5)"/><rect x="589" y="403" width="31" height="31" transform="rotate(0,604.5,418.5)"/><rect x="589" y="465" width="31" height="31" transform="rotate(0,604.5,480.5)"/><rect x="589" y="589" width="31" height="31" transform="rotate(0,604.5,604.5)"/><rect x="589" y="620" width="31" height="31" transform="rotate(0,604.5,635.5)"/><rect x="589" y="651" width="31" height="31" transform="rotate(0,604.5,666.5)"/><rect x="589" y="682" width="31" height="31" transform="rotate(0,604.5,697.5)"/><rect x="589" y="806" width="31" height="31" transform="rotate(0,604.5,821.5)"/><rect x="589" y="930" width="31" height="31" transform="rotate(0,604.5,945.5)"/><rect x="620" y="62" width="31" height="31" transform="rotate(0,635.5,77.5)"/><rect x="620" y="93" width="31" height="31" transform="rotate(0,635.5,108.5)"/><rect x="620" y="124" width="31" height="31" transform="rotate(0,635.5,139.5)"/><rect x="620" y="186" width="31" height="31" transform="rotate(0,635.5,201.5)"/><rect x="620" y="217" width="31" height="31" transform="rotate(0,635.5,232.5)"/><rect x="620" y="248" width="31" height="31" transform="rotate(0,635.5,263.5)"/><rect x="620" y="341" width="31" height="31" transform="rotate(0,635.5,356.5)"/><rect x="620" y="403" width="31" height="31" transform="rotate(0,635.5,418.5)"/><rect x="620" y="434" width="31" height="31" transform="rotate(0,635.5,449.5)"/><rect x="620" y="527" width="31" height="31" transform="rotate(0,635.5,542.5)"/><rect x="620" y="651" width="31" height="31" transform="rotate(0,635.5,666.5)"/><rect x="620" y="775" width="31" height="31" transform="rotate(0,635.5,790.5)"/><rect x="620" y="806" width="31" height="31" transform="rotate(0,635.5,821.5)"/><rect x="620" y="868" width="31" height="31" transform="rotate(0,635.5,883.5)"/><rect x="620" y="930" width="31" height="31" transform="rotate(0,635.5,945.5)"/><rect x="651" y="62" width="31" height="31" transform="rotate(0,666.5,77.5)"/><rect x="651" y="124" width="31" height="31" transform="rotate(0,666.5,139.5)"/><rect x="651" y="217" width="31" height="31" transform="rotate(0,666.5,232.5)"/><rect x="651" y="310" width="31" height="31" transform="rotate(0,666.5,325.5)"/><rect x="651" y="341" width="31" height="31" transform="rotate(0,666.5,356.5)"/><rect x="651" y="434" width="31" height="31" transform="rotate(0,666.5,449.5)"/><rect x="651" y="465" width="31" height="31" transform="rotate(0,666.5,480.5)"/><rect x="651" y="496" width="31" height="31" transform="rotate(0,666.5,511.5)"/><rect x="651" y="620" width="31" height="31" transform="rotate(0,666.5,635.5)"/><rect x="651" y="713" width="31" height="31" transform="rotate(0,666.5,728.5)"/><rect x="651" y="744" width="31" height="31" transform="rotate(0,666.5,759.5)"/><rect x="651" y="775" width="31" height="31" transform="rotate(0,666.5,790.5)"/><rect x="651" y="806" width="31" height="31" transform="rotate(0,666.5,821.5)"/><rect x="651" y="837" width="31" height="31" transform="rotate(0,666.5,852.5)"/><rect x="651" y="930" width="31" height="31" transform="rotate(0,666.5,945.5)"/><rect x="682" y="62" width="31" height="31" transform="rotate(0,697.5,77.5)"/><rect x="682" y="155" width="31" height="31" transform="rotate(0,697.5,170.5)"/><rect x="682" y="186" width="31" height="31" transform="rotate(0,697.5,201.5)"/><rect x="682" y="248" width="31" height="31" transform="rotate(0,697.5,263.5)"/><rect x="682" y="279" width="31" height="31" transform="rotate(0,697.5,294.5)"/><rect x="682" y="341" width="31" height="31" transform="rotate(0,697.5,356.5)"/><rect x="682" y="434" width="31" height="31" transform="rotate(0,697.5,449.5)"/><rect x="682" y="496" width="31" height="31" transform="rotate(0,697.5,511.5)"/><rect x="682" y="527" width="31" height="31" transform="rotate(0,697.5,542.5)"/><rect x="682" y="589" width="31" height="31" transform="rotate(0,697.5,604.5)"/><rect x="682" y="682" width="31" height="31" transform="rotate(0,697.5,697.5)"/><rect x="682" y="713" width="31" height="31" transform="rotate(0,697.5,728.5)"/><rect x="682" y="744" width="31" height="31" transform="rotate(0,697.5,759.5)"/><rect x="682" y="775" width="31" height="31" transform="rotate(0,697.5,790.5)"/><rect x="682" y="806" width="31" height="31" transform="rotate(0,697.5,821.5)"/><rect x="682" y="899" width="31" height="31" transform="rotate(0,697.5,914.5)"/><rect x="682" y="930" width="31" height="31" transform="rotate(0,697.5,945.5)"/><rect x="713" y="310" width="31" height="31" transform="rotate(0,728.5,325.5)"/><rect x="713" y="341" width="31" height="31" transform="rotate(0,728.5,356.5)"/><rect x="713" y="372" width="31" height="31" transform="rotate(0,728.5,387.5)"/><rect x="713" y="403" width="31" height="31" transform="rotate(0,728.5,418.5)"/><rect x="713" y="527" width="31" height="31" transform="rotate(0,728.5,542.5)"/><rect x="713" y="558" width="31" height="31" transform="rotate(0,728.5,573.5)"/><rect x="713" y="620" width="31" height="31" transform="rotate(0,728.5,635.5)"/><rect x="713" y="651" width="31" height="31" transform="rotate(0,728.5,666.5)"/><rect x="713" y="682" width="31" height="31" transform="rotate(0,728.5,697.5)"/><rect x="713" y="806" width="31" height="31" transform="rotate(0,728.5,821.5)"/><rect x="713" y="837" width="31" height="31" transform="rotate(0,728.5,852.5)"/><rect x="713" y="868" width="31" height="31" transform="rotate(0,728.5,883.5)"/><rect x="713" y="899" width="31" height="31" transform="rotate(0,728.5,914.5)"/><rect x="744" y="310" width="31" height="31" transform="rotate(0,759.5,325.5)"/><rect x="744" y="341" width="31" height="31" transform="rotate(0,759.5,356.5)"/><rect x="744" y="527" width="31" height="31" transform="rotate(0,759.5,542.5)"/><rect x="744" y="558" width="31" height="31" transform="rotate(0,759.5,573.5)"/><rect x="744" y="620" width="31" height="31" transform="rotate(0,759.5,635.5)"/><rect x="744" y="651" width="31" height="31" transform="rotate(0,759.5,666.5)"/><rect x="744" y="682" width="31" height="31" transform="rotate(0,759.5,697.5)"/><rect x="744" y="744" width="31" height="31" transform="rotate(0,759.5,759.5)"/><rect x="744" y="806" width="31" height="31" transform="rotate(0,759.5,821.5)"/><rect x="744" y="899" width="31" height="31" transform="rotate(0,759.5,914.5)"/><rect x="775" y="341" width="31" height="31" transform="rotate(0,790.5,356.5)"/><rect x="775" y="403" width="31" height="31" transform="rotate(0,790.5,418.5)"/><rect x="775" y="434" width="31" height="31" transform="rotate(0,790.5,449.5)"/><rect x="775" y="496" width="31" height="31" transform="rotate(0,790.5,511.5)"/><rect x="775" y="527" width="31" height="31" transform="rotate(0,790.5,542.5)"/><rect x="775" y="558" width="31" height="31" transform="rotate(0,790.5,573.5)"/><rect x="775" y="651" width="31" height="31" transform="rotate(0,790.5,666.5)"/><rect x="775" y="682" width="31" height="31" transform="rotate(0,790.5,697.5)"/><rect x="775" y="806" width="31" height="31" transform="rotate(0,790.5,821.5)"/><rect x="775" y="837" width="31" height="31" transform="rotate(0,790.5,852.5)"/><rect x="775" y="899" width="31" height="31" transform="rotate(0,790.5,914.5)"/><rect x="775" y="930" width="31" height="31" transform="rotate(0,790.5,945.5)"/><rect x="806" y="341" width="31" height="31" transform="rotate(0,821.5,356.5)"/><rect x="806" y="372" width="31" height="31" transform="rotate(0,821.5,387.5)"/><rect x="806" y="434" width="31" height="31" transform="rotate(0,821.5,449.5)"/><rect x="806" y="558" width="31" height="31" transform="rotate(0,821.5,573.5)"/><rect x="806" y="589" width="31" height="31" transform="rotate(0,821.5,604.5)"/><rect x="806" y="620" width="31" height="31" transform="rotate(0,821.5,635.5)"/><rect x="806" y="651" width="31" height="31" transform="rotate(0,821.5,666.5)"/><rect x="806" y="682" width="31" height="31" transform="rotate(0,821.5,697.5)"/><rect x="806" y="713" width="31" height="31" transform="rotate(0,821.5,728.5)"/><rect x="806" y="744" width="31" height="31" transform="rotate(0,821.5,759.5)"/><rect x="806" y="775" width="31" height="31" transform="rotate(0,821.5,790.5)"/><rect x="806" y="806" width="31" height="31" transform="rotate(0,821.5,821.5)"/><rect x="837" y="372" width="31" height="31" transform="rotate(0,852.5,387.5)"/><rect x="837" y="403" width="31" height="31" transform="rotate(0,852.5,418.5)"/><rect x="837" y="434" width="31" height="31" transform="rotate(0,852.5,449.5)"/><rect x="837" y="465" width="31" height="31" transform="rotate(0,852.5,480.5)"/><rect x="837" y="558" width="31" height="31" transform="rotate(0,852.5,573.5)"/><rect x="837" y="589" width="31" height="31" transform="rotate(0,852.5,604.5)"/><rect x="837" y="651" width="31" height="31" transform="rotate(0,852.5,666.5)"/><rect x="837" y="682" width="31" height="31" transform="rotate(0,852.5,697.5)"/><rect x="837" y="775" width="31" height="31" transform="rotate(0,852.5,790.5)"/><rect x="837" y="837" width="31" height="31" transform="rotate(0,852.5,852.5)"/><rect x="837" y="868" width="31" height="31" transform="rotate(0,852.5,883.5)"/><rect x="837" y="899" width="31" height="31" transform="rotate(0,852.5,914.5)"/><rect x="868" y="372" width="31" height="31" transform="rotate(0,883.5,387.5)"/><rect x="868" y="403" width="31" height="31" transform="rotate(0,883.5,418.5)"/><rect x="868" y="434" width="31" height="31" transform="rotate(0,883.5,449.5)"/><rect x="868" y="465" width="31" height="31" transform="rotate(0,883.5,480.5)"/><rect x="868" y="496" width="31" height="31" transform="rotate(0,883.5,511.5)"/><rect x="868" y="620" width="31" height="31" transform="rotate(0,883.5,635.5)"/><rect x="868" y="651" width="31" height="31" transform="rotate(0,883.5,666.5)"/><rect x="868" y="682" width="31" height="31" transform="rotate(0,883.5,697.5)"/><rect x="868" y="713" width="31" height="31" transform="rotate(0,883.5,728.5)"/><rect x="868" y="744" width="31" height="31" transform="rotate(0,883.5,759.5)"/><rect x="868" y="775" width="31" height="31" transform="rotate(0,883.5,790.5)"/><rect x="868" y="806" width="31" height="31" transform="rotate(0,883.5,821.5)"/><rect x="868" y="899" width="31" height="31" transform="rotate(0,883.5,914.5)"/><rect x="899" y="310" width="31" height="31" transform="rotate(0,914.5,325.5)"/><rect x="899" y="527" width="31" height="31" transform="rotate(0,914.5,542.5)"/><rect x="899" y="682" width="31" height="31" transform="rotate(0,914.5,697.5)"/><rect x="899" y="744" width="31" height="31" transform="rotate(0,914.5,759.5)"/><rect x="899" y="806" width="31" height="31" transform="rotate(0,914.5,821.5)"/><rect x="899" y="837" width="31" height="31" transform="rotate(0,914.5,852.5)"/><rect x="899" y="868" width="31" height="31" transform="rotate(0,914.5,883.5)"/><rect x="899" y="930" width="31" height="31" transform="rotate(0,914.5,945.5)"/><rect x="930" y="403" width="31" height="31" transform="rotate(0,945.5,418.5)"/><rect x="930" y="465" width="31" height="31" transform="rotate(0,945.5,480.5)"/><rect x="930" y="589" width="31" height="31" transform="rotate(0,945.5,604.5)"/><rect x="930" y="651" width="31" height="31" transform="rotate(0,945.5,666.5)"/><rect x="930" y="744" width="31" height="31" transform="rotate(0,945.5,759.5)"/><rect x="930" y="806" width="31" height="31" transform="rotate(0,945.5,821.5)"/><rect x="930" y="837" width="31" height="31" transform="rotate(0,945.5,852.5)"/></clipPath><clipPath id="clip-path-corners-square-color-0-0"><rect x="62" y="62" width="31" height="31" transform="rotate(0,77.5,77.5)"/><rect x="62" y="93" width="31" height="31" transform="rotate(0,77.5,108.5)"/><rect x="62" y="124" width="31" height="31" transform="rotate(0,77.5,139.5)"/><rect x="62" y="155" width="31" height="31" transform="rotate(0,77.5,170.5)"/><rect x="62" y="186" width="31" height="31" transform="rotate(0,77.5,201.5)"/><rect x="62" y="217" width="31" height="31" transform="rotate(0,77.5,232.5)"/><rect x="62" y="248" width="31" height="31" transform="rotate(0,77.5,263.5)"/><rect x="93" y="62" width="31" height="31" transform="rotate(0,108.5,77.5)"/><rect x="93" y="248" width="31" height="31" transform="rotate(0,108.5,263.5)"/><rect x="124" y="62" width="31" height="31" transform="rotate(0,139.5,77.5)"/><rect x="124" y="248" width="31" height="31" transform="rotate(0,139.5,263.5)"/><rect x="155" y="62" width="31" height="31" transform="rotate(0,170.5,77.5)"/><rect x="155" y="248" width="31" height="31" transform="rotate(0,170.5,263.5)"/><rect x="186" y="62" width="31" height="31" transform="rotate(0,201.5,77.5)"/><rect x="186" y="248" width="31" height="31" transform="rotate(0,201.5,263.5)"/><rect x="217" y="62" width="31" height="31" transform="rotate(0,232.5,77.5)"/><rect x="217" y="248" width="31" height="31" transform="rotate(0,232.5,263.5)"/><rect x="248" y="62" width="31" height="31" transform="rotate(0,263.5,77.5)"/><rect x="248" y="93" width="31" height="31" transform="rotate(0,263.5,108.5)"/><rect x="248" y="124" width="31" height="31" transform="rotate(0,263.5,139.5)"/><rect x="248" y="155" width="31" height="31" transform="rotate(0,263.5,170.5)"/><rect x="248" y="186" width="31" height="31" transform="rotate(0,263.5,201.5)"/><rect x="248" y="217" width="31" height="31" transform="rotate(0,263.5,232.5)"/><rect x="248" y="248" width="31" height="31" transform="rotate(0,263.5,263.5)"/></clipPath><clipPath id="clip-path-corners-dot-color-0-0"><rect x="124" y="124" width="31" height="31" transform="rotate(0,139.5,139.5)"/><rect x="124" y="155" width="31" height="31" transform="rotate(0,139.5,170.5)"/><rect x="124" y="186" width="31" height="31" transform="rotate(0,139.5,201.5)"/><rect x="155" y="124" width="31" height="31" transform="rotate(0,170.5,139.5)"/><rect x="155" y="155" width="31" height="31" transform="rotate(0,170.5,170.5)"/><rect x="155" y="186" width="31" height="31" transform="rotate(0,170.5,201.5)"/><rect x="186" y="124" width="31" height="31" transform="rotate(0,201.5,139.5)"/><rect x="186" y="155" width="31" height="31" transform="rotate(0,201.5,170.5)"/><rect x="186" y="186" width="31" height="31" transform="rotate(0,201.5,201.5)"/></clipPath><clipPath id="clip-path-corners-square-color-1-0"><rect x="744" y="62" width="31" height="31" transform="rotate(0,759.5,77.5)"/><rect x="744" y="93" width="31" height="31" transform="rotate(0,759.5,108.5)"/><rect x="744" y="124" width="31" height="31" transform="rotate(0,759.5,139.5)"/><rect x="744" y="155" width="31" height="31" transform="rotate(0,759.5,170.5)"/><rect x="744" y="186" width="31" height="31" transform="rotate(0,759.5,201.5)"/><rect x="744" y="217" width="31" height="31" transform="rotate(0,759.5,232.5)"/><rect x="744" y="248" width="31" height="31" transform="rotate(0,759.5,263.5)"/><rect x="775" y="62" width="31" height="31" transform="rotate(0,790.5,77.5)"/><rect x="775" y="248" width="31" height="31" transform="rotate(0,790.5,263.5)"/><rect x="806" y="62" width="31" height="31" transform="rotate(0,821.5,77.5)"/><rect x="806" y="248" width="31" height="31" transform="rotate(0,821.5,263.5)"/><rect x="837" y="62" width="31" height="31" transform="rotate(0,852.5,77.5)"/><rect x="837" y="248" width="31" height="31" transform="rotate(0,852.5,263.5)"/><rect x="868" y="62" width="31" height="31" transform="rotate(0,883.5,77.5)"/><rect x="868" y="248" width="31" height="31" transform="rotate(0,883.5,263.5)"/><rect x="899" y="62" width="31" height="31" transform="rotate(0,914.5,77.5)"/><rect x="899" y="248" width="31" height="31" transform="rotate(0,914.5,263.5)"/><rect x="930" y="62" width="31" height="31" transform="rotate(0,945.5,77.5)"/><rect x="930" y="93" width="31" height="31" transform="rotate(0,945.5,108.5)"/><rect x="930" y="124" width="31" height="31" transform="rotate(0,945.5,139.5)"/><rect x="930" y="155" width="31" height="31" transform="rotate(0,945.5,170.5)"/><rect x="930" y="186" width="31" height="31" transform="rotate(0,945.5,201.5)"/><rect x="930" y="217" width="31" height="31" transform="rotate(0,945.5,232.5)"/><rect x="930" y="248" width="31" height="31" transform="rotate(0,945.5,263.5)"/></clipPath><clipPath id="clip-path-corners-dot-color-1-0"><rect x="806" y="124" width="31" height="31" transform="rotate(0,821.5,139.5)"/><rect x="806" y="155" width="31" height="31" transform="rotate(0,821.5,170.5)"/><rect x="806" y="186" width="31" height="31" transform="rotate(0,821.5,201.5)"/><rect x="837" y="124" width="31" height="31" transform="rotate(0,852.5,139.5)"/><rect x="837" y="155" width="31" height="31" transform="rotate(0,852.5,170.5)"/><rect x="837" y="186" width="31" height="31" transform="rotate(0,852.5,201.5)"/><rect x="868" y="124" width="31" height="31" transform="rotate(0,883.5,139.5)"/><rect x="868" y="155" width="31" height="31" transform="rotate(0,883.5,170.5)"/><rect x="868" y="186" width="31" height="31" transform="rotate(0,883.5,201.5)"/></clipPath><clipPath id="clip-path-corners-square-color-0-1"><rect x="62" y="744" width="31" height="31" transform="rotate(0,77.5,759.5)"/><rect x="62" y="775" width="31" height="31" transform="rotate(0,77.5,790.5)"/><rect x="62" y="806" width="31" height="31" transform="rotate(0,77.5,821.5)"/><rect x="62" y="837" width="31" height="31" transform="rotate(0,77.5,852.5)"/><rect x="62" y="868" width="31" height="31" transform="rotate(0,77.5,883.5)"/><rect x="62" y="899" width="31" height="31" transform="rotate(0,77.5,914.5)"/><rect x="62" y="930" width="31" height="31" transform="rotate(0,77.5,945.5)"/><rect x="93" y="744" width="31" height="31" transform="rotate(0,108.5,759.5)"/><rect x="93" y="930" width="31" height="31" transform="rotate(0,108.5,945.5)"/><rect x="124" y="744" width="31" height="31" transform="rotate(0,139.5,759.5)"/><rect x="124" y="930" width="31" height="31" transform="rotate(0,139.5,945.5)"/><rect x="155" y="744" width="31" height="31" transform="rotate(0,170.5,759.5)"/><rect x="155" y="930" width="31" height="31" transform="rotate(0,170.5,945.5)"/><rect x="186" y="744" width="31" height="31" transform="rotate(0,201.5,759.5)"/><rect x="186" y="930" width="31" height="31" transform="rotate(0,201.5,945.5)"/><rect x="217" y="744" width="31" height="31" transform="rotate(0,232.5,759.5)"/><rect x="217" y="930" width="31" height="31" transform="rotate(0,232.5,945.5)"/><rect x="248" y="744" width="31" height="31" transform="rotate(0,263.5,759.5)"/><rect x="248" y="775" width="31" height="31" transform="rotate(0,263.5,790.5)"/><rect x="248" y="806" width="31" height="31" transform="rotate(0,263.5,821.5)"/><rect x="248" y="837" width="31" height="31" transform="rotate(0,263.5,852.5)"/><rect x="248" y="868" width="31" height="31" transform="rotate(0,263.5,883.5)"/><rect x="248" y="899" width="31" height="31" transform="rotate(0,263.5,914.5)"/><rect x="248" y="930" width="31" height="31" transform="rotate(0,263.5,945.5)"/></clipPath><clipPath id="clip-path-corners-dot-color-0-1"><rect x="124" y="806" width="31" height="31" transform="rotate(0,139.5,821.5)"/><rect x="124" y="837" width="31" height="31" transform="rotate(0,139.5,852.5)"/><rect x="124" y="868" width="31" height="31" transform="rotate(0,139.5,883.5)"/><rect x="155" y="806" width="31" height="31" transform="rotate(0,170.5,821.5)"/><rect x="155" y="837" width="31" height="31" transform="rotate(0,170.5,852.5)"/><rect x="155" y="868" width="31" height="31" transform="rotate(0,170.5,883.5)"/><rect x="186" y="806" width="31" height="31" transform="rotate(0,201.5,821.5)"/><rect x="186" y="837" width="31" height="31" transform="rotate(0,201.5,852.5)"/><rect x="186" y="868" width="31" height="31" transform="rotate(0,201.5,883.5)"/></clipPath></defs><rect x="0" y="0" height="1024" width="1024" clip-path="url('#clip-path-background-color')" fill="#ffffff"/><rect x="62" y="62" height="899" width="899" clip-path="url('#clip-path-dot-color')" fill="#000000"/><rect x="62" y="62" height="217" width="217" clip-path="url('#clip-path-corners-square-color-0-0')" fill="#000000"/><rect x="124" y="124" height="93" width="93" clip-path="url('#clip-path-corners-dot-color-0-0')" fill="#000000"/><rect x="744" y="62" height="217" width="217" clip-path="url('#clip-path-corners-square-color-1-0')" fill="#000000"/><rect x="806" y="124" height="93" width="93" clip-path="url('#clip-path-corners-dot-color-1-0')" fill="#000000"/><rect x="62" y="744" height="217" width="217" clip-path="url('#clip-path-corners-square-color-0-1')" fill="#000000"/><rect x="124" y="806" height="93" width="93" clip-path="url('#clip-path-corners-dot-color-0-1')" fill="#000000"/></svg>
|