@cuemath/leap 3.0.14 → 3.0.15
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/lottie/lottie.js +1 -0
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js +40 -32
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js.map +1 -1
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js +66 -56
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js.map +1 -1
- package/dist/features/chapters-v2/constants/block-constants.js +3 -2
- package/dist/features/chapters-v2/constants/block-constants.js.map +1 -1
- package/dist/features/ui/constants/z-index.js +2 -1
- package/dist/features/ui/constants/z-index.js.map +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/static/chapter-completed.1241399b.json +497 -0
- package/package.json +1 -1
@@ -6,6 +6,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
|
|
6
6
|
BRONZE_1: `${t}static/bronze-1.da4e4b5f.json`,
|
7
7
|
BRONZE_2: `${t}static/bronze-2.97f9c639.json`,
|
8
8
|
BRONZE_3: `${t}static/bronze-3.6a433ebd.json`,
|
9
|
+
CHAPTER_COMPLETED: `${t}static/chapter-completed.1241399b.json`,
|
9
10
|
CIRCULAR_LOADER: `${t}static/circular-loader.a5a1a0a6.json`,
|
10
11
|
CLOCK_30MIN: `${t}static/clock-30min.eae818b8.json`,
|
11
12
|
CLOCK_45MIN: `${t}static/clock-45min.df8adf51.json`,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"lottie.js","sources":["../../../src/assets/lottie/lottie.ts"],"sourcesContent":["const PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\nconst LOTTIE = {\n ACCURACY_METER: `${PREFIX}static/accuracy-meter.99585cba.json`,\n ACCURACY_NEEDLE: `${PREFIX}static/accuracy-needle.cd6e63ac.json`,\n ADVANCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/advance-mode-segment-lottie.51ff6707.json`,\n BEGINNER1X: `${PREFIX}static/beginner1x.489908a7.json`,\n BRONZE_1: `${PREFIX}static/bronze-1.da4e4b5f.json`,\n BRONZE_2: `${PREFIX}static/bronze-2.97f9c639.json`,\n BRONZE_3: `${PREFIX}static/bronze-3.6a433ebd.json`,\n CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n CLOCK_30MIN: `${PREFIX}static/clock-30min.eae818b8.json`,\n CLOCK_45MIN: `${PREFIX}static/clock-45min.df8adf51.json`,\n CLOCK_60MIN: `${PREFIX}static/clock-60min.2b48d875.json`,\n CLOCK_90MIN: `${PREFIX}static/clock-90min.3e557ed7.json`,\n COLOR_1: `${PREFIX}static/color-1.45101b9a.json`,\n COLOR_2: `${PREFIX}static/color-2.ccdc7d0a.json`,\n COLOR_3: `${PREFIX}static/color-3.5e8e1422.json`,\n COMPETITIVE_ARENA: `${PREFIX}static/competitive-arena.b9c40801.json`,\n DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n EASY: `${PREFIX}static/easy.68242ddd.json`,\n ELITE_CIRCLE: `${PREFIX}static/elite-circle.3df58972.json`,\n ERROR_LOTTIE: `${PREFIX}static/error-lottie.b3507a4b.json`,\n FAMILIAR1X: `${PREFIX}static/familiar1x.7c9c7f15.json`,\n FIFTEEN_MIN_CLOCK: `${PREFIX}static/fifteen-min-clock.0af4e303.json`,\n FIVE_MIN_CLOCK: `${PREFIX}static/five-min-clock.6be5cc41.json`,\n GOLD_1: `${PREFIX}static/gold-1.ab2489fe.json`,\n GOLD_2: `${PREFIX}static/gold-2.34045826.json`,\n GOLD_3: `${PREFIX}static/gold-3.d704698b.json`,\n INFINITE_BUTTON_BG: `${PREFIX}static/infinite-button-bg.5909225e.json`,\n INFINITE_BUTTON_SYMBOL: `${PREFIX}static/infinite-button-symbol.aa31350c.json`,\n LEARN: `${PREFIX}static/learn.71b13323.json`,\n LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n NUDGE_TAP: `${PREFIX}static/nudge-tap.5cb30093.json`,\n POINT100: `${PREFIX}static/point100.1df16f82.json`,\n POINT10: `${PREFIX}static/point10.7b5e536d.json`,\n POINT15: `${PREFIX}static/point15.fea00c32.json`,\n POINT1: `${PREFIX}static/point1.b53831de.json`,\n POINT20: `${PREFIX}static/point20.c88d776d.json`,\n POINT25: `${PREFIX}static/point25.a18c346a.json`,\n POINT2: `${PREFIX}static/point2.7cec6e24.json`,\n POINT30: `${PREFIX}static/point30.c5224b0b.json`,\n POINT35: `${PREFIX}static/point35.fad343dd.json`,\n POINT3: `${PREFIX}static/point3.f96fe7aa.json`,\n POINT40: `${PREFIX}static/point40.10a16f72.json`,\n POINT45: `${PREFIX}static/point45.2ad7561f.json`,\n POINT4: `${PREFIX}static/point4.fe04fb83.json`,\n POINT50: `${PREFIX}static/point50.5718cb3d.json`,\n POINT5: `${PREFIX}static/point5.da40ed1f.json`,\n POINT60: `${PREFIX}static/point60.17380d9f.json`,\n PRACTICE: `${PREFIX}static/practice.158dd488.json`,\n PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n PROJECT: `${PREFIX}static/project.eb665827.json`,\n PUZZLE: `${PREFIX}static/puzzle.b298c7e4.json`,\n RANDOM_MODE_SEGMENT_LOTTIE: `${PREFIX}static/random-mode-segment-lottie.79cf1c07.json`,\n RECAP: `${PREFIX}static/recap.0dd2c1e2.json`,\n SEQUENCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/sequence-mode-segment-lottie.11ac49e9.json`,\n SILVER_1: `${PREFIX}static/silver-1.0396328a.json`,\n SILVER_2: `${PREFIX}static/silver-2.bf50615f.json`,\n SILVER_3: `${PREFIX}static/silver-3.13d66b84.json`,\n SLEEPY_BOI: `${PREFIX}static/sleepy-boi.031a1165.json`,\n SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n TABLE_MODE_REVEAL: `${PREFIX}static/table-mode-reveal.b44a82c3.json`,\n TABLE_MODE_STAR: `${PREFIX}static/table-mode-star.b8a1d762.json`,\n TABLE_SEGMENT_STAR: `${PREFIX}static/table-segment-star.78e851d6.json`,\n TARGET_ACHIEVED_TEXT: `${PREFIX}static/target-achieved-text.10db8475.json`,\n TEACHER_VALIDATION: `${PREFIX}static/teacher-validation.7577ecdc.json`,\n TEST: `${PREFIX}static/test.803d6036.json`,\n TOTAL_STREAK: `${PREFIX}static/total-streak.d5ce7669.json`,\n TOTAL_TIME: `${PREFIX}static/total-time.d979cbb9.json`,\n TOTAL_TIME_SPENT: `${PREFIX}static/total-time-spent.434005d3.json`,\n TOURNAMENT_RIPPLE: `${PREFIX}static/tournament-ripple.e5c239a5.json`,\n VIDEO: `${PREFIX}static/video.b41451e2.json`,\n};\n\nexport { LOTTIE };\n"],"names":["PREFIX","LOTTIE"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"lottie.js","sources":["../../../src/assets/lottie/lottie.ts"],"sourcesContent":["const PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\nconst LOTTIE = {\n ACCURACY_METER: `${PREFIX}static/accuracy-meter.99585cba.json`,\n ACCURACY_NEEDLE: `${PREFIX}static/accuracy-needle.cd6e63ac.json`,\n ADVANCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/advance-mode-segment-lottie.51ff6707.json`,\n BEGINNER1X: `${PREFIX}static/beginner1x.489908a7.json`,\n BRONZE_1: `${PREFIX}static/bronze-1.da4e4b5f.json`,\n BRONZE_2: `${PREFIX}static/bronze-2.97f9c639.json`,\n BRONZE_3: `${PREFIX}static/bronze-3.6a433ebd.json`,\n CHAPTER_COMPLETED: `${PREFIX}static/chapter-completed.1241399b.json`,\n CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n CLOCK_30MIN: `${PREFIX}static/clock-30min.eae818b8.json`,\n CLOCK_45MIN: `${PREFIX}static/clock-45min.df8adf51.json`,\n CLOCK_60MIN: `${PREFIX}static/clock-60min.2b48d875.json`,\n CLOCK_90MIN: `${PREFIX}static/clock-90min.3e557ed7.json`,\n COLOR_1: `${PREFIX}static/color-1.45101b9a.json`,\n COLOR_2: `${PREFIX}static/color-2.ccdc7d0a.json`,\n COLOR_3: `${PREFIX}static/color-3.5e8e1422.json`,\n COMPETITIVE_ARENA: `${PREFIX}static/competitive-arena.b9c40801.json`,\n DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n EASY: `${PREFIX}static/easy.68242ddd.json`,\n ELITE_CIRCLE: `${PREFIX}static/elite-circle.3df58972.json`,\n ERROR_LOTTIE: `${PREFIX}static/error-lottie.b3507a4b.json`,\n FAMILIAR1X: `${PREFIX}static/familiar1x.7c9c7f15.json`,\n FIFTEEN_MIN_CLOCK: `${PREFIX}static/fifteen-min-clock.0af4e303.json`,\n FIVE_MIN_CLOCK: `${PREFIX}static/five-min-clock.6be5cc41.json`,\n GOLD_1: `${PREFIX}static/gold-1.ab2489fe.json`,\n GOLD_2: `${PREFIX}static/gold-2.34045826.json`,\n GOLD_3: `${PREFIX}static/gold-3.d704698b.json`,\n INFINITE_BUTTON_BG: `${PREFIX}static/infinite-button-bg.5909225e.json`,\n INFINITE_BUTTON_SYMBOL: `${PREFIX}static/infinite-button-symbol.aa31350c.json`,\n LEARN: `${PREFIX}static/learn.71b13323.json`,\n LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n NUDGE_TAP: `${PREFIX}static/nudge-tap.5cb30093.json`,\n POINT100: `${PREFIX}static/point100.1df16f82.json`,\n POINT10: `${PREFIX}static/point10.7b5e536d.json`,\n POINT15: `${PREFIX}static/point15.fea00c32.json`,\n POINT1: `${PREFIX}static/point1.b53831de.json`,\n POINT20: `${PREFIX}static/point20.c88d776d.json`,\n POINT25: `${PREFIX}static/point25.a18c346a.json`,\n POINT2: `${PREFIX}static/point2.7cec6e24.json`,\n POINT30: `${PREFIX}static/point30.c5224b0b.json`,\n POINT35: `${PREFIX}static/point35.fad343dd.json`,\n POINT3: `${PREFIX}static/point3.f96fe7aa.json`,\n POINT40: `${PREFIX}static/point40.10a16f72.json`,\n POINT45: `${PREFIX}static/point45.2ad7561f.json`,\n POINT4: `${PREFIX}static/point4.fe04fb83.json`,\n POINT50: `${PREFIX}static/point50.5718cb3d.json`,\n POINT5: `${PREFIX}static/point5.da40ed1f.json`,\n POINT60: `${PREFIX}static/point60.17380d9f.json`,\n PRACTICE: `${PREFIX}static/practice.158dd488.json`,\n PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n PROJECT: `${PREFIX}static/project.eb665827.json`,\n PUZZLE: `${PREFIX}static/puzzle.b298c7e4.json`,\n RANDOM_MODE_SEGMENT_LOTTIE: `${PREFIX}static/random-mode-segment-lottie.79cf1c07.json`,\n RECAP: `${PREFIX}static/recap.0dd2c1e2.json`,\n SEQUENCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/sequence-mode-segment-lottie.11ac49e9.json`,\n SILVER_1: `${PREFIX}static/silver-1.0396328a.json`,\n SILVER_2: `${PREFIX}static/silver-2.bf50615f.json`,\n SILVER_3: `${PREFIX}static/silver-3.13d66b84.json`,\n SLEEPY_BOI: `${PREFIX}static/sleepy-boi.031a1165.json`,\n SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n TABLE_MODE_REVEAL: `${PREFIX}static/table-mode-reveal.b44a82c3.json`,\n TABLE_MODE_STAR: `${PREFIX}static/table-mode-star.b8a1d762.json`,\n TABLE_SEGMENT_STAR: `${PREFIX}static/table-segment-star.78e851d6.json`,\n TARGET_ACHIEVED_TEXT: `${PREFIX}static/target-achieved-text.10db8475.json`,\n TEACHER_VALIDATION: `${PREFIX}static/teacher-validation.7577ecdc.json`,\n TEST: `${PREFIX}static/test.803d6036.json`,\n TOTAL_STREAK: `${PREFIX}static/total-streak.d5ce7669.json`,\n TOTAL_TIME: `${PREFIX}static/total-time.d979cbb9.json`,\n TOTAL_TIME_SPENT: `${PREFIX}static/total-time-spent.434005d3.json`,\n TOURNAMENT_RIPPLE: `${PREFIX}static/tournament-ripple.e5c239a5.json`,\n VIDEO: `${PREFIX}static/video.b41451e2.json`,\n};\n\nexport { LOTTIE };\n"],"names":["PREFIX","LOTTIE"],"mappings":"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"}
|
@@ -1,82 +1,90 @@
|
|
1
|
-
import
|
2
|
-
import
|
1
|
+
import r from "styled-components";
|
2
|
+
import u from "../../../../assets/line-icons/icons/important.js";
|
3
3
|
import i from "../../../ui/layout/flex-view.js";
|
4
|
-
const f =
|
4
|
+
const f = r(i)(() => `
|
5
5
|
position: relative;
|
6
6
|
height: 168px;
|
7
7
|
`);
|
8
|
-
|
8
|
+
r.div`
|
9
9
|
width: 760px;
|
10
10
|
height: 100%;
|
11
11
|
position: relative;
|
12
12
|
`;
|
13
|
-
const m =
|
13
|
+
const m = r(i)`
|
14
14
|
position: absolute;
|
15
15
|
left: 73px;
|
16
16
|
top: 32px;
|
17
|
-
`, $ =
|
18
|
-
const { gutter:
|
17
|
+
`, $ = r.img(({ theme: t }) => {
|
18
|
+
const { gutter: e } = t.layout;
|
19
19
|
return `
|
20
|
-
width: ${
|
21
|
-
height: ${
|
20
|
+
width: ${e * 6.625}px;
|
21
|
+
height: ${e * 6.625}px;
|
22
22
|
border-radius: 50%;
|
23
23
|
z-index: 1;
|
24
24
|
`;
|
25
|
-
}), y =
|
25
|
+
}), y = r.svg(() => `
|
26
26
|
position: absolute;
|
27
27
|
inset: 50%;
|
28
28
|
transform: translate(-50%, -50%) rotate(-90deg);
|
29
29
|
z-index: 2;
|
30
|
-
`), I =
|
31
|
-
({ theme:
|
32
|
-
const { colors:
|
30
|
+
`), I = r.circle(
|
31
|
+
({ theme: t, $progressCircle: e, $progress: n, $progressBackground: s }) => {
|
32
|
+
const { colors: o, layout: x } = t, { WHITE_1: h } = o, { gutter: a } = x, p = a * 21, l = e ? p - n : n;
|
33
33
|
return `
|
34
34
|
stroke-dasharray: ${p};
|
35
|
-
stroke-dashoffset: ${
|
36
|
-
stroke: ${
|
35
|
+
stroke-dashoffset: ${l};
|
36
|
+
stroke: ${e ? o[s || "BLACK"] : h};
|
37
37
|
|
38
38
|
stroke-width: ${a * 0.1875}px;
|
39
39
|
fill: none;
|
40
40
|
`;
|
41
41
|
}
|
42
|
-
), b =
|
42
|
+
), b = r(i)(({ theme: t }) => `
|
43
43
|
position: absolute;
|
44
44
|
top: 50%;
|
45
|
-
left: ${
|
45
|
+
left: ${t.layout.gutter * 13.75}px;
|
46
46
|
transform: translateY(-50%);
|
47
47
|
z-index: 1;
|
48
|
-
`),
|
49
|
-
theme:
|
50
|
-
$progress:
|
48
|
+
`), w = r(u)(({
|
49
|
+
theme: t,
|
50
|
+
$progress: e,
|
51
51
|
$top: n,
|
52
52
|
$left: s
|
53
53
|
}) => {
|
54
|
-
const { gutter:
|
55
|
-
return
|
56
|
-
width: ${
|
57
|
-
height: ${
|
54
|
+
const { gutter: o } = t.layout;
|
55
|
+
return e ? `
|
56
|
+
width: ${o * 1.25}px;
|
57
|
+
height: ${o * 1.25}px;
|
58
58
|
position: absolute;
|
59
59
|
top: ${n ?? 0}px;
|
60
60
|
left: ${s ?? 0}px;
|
61
61
|
transform: translate(-50%, -50%);
|
62
62
|
z-index: 2;
|
63
63
|
` : `
|
64
|
-
width: ${
|
65
|
-
height: ${
|
64
|
+
width: ${o * 0.75}px;
|
65
|
+
height: ${o * 0.75}px;
|
66
66
|
`;
|
67
|
-
})
|
68
|
-
|
67
|
+
});
|
68
|
+
r.div(({ theme: t }) => {
|
69
|
+
const { layout: e } = t;
|
69
70
|
return `
|
70
71
|
position: absolute;
|
71
72
|
top: 6px;
|
72
73
|
right: 8px;
|
73
74
|
z-index: 2;
|
74
75
|
|
75
|
-
width: ${
|
76
|
-
height: ${
|
76
|
+
width: ${e.gutter * 1.25}px;
|
77
|
+
height: ${e.gutter * 1.25}px;
|
77
78
|
border-radius: 50%;
|
78
79
|
`;
|
79
80
|
});
|
81
|
+
const z = r(i)(({ theme: t }) => `
|
82
|
+
position: absolute;
|
83
|
+
transform: translate(-2.5px, -2.5px);
|
84
|
+
width: 112px;
|
85
|
+
height: 112px;
|
86
|
+
z-index: ${t.zIndex.CHAPTER_COMPLETED_LOTTIE};
|
87
|
+
`);
|
80
88
|
export {
|
81
89
|
f as BannerContainer,
|
82
90
|
$ as BannerImage,
|
@@ -84,7 +92,7 @@ export {
|
|
84
92
|
b as BannerTitleWrapper,
|
85
93
|
y as ChapterProgressSVG,
|
86
94
|
I as ChapterProgressSVGCircle,
|
87
|
-
|
88
|
-
|
95
|
+
z as LottieAnimationWrapper,
|
96
|
+
w as StyledImportantIcon
|
89
97
|
};
|
90
98
|
//# sourceMappingURL=chapter-banner-styled.js.map
|
package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"chapter-banner-styled.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst BannerContainer = styled(FlexView)(() => {\n return `\n position: relative;\n height: 168px;\n `;\n});\n\nconst BannerContainerBg = styled.div`\n width: 760px;\n height: 100%;\n position: relative;\n`;\n\nconst BannerImageWrapper = styled(FlexView)`\n position: absolute;\n left: 73px;\n top: 32px;\n`;\n\nconst BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: ${gutter * 6.625}px;\n height: ${gutter * 6.625}px;\n border-radius: 50%;\n z-index: 1;\n `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n return `\n position: absolute;\n inset: 50%;\n transform: translate(-50%, -50%) rotate(-90deg);\n z-index: 2;\n `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n $progressCircle?: boolean;\n $progress: number;\n $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n ({ theme, $progressCircle, $progress, $progressBackground }) => {\n const { colors, layout } = theme;\n const { WHITE_1 } = colors;\n const { gutter } = layout;\n\n const strokeDashArray = gutter * 21;\n const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n return `\n stroke-dasharray: ${strokeDashArray};\n stroke-dashoffset: ${strokeDashOffset};\n stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : WHITE_1};\n\n stroke-width: ${gutter * 0.1875}px;\n fill: none;\n `;\n },\n);\n\nconst BannerTitleWrapper = styled(FlexView)(({ theme }) => {\n return `\n position: absolute;\n top: 50%;\n left: ${theme.layout.gutter * 13.75}px;\n transform: translateY(-50%);\n z-index: 1;\n `;\n});\n\ninterface IStyledImportantIconProps {\n $left?: number;\n $top?: number;\n $progress?: boolean;\n}\n\nconst StyledImportantIcon = styled(ImportantIcon)<IStyledImportantIconProps>(({\n theme,\n $progress,\n $top,\n $left,\n}) => {\n const { gutter } = theme.layout;\n\n if ($progress) {\n return `\n width: ${gutter * 1.25}px;\n height: ${gutter * 1.25}px;\n position: absolute;\n top: ${$top ?? 0}px;\n left: ${$left ?? 0}px;\n transform: translate(-50%, -50%);\n z-index: 2;\n `;\n }\n\n return `\n width: ${gutter * 0.75}px;\n height: ${gutter * 0.75}px;\n `;\n});\n\nconst StyledCheckIcon = styled.div(({ theme }) => {\n const { layout } = theme;\n\n return `\n position: absolute;\n top: 6px;\n right: 8px;\n z-index: 2;\n\n width: ${layout.gutter * 1.25}px;\n height: ${layout.gutter * 1.25}px;\n border-radius: 50%;\n `;\n});\n\nexport {\n BannerContainer,\n BannerContainerBg,\n BannerImageWrapper,\n BannerImage,\n ChapterProgressSVG,\n ChapterProgressSVGCircle,\n BannerTitleWrapper,\n StyledImportantIcon,\n StyledCheckIcon,\n};\n"],"names":["BannerContainer","styled","FlexView","BannerImageWrapper","BannerImage","theme","gutter","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","colors","layout","WHITE_1","strokeDashArray","strokeDashOffset","BannerTitleWrapper","StyledImportantIcon","ImportantIcon","$top","$left","
|
1
|
+
{"version":3,"file":"chapter-banner-styled.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst BannerContainer = styled(FlexView)(() => {\n return `\n position: relative;\n height: 168px;\n `;\n});\n\nconst BannerContainerBg = styled.div`\n width: 760px;\n height: 100%;\n position: relative;\n`;\n\nconst BannerImageWrapper = styled(FlexView)`\n position: absolute;\n left: 73px;\n top: 32px;\n`;\n\nconst BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: ${gutter * 6.625}px;\n height: ${gutter * 6.625}px;\n border-radius: 50%;\n z-index: 1;\n `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n return `\n position: absolute;\n inset: 50%;\n transform: translate(-50%, -50%) rotate(-90deg);\n z-index: 2;\n `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n $progressCircle?: boolean;\n $progress: number;\n $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n ({ theme, $progressCircle, $progress, $progressBackground }) => {\n const { colors, layout } = theme;\n const { WHITE_1 } = colors;\n const { gutter } = layout;\n\n const strokeDashArray = gutter * 21;\n const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n return `\n stroke-dasharray: ${strokeDashArray};\n stroke-dashoffset: ${strokeDashOffset};\n stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : WHITE_1};\n\n stroke-width: ${gutter * 0.1875}px;\n fill: none;\n `;\n },\n);\n\nconst BannerTitleWrapper = styled(FlexView)(({ theme }) => {\n return `\n position: absolute;\n top: 50%;\n left: ${theme.layout.gutter * 13.75}px;\n transform: translateY(-50%);\n z-index: 1;\n `;\n});\n\ninterface IStyledImportantIconProps {\n $left?: number;\n $top?: number;\n $progress?: boolean;\n}\n\nconst StyledImportantIcon = styled(ImportantIcon)<IStyledImportantIconProps>(({\n theme,\n $progress,\n $top,\n $left,\n}) => {\n const { gutter } = theme.layout;\n\n if ($progress) {\n return `\n width: ${gutter * 1.25}px;\n height: ${gutter * 1.25}px;\n position: absolute;\n top: ${$top ?? 0}px;\n left: ${$left ?? 0}px;\n transform: translate(-50%, -50%);\n z-index: 2;\n `;\n }\n\n return `\n width: ${gutter * 0.75}px;\n height: ${gutter * 0.75}px;\n `;\n});\n\nconst StyledCheckIcon = styled.div(({ theme }) => {\n const { layout } = theme;\n\n return `\n position: absolute;\n top: 6px;\n right: 8px;\n z-index: 2;\n\n width: ${layout.gutter * 1.25}px;\n height: ${layout.gutter * 1.25}px;\n border-radius: 50%;\n `;\n});\n\nconst LottieAnimationWrapper = styled(FlexView)(({ theme }) => {\n return `\n position: absolute;\n transform: translate(-2.5px, -2.5px);\n width: 112px;\n height: 112px;\n z-index: ${theme.zIndex.CHAPTER_COMPLETED_LOTTIE};\n `;\n});\n\nexport {\n BannerContainer,\n BannerContainerBg,\n BannerImageWrapper,\n BannerImage,\n ChapterProgressSVG,\n ChapterProgressSVGCircle,\n BannerTitleWrapper,\n StyledImportantIcon,\n StyledCheckIcon,\n LottieAnimationWrapper,\n};\n"],"names":["BannerContainer","styled","FlexView","BannerImageWrapper","BannerImage","theme","gutter","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","colors","layout","WHITE_1","strokeDashArray","strokeDashOffset","BannerTitleWrapper","StyledImportantIcon","ImportantIcon","$top","$left","LottieAnimationWrapper"],"mappings":";;;AAOA,MAAMA,IAAkBC,EAAOC,CAAQ,EAAE,MAChC;AAAA;AAAA;AAAA,GAIR;AAEyBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAAE,IAAqBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCE,IAAcH,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACtC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,KAAK;AAAA,cACbA,IAAS,KAAK;AAAA;AAAA;AAAA;AAI5B,CAAC,GAEKC,IAAqBN,EAAO,IAAI,MAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,GAMR,GAQKO,IAA2BP,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAI,GAAO,iBAAAI,GAAiB,WAAAC,GAAW,qBAAAC,QAA0B;AACxD,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAR,GACrB,EAAE,SAAAS,EAAY,IAAAF,GACd,EAAE,QAAAN,EAAW,IAAAO,GAEbE,IAAkBT,IAAS,IAC3BU,IAAmBP,IAAkBM,IAAkBL,IAAYA;AAElE,WAAA;AAAA,0BACeK,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BP,IAAkBG,EAAOD,KAAuB,OAAO,IAAIG,CAAO;AAAA;AAAA,sBAE5DR,IAAS,MAAM;AAAA;AAAA;AAAA,EAGnC;AACF,GAEMW,IAAqBhB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QACtC;AAAA;AAAA;AAAA,YAGGA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA,GAItC,GAQKa,IAAsBjB,EAAOkB,CAAa,EAA6B,CAAC;AAAA,EAC5E,OAAAd;AAAA,EACA,WAAAK;AAAA,EACA,MAAAU;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAf,EAAO,IAAID,EAAM;AAEzB,SAAIK,IACK;AAAA,eACIJ,IAAS,IAAI;AAAA,gBACZA,IAAS,IAAI;AAAA;AAAA,aAEhBc,KAAQ,CAAC;AAAA,cACRC,KAAS,CAAC;AAAA;AAAA;AAAA,QAMf;AAAA,aACIf,IAAS,IAAI;AAAA,cACZA,IAAS,IAAI;AAAA;AAE3B,CAAC;AAEuBL,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AAC1C,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAGlC,CAAC;AAED,MAAMS,IAAyBrB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,eAKMA,EAAM,OAAO,wBAAwB;AAAA,GAEnD;"}
|
@@ -1,88 +1,98 @@
|
|
1
|
-
import { jsx as e, jsxs as
|
2
|
-
import { memo as
|
3
|
-
import { ILLUSTRATIONS as
|
4
|
-
import
|
1
|
+
import { jsx as e, jsxs as t, Fragment as G } from "react/jsx-runtime";
|
2
|
+
import { memo as B, useRef as O, useMemo as d } from "react";
|
3
|
+
import { ILLUSTRATIONS as W } from "../../../../assets/illustrations/illustrations.js";
|
4
|
+
import b from "../../../../assets/line-icons/icons/check2.js";
|
5
|
+
import { LOTTIE as M } from "../../../../assets/lottie/lottie.js";
|
5
6
|
import V from "../../../ui/image/image.js";
|
6
7
|
import n from "../../../ui/layout/flex-view.js";
|
8
|
+
import H from "../../../ui/lottie-animation/lottie-animation.js";
|
7
9
|
import i from "../../../ui/text/text.js";
|
8
|
-
import
|
9
|
-
import { getChapterCompletionPercentage as
|
10
|
-
import { BannerContainer as
|
11
|
-
const a = 52,
|
12
|
-
const { progressStats: o, imageHue:
|
13
|
-
const h = (-(
|
10
|
+
import X from "../../comps/tag/tag.js";
|
11
|
+
import { getChapterCompletionPercentage as j } from "../../utils/index.js";
|
12
|
+
import { BannerContainer as v, BannerImageWrapper as N, LottieAnimationWrapper as U, ChapterProgressSVG as F, ChapterProgressSVGCircle as g, StyledImportantIcon as f, BannerImage as Y, BannerTitleWrapper as K } from "./chapter-banner-styled.js";
|
13
|
+
const a = 52, s = 54, l = 54, q = { renderer: "canvas", autoplay: !0, loop: !1 }, ce = B((C) => {
|
14
|
+
const $ = O(null), { progressStats: o, imageHue: I, title: S, imageUrl: u, bannerRef: R } = C, r = d(() => j(o), [o]), { iconTopVal: x, iconLeftVal: E } = d(() => {
|
15
|
+
const h = (-(r === 100 ? 60 : r) * 3.6 - 180) * Math.PI / 180, y = l + a * Math.sin(h), D = s + a * Math.cos(h);
|
14
16
|
return {
|
15
|
-
iconLeftVal:
|
16
|
-
iconTopVal:
|
17
|
+
iconLeftVal: y,
|
18
|
+
iconTopVal: D
|
17
19
|
};
|
18
|
-
}, [
|
20
|
+
}, [r]);
|
19
21
|
if (!o) return null;
|
20
|
-
const { mandatory: T, optional:
|
22
|
+
const { mandatory: T, optional: L, classwork: _ } = o, { completed: w = 0, total: c = 0 } = T || {}, { completed: A = 0, total: p = 0 } = L || {}, { completed: P = 0, total: m = 0 } = _ || {}, k = m > 0 && P === m;
|
21
23
|
return /* @__PURE__ */ e(
|
22
|
-
|
24
|
+
v,
|
23
25
|
{
|
24
26
|
$flexDirection: "row",
|
25
27
|
$justifyContent: "center",
|
26
28
|
$alignItems: "center",
|
27
29
|
$widthX: 50,
|
28
|
-
$background: `${
|
29
|
-
ref:
|
30
|
-
children: /* @__PURE__ */
|
30
|
+
$background: `${I}_4`,
|
31
|
+
ref: R,
|
32
|
+
children: /* @__PURE__ */ t(n, { $height: 168, $position: "relative", children: [
|
31
33
|
/* @__PURE__ */ e(
|
32
34
|
V,
|
33
35
|
{
|
34
36
|
width: "100%",
|
35
37
|
height: "168px",
|
36
|
-
src:
|
38
|
+
src: W.CHAPTER_HEADER_BG,
|
37
39
|
alt: "Chapter header background",
|
38
40
|
withLoader: !0
|
39
41
|
}
|
40
42
|
),
|
41
|
-
/* @__PURE__ */
|
42
|
-
/* @__PURE__ */ e(
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
43
|
+
/* @__PURE__ */ t(N, { children: [
|
44
|
+
r === 100 ? /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(
|
45
|
+
H,
|
46
|
+
{
|
47
|
+
src: M.CHAPTER_COMPLETED,
|
48
|
+
ref: $,
|
49
|
+
settings: q
|
50
|
+
}
|
51
|
+
) }) : /* @__PURE__ */ t(G, { children: [
|
52
|
+
/* @__PURE__ */ t(F, { width: "108px", height: "108px", children: [
|
53
|
+
/* @__PURE__ */ e(
|
54
|
+
g,
|
55
|
+
{
|
56
|
+
$progress: 0,
|
57
|
+
r: a,
|
58
|
+
cx: s,
|
59
|
+
cy: l
|
60
|
+
}
|
61
|
+
),
|
62
|
+
/* @__PURE__ */ e(
|
63
|
+
g,
|
64
|
+
{
|
65
|
+
$progressCircle: !0,
|
66
|
+
$progressBackground: "BLACK",
|
67
|
+
$progress: 3.3 * r,
|
68
|
+
r: a,
|
69
|
+
cx: s,
|
70
|
+
cy: l
|
71
|
+
}
|
72
|
+
)
|
73
|
+
] }),
|
74
|
+
r > 0 && /* @__PURE__ */ e(f, { $progress: !0, $top: x, $left: E })
|
64
75
|
] }),
|
65
|
-
|
66
|
-
t === 100 && /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(C, { Icon: g }) })
|
76
|
+
/* @__PURE__ */ e(Y, { src: u, alt: "Chapter image" })
|
67
77
|
] }),
|
68
|
-
/* @__PURE__ */
|
69
|
-
/* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children:
|
70
|
-
/* @__PURE__ */
|
71
|
-
!!
|
78
|
+
/* @__PURE__ */ t(K, { $flexGap: 4, children: [
|
79
|
+
/* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children: S }),
|
80
|
+
/* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 2.75, children: [
|
81
|
+
!!c && /* @__PURE__ */ t(n, { $position: "relative", $flexDirection: "row", children: [
|
72
82
|
/* @__PURE__ */ e(f, {}),
|
73
|
-
/* @__PURE__ */
|
74
|
-
/* @__PURE__ */
|
83
|
+
/* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
|
84
|
+
/* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
|
75
85
|
"Core - ",
|
76
|
-
|
86
|
+
w,
|
77
87
|
"/",
|
78
|
-
|
88
|
+
c
|
79
89
|
] }),
|
80
|
-
|
90
|
+
k && /* @__PURE__ */ e(X, { Icon: b, label: "CW" })
|
81
91
|
] })
|
82
92
|
] }),
|
83
|
-
p > 0 && /* @__PURE__ */
|
93
|
+
p > 0 && /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
|
84
94
|
"Supplementary - ",
|
85
|
-
|
95
|
+
A,
|
86
96
|
"/",
|
87
97
|
p
|
88
98
|
] })
|
@@ -93,6 +103,6 @@ const a = 52, l = 54, c = 54, re = D((I) => {
|
|
93
103
|
);
|
94
104
|
});
|
95
105
|
export {
|
96
|
-
|
106
|
+
ce as default
|
97
107
|
};
|
98
108
|
//# sourceMappingURL=chapter-banner.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n const { progressStats, imageHue, title, imageUrl, bannerRef } = props;\n\n const completionPercentage = useMemo(() => {\n return getChapterCompletionPercentage(progressStats);\n }, [progressStats]);\n\n const { iconTopVal, iconLeftVal } = useMemo(() => {\n //* Calculate the position of the important icon based on the completion percentage\n //* Convert degrees to radians\n const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n return {\n iconLeftVal: positionX,\n iconTopVal: positionY,\n };\n }, [completionPercentage]);\n\n if (!progressStats) return null;\n\n const { mandatory, optional, classwork: classWork } = progressStats;\n const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n mandatory || {};\n const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n classWork || {};\n const showClassWorkTag =\n totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n return (\n <Styled.BannerContainer\n $flexDirection=\"row\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n $widthX={50}\n $background={`${imageHue}_4`}\n ref={bannerRef}\n >\n <FlexView $height={168} $position=\"relative\">\n <Image\n width=\"100%\"\n height=\"168px\"\n src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n alt=\"Chapter header background\"\n withLoader\n />\n <Styled.BannerImageWrapper>\n <Styled.
|
1
|
+
{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useRef } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\nconst sheetCompletedLottieSettings = { renderer: 'canvas', autoplay: true, loop: false };\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n const { progressStats, imageHue, title, imageUrl, bannerRef } = props;\n\n const completionPercentage = useMemo(() => {\n return getChapterCompletionPercentage(progressStats);\n }, [progressStats]);\n\n const { iconTopVal, iconLeftVal } = useMemo(() => {\n //* Calculate the position of the important icon based on the completion percentage\n //* Convert degrees to radians\n const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n return {\n iconLeftVal: positionX,\n iconTopVal: positionY,\n };\n }, [completionPercentage]);\n\n if (!progressStats) return null;\n\n const { mandatory, optional, classwork: classWork } = progressStats;\n const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n mandatory || {};\n const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n classWork || {};\n const showClassWorkTag =\n totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n return (\n <Styled.BannerContainer\n $flexDirection=\"row\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n $widthX={50}\n $background={`${imageHue}_4`}\n ref={bannerRef}\n >\n <FlexView $height={168} $position=\"relative\">\n <Image\n width=\"100%\"\n height=\"168px\"\n src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n alt=\"Chapter header background\"\n withLoader\n />\n <Styled.BannerImageWrapper>\n {completionPercentage === 100 ? (\n <Styled.LottieAnimationWrapper>\n <LottieAnimation\n src={LOTTIE.CHAPTER_COMPLETED}\n ref={animationRef}\n settings={sheetCompletedLottieSettings}\n />\n </Styled.LottieAnimationWrapper>\n ) : (\n <>\n <Styled.ChapterProgressSVG width=\"108px\" height=\"108px\">\n <Styled.ChapterProgressSVGCircle\n $progress={0}\n r={PROGRESS_CIRCLE_RADIUS}\n cx={PROGRESS_CIRCLE_CENTER_X}\n cy={PROGRESS_CIRCLE_CENTER_Y}\n />\n <Styled.ChapterProgressSVGCircle\n $progressCircle\n $progressBackground={'BLACK'}\n $progress={3.3 * completionPercentage}\n r={PROGRESS_CIRCLE_RADIUS}\n cx={PROGRESS_CIRCLE_CENTER_X}\n cy={PROGRESS_CIRCLE_CENTER_Y}\n />\n </Styled.ChapterProgressSVG>\n\n {completionPercentage > 0 && (\n <Styled.StyledImportantIcon $progress $top={iconTopVal} $left={iconLeftVal} />\n )}\n </>\n )}\n\n <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n </Styled.BannerImageWrapper>\n <Styled.BannerTitleWrapper $flexGap={4}>\n <Text $renderAs=\"ah4-bold\">{title}</Text>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n {!!totalMandatorySheets && (\n <FlexView $position=\"relative\" $flexDirection=\"row\">\n <Styled.StyledImportantIcon />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n <Text $renderAs=\"ab2\">\n Core - {completedMandatorySheets}/{totalMandatorySheets}\n </Text>\n {showClassWorkTag && <Tag Icon={Check2Icon} label=\"CW\" />}\n </FlexView>\n </FlexView>\n )}\n {totalOptionalSheets > 0 && (\n <Text $renderAs=\"ab2\">\n Supplementary - {completedOptionalSheets}/{totalOptionalSheets}\n </Text>\n )}\n </FlexView>\n </Styled.BannerTitleWrapper>\n </FlexView>\n </Styled.BannerContainer>\n );\n});\n\nexport default ChapterBanner;\n"],"names":["PROGRESS_CIRCLE_RADIUS","PROGRESS_CIRCLE_CENTER_X","PROGRESS_CIRCLE_CENTER_Y","sheetCompletedLottieSettings","ChapterBanner","memo","props","animationRef","useRef","progressStats","imageHue","title","imageUrl","bannerRef","completionPercentage","useMemo","getChapterCompletionPercentage","iconTopVal","iconLeftVal","angleInRadian","positionX","positionY","mandatory","optional","classWork","completedMandatorySheets","totalMandatorySheets","completedOptionalSheets","totalOptionalSheets","completedClassWorkSheets","totalClassWorkSheets","showClassWorkTag","jsx","Styled.BannerContainer","jsxs","FlexView","Image","ILLUSTRATIONS","Styled.BannerImageWrapper","Styled.LottieAnimationWrapper","LottieAnimation","LOTTIE","Fragment","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.BannerImage","Styled.BannerTitleWrapper","Text","Tag","Check2Icon"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var A = /* @__PURE__ */ ((S) => (S.DEFAULT = "DEFAULT", S.PREREQ = "PREREQ", S.RECAP = "RECAP", S.GOAL = "GOAL", S.TESTS = "TESTS", S.PLAYLIST = "PLAYLIST", S.SOLUTIONS = "SOLUTIONS", S.NOTES = "NOTES", S.FLASHCARDS = "FLASHCARDS", S.SUBJECTIVES = "SUBJECTIVES", S.PUZZLE_CARDS = "PUZZLE_CARDS", S.SAT_MOCK_TEST = "SAT_MOCK_TEST", S))(A || {});
|
1
|
+
var A = /* @__PURE__ */ ((S) => (S.DEFAULT = "DEFAULT", S.PREREQ = "PREREQ", S.RECAP = "RECAP", S.GOAL = "GOAL", S.TESTS = "TESTS", S.PLAYLIST = "PLAYLIST", S.SOLUTIONS = "SOLUTIONS", S.NOTES = "NOTES", S.FLASHCARDS = "FLASHCARDS", S.SUBJECTIVES = "SUBJECTIVES", S.PUZZLE_CARDS = "PUZZLE_CARDS", S.SAT_MOCK_TEST = "SAT_MOCK_TEST", S.STEP_UP = "STEP_UP", S))(A || {});
|
2
2
|
const T = {
|
3
3
|
DEFAULT: "Default",
|
4
4
|
PREREQ: "Prerequisite",
|
@@ -11,7 +11,8 @@ const T = {
|
|
11
11
|
FLASHCARDS: "Flashcards",
|
12
12
|
SUBJECTIVES: "Subjective Questions",
|
13
13
|
PUZZLE_CARDS: "Puzzles",
|
14
|
-
SAT_MOCK_TEST: "SAT Mock Test"
|
14
|
+
SAT_MOCK_TEST: "SAT Mock Test",
|
15
|
+
STEP_UP: "Step Up"
|
15
16
|
};
|
16
17
|
export {
|
17
18
|
T as BLOCK_NAME,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"block-constants.js","sources":["../../../../src/features/chapters-v2/constants/block-constants.ts"],"sourcesContent":["export enum BLOCK_TYPE {\n DEFAULT = 'DEFAULT',\n PREREQ = 'PREREQ',\n RECAP = 'RECAP',\n GOAL = 'GOAL',\n TESTS = 'TESTS',\n PLAYLIST = 'PLAYLIST',\n SOLUTIONS = 'SOLUTIONS',\n NOTES = 'NOTES',\n FLASHCARDS = 'FLASHCARDS',\n SUBJECTIVES = 'SUBJECTIVES',\n PUZZLE_CARDS = 'PUZZLE_CARDS',\n SAT_MOCK_TEST = 'SAT_MOCK_TEST',\n}\n\nexport enum SECTION_CODE {\n READINESS = 'READINESS',\n GOALS = 'GOALS',\n TESTS = 'TESTS',\n ENRICHMENT = 'ENRICHMENT',\n SUBJECTIVE = 'SUBJECTIVE',\n VIDEOS = 'VIDEOS',\n NOTES = 'NOTES',\n FLASHCARDS = 'FLASHCARDS',\n PUZZLE_CARDS = 'PUZZLE_CARDS',\n}\n\nexport const BLOCK_NAME: Record<BLOCK_TYPE, string> = {\n [BLOCK_TYPE.DEFAULT]: 'Default',\n [BLOCK_TYPE.PREREQ]: 'Prerequisite',\n [BLOCK_TYPE.RECAP]: 'Recap',\n [BLOCK_TYPE.GOAL]: 'Lesson',\n [BLOCK_TYPE.TESTS]: 'Tests',\n [BLOCK_TYPE.PLAYLIST]: 'Videos',\n [BLOCK_TYPE.SOLUTIONS]: 'Solutions',\n [BLOCK_TYPE.NOTES]: 'Notes',\n [BLOCK_TYPE.FLASHCARDS]: 'Flashcards',\n [BLOCK_TYPE.SUBJECTIVES]: 'Subjective Questions',\n [BLOCK_TYPE.PUZZLE_CARDS]: 'Puzzles',\n [BLOCK_TYPE.SAT_MOCK_TEST]: 'SAT Mock Test',\n};\n"],"names":["BLOCK_TYPE","BLOCK_NAME"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,
|
1
|
+
{"version":3,"file":"block-constants.js","sources":["../../../../src/features/chapters-v2/constants/block-constants.ts"],"sourcesContent":["export enum BLOCK_TYPE {\n DEFAULT = 'DEFAULT',\n PREREQ = 'PREREQ',\n RECAP = 'RECAP',\n GOAL = 'GOAL',\n TESTS = 'TESTS',\n PLAYLIST = 'PLAYLIST',\n SOLUTIONS = 'SOLUTIONS',\n NOTES = 'NOTES',\n FLASHCARDS = 'FLASHCARDS',\n SUBJECTIVES = 'SUBJECTIVES',\n PUZZLE_CARDS = 'PUZZLE_CARDS',\n SAT_MOCK_TEST = 'SAT_MOCK_TEST',\n STEP_UP = 'STEP_UP',\n}\n\nexport enum SECTION_CODE {\n READINESS = 'READINESS',\n GOALS = 'GOALS',\n TESTS = 'TESTS',\n ENRICHMENT = 'ENRICHMENT',\n SUBJECTIVE = 'SUBJECTIVE',\n VIDEOS = 'VIDEOS',\n NOTES = 'NOTES',\n FLASHCARDS = 'FLASHCARDS',\n PUZZLE_CARDS = 'PUZZLE_CARDS',\n}\n\nexport const BLOCK_NAME: Record<BLOCK_TYPE, string> = {\n [BLOCK_TYPE.DEFAULT]: 'Default',\n [BLOCK_TYPE.PREREQ]: 'Prerequisite',\n [BLOCK_TYPE.RECAP]: 'Recap',\n [BLOCK_TYPE.GOAL]: 'Lesson',\n [BLOCK_TYPE.TESTS]: 'Tests',\n [BLOCK_TYPE.PLAYLIST]: 'Videos',\n [BLOCK_TYPE.SOLUTIONS]: 'Solutions',\n [BLOCK_TYPE.NOTES]: 'Notes',\n [BLOCK_TYPE.FLASHCARDS]: 'Flashcards',\n [BLOCK_TYPE.SUBJECTIVES]: 'Subjective Questions',\n [BLOCK_TYPE.PUZZLE_CARDS]: 'Puzzles',\n [BLOCK_TYPE.SAT_MOCK_TEST]: 'SAT Mock Test',\n [BLOCK_TYPE.STEP_UP]: 'Step Up',\n};\n"],"names":["BLOCK_TYPE","BLOCK_NAME"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,iBAChBA,EAAA,UAAU,WAbAA,IAAAA,KAAA,CAAA,CAAA;AA4BL,MAAMC,IAAyC;AAAA,EACnD,SAAqB;AAAA,EACrB,QAAoB;AAAA,EACpB,OAAmB;AAAA,EACnB,MAAkB;AAAA,EAClB,OAAmB;AAAA,EACnB,UAAsB;AAAA,EACtB,WAAuB;AAAA,EACvB,OAAmB;AAAA,EACnB,YAAwB;AAAA,EACxB,aAAyB;AAAA,EACzB,cAA0B;AAAA,EAC1B,eAA2B;AAAA,EAC3B,SAAqB;AACxB;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n CHAPTER_CROWN_ICON: 4,\n CHAPTER_PLUS_ICON: 2,\n CHAPTER_PROGRESS_SVG: 2,\n LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n MODAL: 20,\n SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n TILE_CONTAINER: 30, //whiteboard\n QUESTION_TIPS: -1,\n DESMOS_CALCULATOR: 2,\n GOAL_CHAPTER_SHEETS_MENU: 4,\n JOURNEY_OVERLAY: 1000,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;
|
1
|
+
{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n CHAPTER_CROWN_ICON: 4,\n CHAPTER_PLUS_ICON: 2,\n CHAPTER_PROGRESS_SVG: 2,\n LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n MODAL: 20,\n SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n TILE_CONTAINER: 30, //whiteboard\n QUESTION_TIPS: -1,\n DESMOS_CALCULATOR: 2,\n GOAL_CHAPTER_SHEETS_MENU: 4,\n JOURNEY_OVERLAY: 1000,\n CHAPTER_COMPLETED_LOTTIE: 5,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAC5B;"}
|
package/dist/index.d.ts
CHANGED
@@ -107,7 +107,8 @@ declare enum BLOCK_TYPE {
|
|
107
107
|
FLASHCARDS = "FLASHCARDS",
|
108
108
|
SUBJECTIVES = "SUBJECTIVES",
|
109
109
|
PUZZLE_CARDS = "PUZZLE_CARDS",
|
110
|
-
SAT_MOCK_TEST = "SAT_MOCK_TEST"
|
110
|
+
SAT_MOCK_TEST = "SAT_MOCK_TEST",
|
111
|
+
STEP_UP = "STEP_UP"
|
111
112
|
}
|
112
113
|
|
113
114
|
declare const BLOCK_TYPE_2: {
|
@@ -3719,6 +3720,7 @@ export declare const LOTTIE: {
|
|
3719
3720
|
BRONZE_1: string;
|
3720
3721
|
BRONZE_2: string;
|
3721
3722
|
BRONZE_3: string;
|
3723
|
+
CHAPTER_COMPLETED: string;
|
3722
3724
|
CIRCULAR_LOADER: string;
|
3723
3725
|
CLOCK_30MIN: string;
|
3724
3726
|
CLOCK_45MIN: string;
|
@@ -5537,6 +5539,7 @@ declare const ZINDEX: {
|
|
5537
5539
|
readonly DESMOS_CALCULATOR: 2;
|
5538
5540
|
readonly GOAL_CHAPTER_SHEETS_MENU: 4;
|
5539
5541
|
readonly JOURNEY_OVERLAY: 1000;
|
5542
|
+
readonly CHAPTER_COMPLETED_LOTTIE: 5;
|
5540
5543
|
};
|
5541
5544
|
|
5542
5545
|
export { }
|
@@ -0,0 +1,497 @@
|
|
1
|
+
{
|
2
|
+
"v": "5.12.1",
|
3
|
+
"fr": 25,
|
4
|
+
"ip": 0,
|
5
|
+
"op": 36,
|
6
|
+
"w": 100,
|
7
|
+
"h": 100,
|
8
|
+
"nm": "sheet-completed",
|
9
|
+
"ddd": 0,
|
10
|
+
"assets": [
|
11
|
+
{
|
12
|
+
"id": "comp_0",
|
13
|
+
"nm": "tick-leap",
|
14
|
+
"fr": 30,
|
15
|
+
"layers": [
|
16
|
+
{
|
17
|
+
"ddd": 0,
|
18
|
+
"ind": 1,
|
19
|
+
"ty": 4,
|
20
|
+
"nm": "Shape Layer 1",
|
21
|
+
"parent": 2,
|
22
|
+
"td": 1,
|
23
|
+
"sr": 1,
|
24
|
+
"ks": {
|
25
|
+
"o": { "a": 0, "k": 100, "ix": 11 },
|
26
|
+
"r": { "a": 0, "k": 0, "ix": 10 },
|
27
|
+
"p": {
|
28
|
+
"s": true,
|
29
|
+
"x": { "a": 0, "k": 43.125, "ix": 3 },
|
30
|
+
"y": { "a": 0, "k": 46, "ix": 4 }
|
31
|
+
},
|
32
|
+
"a": { "a": 0, "k": [-3.625, -1.75, 0], "ix": 1, "l": 2 },
|
33
|
+
"s": { "a": 0, "k": [52, 52, 100], "ix": 6, "l": 2 }
|
34
|
+
},
|
35
|
+
"ao": 0,
|
36
|
+
"shapes": [
|
37
|
+
{
|
38
|
+
"ty": "gr",
|
39
|
+
"it": [
|
40
|
+
{
|
41
|
+
"ind": 0,
|
42
|
+
"ty": "sh",
|
43
|
+
"ix": 1,
|
44
|
+
"ks": {
|
45
|
+
"a": 0,
|
46
|
+
"k": {
|
47
|
+
"i": [
|
48
|
+
[0, 0],
|
49
|
+
[5.5, -34],
|
50
|
+
[0, 0]
|
51
|
+
],
|
52
|
+
"o": [
|
53
|
+
[0, 0],
|
54
|
+
[23.25, -29.25],
|
55
|
+
[0, 0]
|
56
|
+
],
|
57
|
+
"v": [
|
58
|
+
[-45.25, -3.75],
|
59
|
+
[-14.75, 32.25],
|
60
|
+
[43.75, -35.75]
|
61
|
+
],
|
62
|
+
"c": false
|
63
|
+
},
|
64
|
+
"ix": 2
|
65
|
+
},
|
66
|
+
"nm": "Path 1",
|
67
|
+
"mn": "ADBE Vector Shape - Group",
|
68
|
+
"hd": false
|
69
|
+
},
|
70
|
+
{
|
71
|
+
"ty": "st",
|
72
|
+
"c": { "a": 0, "k": [1, 0.068566203117, 0.068566203117, 1], "ix": 3 },
|
73
|
+
"o": { "a": 0, "k": 100, "ix": 4 },
|
74
|
+
"w": { "a": 0, "k": 14, "ix": 5 },
|
75
|
+
"lc": 1,
|
76
|
+
"lj": 1,
|
77
|
+
"ml": 4,
|
78
|
+
"bm": 0,
|
79
|
+
"nm": "Stroke 1",
|
80
|
+
"mn": "ADBE Vector Graphic - Stroke",
|
81
|
+
"hd": false
|
82
|
+
},
|
83
|
+
{
|
84
|
+
"ty": "fl",
|
85
|
+
"c": { "a": 0, "k": [1, 1, 1, 1], "ix": 4 },
|
86
|
+
"o": { "a": 0, "k": 100, "ix": 5 },
|
87
|
+
"r": 1,
|
88
|
+
"bm": 0,
|
89
|
+
"nm": "Fill 1",
|
90
|
+
"mn": "ADBE Vector Graphic - Fill",
|
91
|
+
"hd": false
|
92
|
+
},
|
93
|
+
{
|
94
|
+
"ty": "tr",
|
95
|
+
"p": { "a": 0, "k": [0, 0], "ix": 2 },
|
96
|
+
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
97
|
+
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
98
|
+
"r": { "a": 0, "k": 0, "ix": 6 },
|
99
|
+
"o": { "a": 0, "k": 100, "ix": 7 },
|
100
|
+
"sk": { "a": 0, "k": 0, "ix": 4 },
|
101
|
+
"sa": { "a": 0, "k": 0, "ix": 5 },
|
102
|
+
"nm": "Transform"
|
103
|
+
}
|
104
|
+
],
|
105
|
+
"nm": "Shape 1",
|
106
|
+
"np": 3,
|
107
|
+
"cix": 2,
|
108
|
+
"bm": 0,
|
109
|
+
"ix": 1,
|
110
|
+
"mn": "ADBE Vector Group",
|
111
|
+
"hd": false
|
112
|
+
},
|
113
|
+
{
|
114
|
+
"ty": "tm",
|
115
|
+
"s": { "a": 0, "k": 0, "ix": 1 },
|
116
|
+
"e": {
|
117
|
+
"a": 1,
|
118
|
+
"k": [
|
119
|
+
{
|
120
|
+
"i": { "x": [0], "y": [1] },
|
121
|
+
"o": { "x": [0.333], "y": [0] },
|
122
|
+
"t": 6.667,
|
123
|
+
"s": [0]
|
124
|
+
},
|
125
|
+
{ "t": 17.5, "s": [100] }
|
126
|
+
],
|
127
|
+
"ix": 2
|
128
|
+
},
|
129
|
+
"o": { "a": 0, "k": 0, "ix": 3 },
|
130
|
+
"m": 1,
|
131
|
+
"ix": 2,
|
132
|
+
"nm": "Trim Paths 1",
|
133
|
+
"mn": "ADBE Vector Filter - Trim",
|
134
|
+
"hd": false
|
135
|
+
}
|
136
|
+
],
|
137
|
+
"ip": 0,
|
138
|
+
"op": 50,
|
139
|
+
"st": 0,
|
140
|
+
"ct": 1,
|
141
|
+
"bm": 0
|
142
|
+
},
|
143
|
+
{
|
144
|
+
"ddd": 0,
|
145
|
+
"ind": 2,
|
146
|
+
"ty": 4,
|
147
|
+
"nm": "Group 1",
|
148
|
+
"parent": 3,
|
149
|
+
"tt": 1,
|
150
|
+
"tp": 1,
|
151
|
+
"sr": 1,
|
152
|
+
"ks": {
|
153
|
+
"o": { "a": 0, "k": 100, "ix": 11 },
|
154
|
+
"r": { "a": 0, "k": 0, "ix": 10 },
|
155
|
+
"p": {
|
156
|
+
"s": true,
|
157
|
+
"x": { "a": 0, "k": 44.861, "ix": 3 },
|
158
|
+
"y": { "a": 0, "k": 46.001, "ix": 4 }
|
159
|
+
},
|
160
|
+
"a": { "a": 0, "k": [44.861, 46.001, 0], "ix": 1, "l": 2 },
|
161
|
+
"s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
|
162
|
+
},
|
163
|
+
"ao": 0,
|
164
|
+
"shapes": [
|
165
|
+
{
|
166
|
+
"ty": "gr",
|
167
|
+
"it": [
|
168
|
+
{
|
169
|
+
"ind": 0,
|
170
|
+
"ty": "sh",
|
171
|
+
"ix": 1,
|
172
|
+
"ks": {
|
173
|
+
"a": 0,
|
174
|
+
"k": {
|
175
|
+
"i": [
|
176
|
+
[0, 0],
|
177
|
+
[0, 0],
|
178
|
+
[0, 0],
|
179
|
+
[7.756, 1.971],
|
180
|
+
[0, 0],
|
181
|
+
[-1.845, -7.587],
|
182
|
+
[0, 0]
|
183
|
+
],
|
184
|
+
"o": [
|
185
|
+
[0, 0],
|
186
|
+
[0, 0],
|
187
|
+
[0, -7.775],
|
188
|
+
[0, 0],
|
189
|
+
[7.784, 1.979],
|
190
|
+
[0, 0],
|
191
|
+
[0, 0]
|
192
|
+
],
|
193
|
+
"v": [
|
194
|
+
[22.673, -15.368],
|
195
|
+
[-5.811, 17.965],
|
196
|
+
[-9.332, 16.667],
|
197
|
+
[-22.673, 0.264],
|
198
|
+
[-21.688, -3.613],
|
199
|
+
[-5.899, 11.911],
|
200
|
+
[19.632, -17.965]
|
201
|
+
],
|
202
|
+
"c": true
|
203
|
+
},
|
204
|
+
"ix": 2
|
205
|
+
},
|
206
|
+
"nm": "Path 1",
|
207
|
+
"mn": "ADBE Vector Shape - Group",
|
208
|
+
"hd": false
|
209
|
+
},
|
210
|
+
{
|
211
|
+
"ty": "fl",
|
212
|
+
"c": {
|
213
|
+
"a": 0,
|
214
|
+
"k": [0.050980396569, 0.050980396569, 0.050980396569, 1],
|
215
|
+
"ix": 4
|
216
|
+
},
|
217
|
+
"o": { "a": 0, "k": 100, "ix": 5 },
|
218
|
+
"r": 1,
|
219
|
+
"bm": 0,
|
220
|
+
"nm": "Fill 1",
|
221
|
+
"mn": "ADBE Vector Graphic - Fill",
|
222
|
+
"hd": false
|
223
|
+
},
|
224
|
+
{
|
225
|
+
"ty": "tr",
|
226
|
+
"p": { "a": 0, "k": [44.861, 46.001], "ix": 2 },
|
227
|
+
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
228
|
+
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
229
|
+
"r": { "a": 0, "k": 0, "ix": 6 },
|
230
|
+
"o": { "a": 0, "k": 100, "ix": 7 },
|
231
|
+
"sk": { "a": 0, "k": 0, "ix": 4 },
|
232
|
+
"sa": { "a": 0, "k": 0, "ix": 5 },
|
233
|
+
"nm": "Transform"
|
234
|
+
}
|
235
|
+
],
|
236
|
+
"nm": "Group 1",
|
237
|
+
"np": 2,
|
238
|
+
"cix": 2,
|
239
|
+
"bm": 0,
|
240
|
+
"ix": 1,
|
241
|
+
"mn": "ADBE Vector Group",
|
242
|
+
"hd": false
|
243
|
+
}
|
244
|
+
],
|
245
|
+
"ip": 0,
|
246
|
+
"op": 50,
|
247
|
+
"st": 0,
|
248
|
+
"ct": 1,
|
249
|
+
"bm": 0
|
250
|
+
},
|
251
|
+
{
|
252
|
+
"ddd": 0,
|
253
|
+
"ind": 3,
|
254
|
+
"ty": 4,
|
255
|
+
"nm": "Group 2",
|
256
|
+
"sr": 1,
|
257
|
+
"ks": {
|
258
|
+
"o": { "a": 0, "k": 100, "ix": 11 },
|
259
|
+
"r": { "a": 0, "k": 0, "ix": 10 },
|
260
|
+
"p": {
|
261
|
+
"s": true,
|
262
|
+
"x": { "a": 0, "k": 50, "ix": 3 },
|
263
|
+
"y": { "a": 0, "k": 50, "ix": 4 }
|
264
|
+
},
|
265
|
+
"a": { "a": 0, "k": [46, 46, 0], "ix": 1, "l": 2 },
|
266
|
+
"s": {
|
267
|
+
"a": 1,
|
268
|
+
"k": [
|
269
|
+
{
|
270
|
+
"i": { "x": [0, 0, 0.667], "y": [0.996, 0.996, 1] },
|
271
|
+
"o": { "x": [0.091, 0.091, 0.333], "y": [0.002, 0.002, 0] },
|
272
|
+
"t": 0,
|
273
|
+
"s": [0, 0, 100]
|
274
|
+
},
|
275
|
+
{
|
276
|
+
"i": { "x": [0.771, 0.771, 0.667], "y": [0.998, 0.998, 1] },
|
277
|
+
"o": { "x": [0.764, 0.764, 0.333], "y": [-0.08, -0.08, 0] },
|
278
|
+
"t": 6.667,
|
279
|
+
"s": [110, 110, 100]
|
280
|
+
},
|
281
|
+
{ "t": 10.8333333333333, "s": [100, 100, 100] }
|
282
|
+
],
|
283
|
+
"ix": 6,
|
284
|
+
"l": 2
|
285
|
+
}
|
286
|
+
},
|
287
|
+
"ao": 0,
|
288
|
+
"shapes": [
|
289
|
+
{
|
290
|
+
"ty": "gr",
|
291
|
+
"it": [
|
292
|
+
{
|
293
|
+
"ind": 0,
|
294
|
+
"ty": "sh",
|
295
|
+
"ix": 1,
|
296
|
+
"ks": {
|
297
|
+
"a": 0,
|
298
|
+
"k": {
|
299
|
+
"i": [
|
300
|
+
[-23.196, 0],
|
301
|
+
[0, -23.196],
|
302
|
+
[23.196, 0],
|
303
|
+
[0, 23.196]
|
304
|
+
],
|
305
|
+
"o": [
|
306
|
+
[23.196, 0],
|
307
|
+
[0, 23.196],
|
308
|
+
[-23.196, 0],
|
309
|
+
[0, -23.196]
|
310
|
+
],
|
311
|
+
"v": [
|
312
|
+
[0, -42],
|
313
|
+
[42, 0],
|
314
|
+
[0, 42],
|
315
|
+
[-42, 0]
|
316
|
+
],
|
317
|
+
"c": true
|
318
|
+
},
|
319
|
+
"ix": 2
|
320
|
+
},
|
321
|
+
"nm": "Path 1",
|
322
|
+
"mn": "ADBE Vector Shape - Group",
|
323
|
+
"hd": false
|
324
|
+
},
|
325
|
+
{
|
326
|
+
"ty": "st",
|
327
|
+
"c": {
|
328
|
+
"a": 0,
|
329
|
+
"k": [0.050980396569, 0.050980396569, 0.050980396569, 1],
|
330
|
+
"ix": 3
|
331
|
+
},
|
332
|
+
"o": { "a": 0, "k": 100, "ix": 4 },
|
333
|
+
"w": { "a": 0, "k": 4, "ix": 5 },
|
334
|
+
"lc": 1,
|
335
|
+
"lj": 1,
|
336
|
+
"ml": 4,
|
337
|
+
"bm": 0,
|
338
|
+
"nm": "Stroke 1",
|
339
|
+
"mn": "ADBE Vector Graphic - Stroke",
|
340
|
+
"hd": false
|
341
|
+
},
|
342
|
+
{
|
343
|
+
"ty": "fl",
|
344
|
+
"c": { "a": 0, "k": [1, 1, 1, 1], "ix": 4 },
|
345
|
+
"o": { "a": 0, "k": 100, "ix": 5 },
|
346
|
+
"r": 1,
|
347
|
+
"bm": 0,
|
348
|
+
"nm": "Fill 1",
|
349
|
+
"mn": "ADBE Vector Graphic - Fill",
|
350
|
+
"hd": false
|
351
|
+
},
|
352
|
+
{
|
353
|
+
"ty": "tr",
|
354
|
+
"p": { "a": 0, "k": [46, 46], "ix": 2 },
|
355
|
+
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
356
|
+
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
357
|
+
"r": { "a": 0, "k": 0, "ix": 6 },
|
358
|
+
"o": { "a": 0, "k": 100, "ix": 7 },
|
359
|
+
"sk": { "a": 0, "k": 0, "ix": 4 },
|
360
|
+
"sa": { "a": 0, "k": 0, "ix": 5 },
|
361
|
+
"nm": "Transform"
|
362
|
+
}
|
363
|
+
],
|
364
|
+
"nm": "Group 2",
|
365
|
+
"np": 3,
|
366
|
+
"cix": 2,
|
367
|
+
"bm": 0,
|
368
|
+
"ix": 1,
|
369
|
+
"mn": "ADBE Vector Group",
|
370
|
+
"hd": false
|
371
|
+
}
|
372
|
+
],
|
373
|
+
"ip": 0,
|
374
|
+
"op": 50,
|
375
|
+
"st": 0,
|
376
|
+
"ct": 1,
|
377
|
+
"bm": 0
|
378
|
+
}
|
379
|
+
]
|
380
|
+
}
|
381
|
+
],
|
382
|
+
"layers": [
|
383
|
+
{
|
384
|
+
"ddd": 0,
|
385
|
+
"ind": 1,
|
386
|
+
"ty": 0,
|
387
|
+
"nm": "tick-leap",
|
388
|
+
"refId": "comp_0",
|
389
|
+
"sr": 1,
|
390
|
+
"ks": {
|
391
|
+
"o": { "a": 0, "k": 100, "ix": 11 },
|
392
|
+
"r": { "a": 0, "k": 0, "ix": 10 },
|
393
|
+
"p": {
|
394
|
+
"s": true,
|
395
|
+
"x": { "a": 0, "k": 84, "ix": 3 },
|
396
|
+
"y": { "a": 0, "k": 16.869, "ix": 4 }
|
397
|
+
},
|
398
|
+
"a": { "a": 0, "k": [50, 50, 0], "ix": 1, "l": 2 },
|
399
|
+
"s": { "a": 0, "k": [26.5, 26.5, 100], "ix": 6, "l": 2 }
|
400
|
+
},
|
401
|
+
"ao": 0,
|
402
|
+
"w": 100,
|
403
|
+
"h": 100,
|
404
|
+
"ip": 14,
|
405
|
+
"op": 35.6666666666667,
|
406
|
+
"st": 14,
|
407
|
+
"bm": 0
|
408
|
+
},
|
409
|
+
{
|
410
|
+
"ddd": 0,
|
411
|
+
"ind": 2,
|
412
|
+
"ty": 4,
|
413
|
+
"nm": "Shape Layer 1",
|
414
|
+
"sr": 1,
|
415
|
+
"ks": {
|
416
|
+
"o": { "a": 0, "k": 100, "ix": 11 },
|
417
|
+
"r": { "a": 0, "k": 0, "ix": 10 },
|
418
|
+
"p": { "s": true, "x": { "a": 0, "k": 50, "ix": 3 }, "y": { "a": 0, "k": 50, "ix": 4 } },
|
419
|
+
"a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
|
420
|
+
"s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
|
421
|
+
},
|
422
|
+
"ao": 0,
|
423
|
+
"shapes": [
|
424
|
+
{
|
425
|
+
"ty": "gr",
|
426
|
+
"it": [
|
427
|
+
{
|
428
|
+
"d": 1,
|
429
|
+
"ty": "el",
|
430
|
+
"s": { "a": 0, "k": [96, 96], "ix": 2 },
|
431
|
+
"p": { "a": 0, "k": [0, 0], "ix": 3 },
|
432
|
+
"nm": "Ellipse Path 1",
|
433
|
+
"mn": "ADBE Vector Shape - Ellipse",
|
434
|
+
"hd": false
|
435
|
+
},
|
436
|
+
{
|
437
|
+
"ty": "st",
|
438
|
+
"c": { "a": 0, "k": [0, 0, 0, 1], "ix": 3 },
|
439
|
+
"o": { "a": 0, "k": 100, "ix": 4 },
|
440
|
+
"w": { "a": 0, "k": 2, "ix": 5 },
|
441
|
+
"lc": 1,
|
442
|
+
"lj": 1,
|
443
|
+
"ml": 4,
|
444
|
+
"bm": 0,
|
445
|
+
"nm": "Stroke 1",
|
446
|
+
"mn": "ADBE Vector Graphic - Stroke",
|
447
|
+
"hd": false
|
448
|
+
},
|
449
|
+
{
|
450
|
+
"ty": "tr",
|
451
|
+
"p": { "a": 0, "k": [0, 0], "ix": 2 },
|
452
|
+
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
453
|
+
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
454
|
+
"r": { "a": 0, "k": 0, "ix": 6 },
|
455
|
+
"o": { "a": 0, "k": 100, "ix": 7 },
|
456
|
+
"sk": { "a": 0, "k": 0, "ix": 4 },
|
457
|
+
"sa": { "a": 0, "k": 0, "ix": 5 },
|
458
|
+
"nm": "Transform"
|
459
|
+
}
|
460
|
+
],
|
461
|
+
"nm": "Ellipse 1",
|
462
|
+
"np": 3,
|
463
|
+
"cix": 2,
|
464
|
+
"bm": 0,
|
465
|
+
"ix": 1,
|
466
|
+
"mn": "ADBE Vector Group",
|
467
|
+
"hd": false
|
468
|
+
},
|
469
|
+
{
|
470
|
+
"ty": "tm",
|
471
|
+
"s": { "a": 0, "k": 0, "ix": 1 },
|
472
|
+
"e": {
|
473
|
+
"a": 1,
|
474
|
+
"k": [
|
475
|
+
{ "i": { "x": [0], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [75] },
|
476
|
+
{ "t": 11, "s": [100] }
|
477
|
+
],
|
478
|
+
"ix": 2
|
479
|
+
},
|
480
|
+
"o": { "a": 0, "k": 0, "ix": 3 },
|
481
|
+
"m": 1,
|
482
|
+
"ix": 2,
|
483
|
+
"nm": "Trim Paths 1",
|
484
|
+
"mn": "ADBE Vector Filter - Trim",
|
485
|
+
"hd": false
|
486
|
+
}
|
487
|
+
],
|
488
|
+
"ip": 0,
|
489
|
+
"op": 75,
|
490
|
+
"st": 0,
|
491
|
+
"ct": 1,
|
492
|
+
"bm": 0
|
493
|
+
}
|
494
|
+
],
|
495
|
+
"markers": [],
|
496
|
+
"props": {}
|
497
|
+
}
|