@cuemath/leap 3.5.29 → 3.5.30-as10
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 +22 -0
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/images/images.js +8 -0
- package/dist/assets/images/images.js.map +1 -1
- package/dist/assets/line-icons/icons/carat-right.js +26 -0
- package/dist/assets/line-icons/icons/carat-right.js.map +1 -0
- package/dist/assets/line-icons/icons/dots-icon.js +21 -0
- package/dist/assets/line-icons/icons/dots-icon.js.map +1 -0
- package/dist/assets/line-icons/icons/pause-icon.js +24 -0
- package/dist/assets/line-icons/icons/pause-icon.js.map +1 -0
- package/dist/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js +82 -0
- package/dist/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js.map +1 -0
- package/dist/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.styled.js +77 -0
- package/dist/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.styled.js.map +1 -0
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js +18 -91
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js +42 -58
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js +16 -32
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +88 -87
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +1 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +35 -35
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -1
- package/dist/features/homework/card-title.js +8 -8
- package/dist/features/homework/card-title.js.map +1 -1
- package/dist/features/parent-dashboard/comps/compact-header/compact-header.js +5 -5
- package/dist/features/parent-dashboard/comps/compact-header/compact-header.js.map +1 -1
- package/dist/features/timeline/monthly-report/api/use-monthly-report-get.js +13 -0
- package/dist/features/timeline/monthly-report/api/use-monthly-report-get.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/achievements/achievements.js +60 -0
- package/dist/features/timeline/monthly-report/comps/achievements/achievements.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/achievements/achievements.styled.js +15 -0
- package/dist/features/timeline/monthly-report/comps/achievements/achievements.styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card/activities-card.js +128 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card/activities-card.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card/activities-card.styled.js +53 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card/activities-card.styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.js +120 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.styled.js +58 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities.js +27 -0
- package/dist/features/timeline/monthly-report/comps/activities/activities.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/constants.js +95 -0
- package/dist/features/timeline/monthly-report/comps/activities/constants.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/activities/utils.js +15 -0
- package/dist/features/timeline/monthly-report/comps/activities/utils.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance-constants.js +29 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance-constants.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance-utils.js +94 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance-utils.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance.js +44 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance.styled.js +39 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendance.styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendence-view.js +52 -0
- package/dist/features/timeline/monthly-report/comps/attendance/attendence-view.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/feedback/feedback-styled.js +9 -0
- package/dist/features/timeline/monthly-report/comps/feedback/feedback-styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/feedback/feedback.js +94 -0
- package/dist/features/timeline/monthly-report/comps/feedback/feedback.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js +48 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card-styled.js +28 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card-styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card.js +113 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-constants.js +30 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals-constants.js.map +1 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals.js +22 -0
- package/dist/features/timeline/monthly-report/comps/goals/goals.js.map +1 -0
- package/dist/features/timeline/monthly-report/monthly-report-styled.js +14 -0
- package/dist/features/timeline/monthly-report/monthly-report-styled.js.map +1 -0
- package/dist/features/timeline/monthly-report/monthly-report-types.js +5 -0
- package/dist/features/timeline/monthly-report/monthly-report-types.js.map +1 -0
- package/dist/features/timeline/monthly-report/monthly-report.js +69 -0
- package/dist/features/timeline/monthly-report/monthly-report.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/api/use-monthly-timeline-get.js +10 -0
- package/dist/features/timeline/monthly-timeline/api/use-monthly-timeline-get.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js +87 -0
- package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.styled.js +9 -0
- package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.styled.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/constants.js +41 -0
- package/dist/features/timeline/monthly-timeline/constants.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline-styled.js +9 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline-styled.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline-types.js +6 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline-types.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline-view.js +28 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline-view.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline.js +56 -0
- package/dist/features/timeline/monthly-timeline/monthly-timeline.js.map +1 -0
- package/dist/features/timeline/ptm-report/api/use-ptm-report-get.js +9 -0
- package/dist/features/timeline/ptm-report/api/use-ptm-report-get.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/key-need/key-need-styled.js +9 -0
- package/dist/features/timeline/ptm-report/comps/key-need/key-need-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/key-need/key-need.js +35 -0
- package/dist/features/timeline/ptm-report/comps/key-need/key-need.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/parent-support/parent-support.js +53 -0
- package/dist/features/timeline/ptm-report/comps/parent-support/parent-support.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.js +19 -0
- package/dist/features/timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/real-world-projects/real-world-projects.js +50 -0
- package/dist/features/timeline/ptm-report/comps/real-world-projects/real-world-projects.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/report-card/report-card-styled.js +9 -0
- package/dist/features/timeline/ptm-report/comps/report-card/report-card-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/report-card/report-card.js +22 -0
- package/dist/features/timeline/ptm-report/comps/report-card/report-card.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/school-support/school-support-styled.js +9 -0
- package/dist/features/timeline/ptm-report/comps/school-support/school-support-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/school-support/school-support.js +84 -0
- package/dist/features/timeline/ptm-report/comps/school-support/school-support.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/strategies/strategies-constant.js +11 -0
- package/dist/features/timeline/ptm-report/comps/strategies/strategies-constant.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/strategies/strategies.js +36 -0
- package/dist/features/timeline/ptm-report/comps/strategies/strategies.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/strategy-card/strategy-card-styled.js +55 -0
- package/dist/features/timeline/ptm-report/comps/strategy-card/strategy-card-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/strategy-card/strategy-card.js +35 -0
- package/dist/features/timeline/ptm-report/comps/strategy-card/strategy-card.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/student-info/student-info-styled.js +21 -0
- package/dist/features/timeline/ptm-report/comps/student-info/student-info-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/student-info/student-info.js +21 -0
- package/dist/features/timeline/ptm-report/comps/student-info/student-info.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/support-card/support-card-styled.js +9 -0
- package/dist/features/timeline/ptm-report/comps/support-card/support-card-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/support-card/support-card.js +30 -0
- package/dist/features/timeline/ptm-report/comps/support-card/support-card.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/teacher-observations/teacher-observations-constant.js +9 -0
- package/dist/features/timeline/ptm-report/comps/teacher-observations/teacher-observations-constant.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/teacher-observations/teacher-observations.js +56 -0
- package/dist/features/timeline/ptm-report/comps/teacher-observations/teacher-observations.js.map +1 -0
- package/dist/features/timeline/ptm-report/comps/upcoming-chapters/upcoming-chapters.js +15 -0
- package/dist/features/timeline/ptm-report/comps/upcoming-chapters/upcoming-chapters.js.map +1 -0
- package/dist/features/timeline/ptm-report/ptm-report-constants.js +16 -0
- package/dist/features/timeline/ptm-report/ptm-report-constants.js.map +1 -0
- package/dist/features/timeline/ptm-report/ptm-report-helpers.js +8 -0
- package/dist/features/timeline/ptm-report/ptm-report-helpers.js.map +1 -0
- package/dist/features/timeline/ptm-report/ptm-report-styled.js +11 -0
- package/dist/features/timeline/ptm-report/ptm-report-styled.js.map +1 -0
- package/dist/features/timeline/ptm-report/ptm-report-types.js +5 -0
- package/dist/features/timeline/ptm-report/ptm-report-types.js.map +1 -0
- package/dist/features/timeline/ptm-report/ptm-report.js +113 -0
- package/dist/features/timeline/ptm-report/ptm-report.js.map +1 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs-types.js +5 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs-types.js.map +1 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs.js +41 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs.js.map +1 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs.styled.js +37 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs.styled.js.map +1 -0
- package/dist/features/ui/animated-arc/animated-arc-styled.js +7 -7
- package/dist/features/ui/animated-arc/animated-arc-styled.js.map +1 -1
- package/dist/features/ui/animated-arc/animated-arc.js +37 -26
- package/dist/features/ui/animated-arc/animated-arc.js.map +1 -1
- package/dist/features/ui/linear-progress-bar/linear-progress-bar.js +39 -0
- package/dist/features/ui/linear-progress-bar/linear-progress-bar.js.map +1 -0
- package/dist/features/ui/linear-progress-bar/linear-progress-bar.styled.js +23 -0
- package/dist/features/ui/linear-progress-bar/linear-progress-bar.styled.js.map +1 -0
- package/dist/features/ui/swipable-carousel/swipable-carousel-styled.js +57 -0
- package/dist/features/ui/swipable-carousel/swipable-carousel-styled.js.map +1 -0
- package/dist/features/ui/swipable-carousel/swipable-carousel.js +132 -0
- package/dist/features/ui/swipable-carousel/swipable-carousel.js.map +1 -0
- package/dist/features/ui/swipeable-component/swipeable-component-styled.js.map +1 -0
- package/dist/features/ui/swipeable-component/swipeable-component.js +27 -0
- package/dist/features/ui/swipeable-component/swipeable-component.js.map +1 -0
- package/dist/features/ui/theme/text.js +14 -0
- package/dist/features/ui/theme/text.js.map +1 -1
- package/dist/index.d.ts +231 -25
- package/dist/index.js +588 -568
- package/dist/index.js.map +1 -1
- package/dist/static/2021.0683b580.png +0 -0
- package/dist/static/2022.d34ad7a5.png +0 -0
- package/dist/static/2023.fce87149.png +0 -0
- package/dist/static/2024.a275ee85.png +0 -0
- package/dist/static/2025.677cc187.png +0 -0
- package/dist/static/2026.63763214.png +0 -0
- package/dist/static/2027.b82dc039.png +0 -0
- package/dist/static/2028.580b8cc0.png +0 -0
- package/dist/static/coding-report-icon.91a1e900.svg +1 -0
- package/dist/static/elp-icon.d45b457d.svg +1 -0
- package/dist/static/english-icon.50c2e005.svg +1 -0
- package/dist/static/focus-blue.664be268.svg +1 -0
- package/dist/static/full-report.00112c74.svg +1 -0
- package/dist/static/key.fa0b4c98.svg +1 -0
- package/dist/static/live-session-blue.ec7fa85f.svg +1 -0
- package/dist/static/math-fit-grey.c32f37b3.svg +1 -0
- package/dist/static/no-report.4158fad3.svg +1 -0
- package/dist/static/opened-book-green.faacda34.svg +1 -0
- package/dist/static/percentage-pattern-yellow.6a25e820.svg +1 -0
- package/dist/static/pi-orange.132b108d.svg +1 -0
- package/dist/static/ptm-report-icon.5089218f.svg +1 -0
- package/dist/static/puzzle-purple.60ff4884.svg +1 -0
- package/dist/static/question-mark-yellow.1925aa04.svg +1 -0
- package/dist/static/renewal-blue.1ab3b2d4.svg +1 -0
- package/dist/static/sat-report-icon.4331be86.svg +1 -0
- package/dist/static/science-report-icon.a0014c40.svg +1 -0
- package/dist/static/thumbs-up-green.6a03b9d2.svg +1 -0
- package/dist/static/thumps-down.a1192a62.svg +1 -0
- package/dist/static/thumps-up.caa35a98.svg +1 -0
- package/dist/static/time-purple.ab1a458d.svg +1 -0
- package/package.json +3 -2
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js +0 -12
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js.map +0 -1
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js +0 -34
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/swipable-component/swipeable-component-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/swipable-component/swipeable-component.js +0 -26
- package/dist/features/circle-games/game-launcher/comps/swipable-component/swipeable-component.js.map +0 -1
- /package/dist/features/{circle-games/game-launcher/comps/swipable-component → ui/swipeable-component}/swipeable-component-styled.js +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import r, { keyframes as e } from "styled-components";
|
|
2
|
-
import {
|
|
3
|
-
const
|
|
2
|
+
import { RAINBOW_COLOR_ANIMATION_DURATION as n } from "./animated-arc-constants.js";
|
|
3
|
+
const s = e`
|
|
4
4
|
0% {
|
|
5
5
|
stroke: #FFB700;
|
|
6
6
|
color: #FFB700;
|
|
@@ -17,17 +17,17 @@ const F = e`
|
|
|
17
17
|
stroke: #33CCFF;
|
|
18
18
|
color: #33CCFF;
|
|
19
19
|
}
|
|
20
|
-
`,
|
|
20
|
+
`, a = r.svg`
|
|
21
21
|
position: absolute;
|
|
22
|
-
z-index: ${
|
|
22
|
+
z-index: ${({ $zIndex: o }) => o};
|
|
23
23
|
pointer-events: none;
|
|
24
24
|
`, c = r.path`
|
|
25
25
|
stroke: ${({ theme: o, stroke: t }) => o.colors[t]};
|
|
26
|
-
animation: ${({ $showAnimatedRainbowArc: o }) => o ?
|
|
27
|
-
${
|
|
26
|
+
animation: ${({ $showAnimatedRainbowArc: o }) => o ? s : "undefined"}
|
|
27
|
+
${n}s ease infinite forwards;
|
|
28
28
|
`;
|
|
29
29
|
export {
|
|
30
30
|
c as Path,
|
|
31
|
-
|
|
31
|
+
a as Svg
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=animated-arc-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animated-arc-styled.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport type { TColorNames } from '../types';\nimport {
|
|
1
|
+
{"version":3,"file":"animated-arc-styled.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport type { TColorNames } from '../types';\nimport { RAINBOW_COLOR_ANIMATION_DURATION } from './animated-arc-constants';\n\nconst rainbowColorAnimation = keyframes`\n 0% {\n stroke: #FFB700;\n color: #FFB700;\n }\n 33% {\n stroke: #FF884C;\n color: #FF884C;\n }\n 66% {\n stroke: #FF80F4;\n color: #FF80F4;\n }\n 100% {\n stroke: #33CCFF;\n color: #33CCFF;\n }\n`;\n\nexport const Svg = styled.svg<{ $zIndex: number }>`\n position: absolute;\n z-index: ${({ $zIndex }) => $zIndex};\n pointer-events: none;\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $showAnimatedRainbowArc: boolean }>`\n stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n animation: ${({ $showAnimatedRainbowArc }) =>\n $showAnimatedRainbowArc ? rainbowColorAnimation : 'undefined'}\n ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["rainbowColorAnimation","keyframes","Svg","styled","$zIndex","Path","theme","stroke","$showAnimatedRainbowArc","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAKA,MAAMA,IAAwBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBjBC,IAAMC,EAAO;AAAA;AAAA,aAEb,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,yBAAAC,EAAA,MACZA,IAA0BR,IAAwB,WAAW;AAAA,MAC7DS,CAAgC;AAAA;"}
|
|
@@ -1,48 +1,59 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as u, useMemo as
|
|
2
|
+
import { useRef as u, useMemo as R, useLayoutEffect as g } from "react";
|
|
3
3
|
import { describeArc as w } from "./animated-arc-helpers.js";
|
|
4
|
-
import { Svg as
|
|
5
|
-
|
|
4
|
+
import { Svg as k, Path as D } from "./animated-arc-styled.js";
|
|
5
|
+
import { ANIMATED_ARC_Z_INDEX as d } from "./animated-arc-constants.js";
|
|
6
|
+
const x = ({
|
|
6
7
|
radius: e,
|
|
7
8
|
strokeWidth: i,
|
|
8
|
-
color:
|
|
9
|
+
color: $,
|
|
9
10
|
targetAngle: a,
|
|
10
11
|
startAngle: c = 0,
|
|
11
|
-
duration:
|
|
12
|
-
mode:
|
|
12
|
+
duration: o = 2,
|
|
13
|
+
mode: s = "draw",
|
|
13
14
|
delay: n = 0,
|
|
14
|
-
showAnimatedRainbowArc:
|
|
15
|
+
showAnimatedRainbowArc: y = !1,
|
|
16
|
+
zIndex: A = d
|
|
15
17
|
}) => {
|
|
16
|
-
const f = u(null), r = e,
|
|
17
|
-
() => w(r, r,
|
|
18
|
-
[a, c,
|
|
18
|
+
const f = u(null), r = e, m = e - i / 2, l = R(
|
|
19
|
+
() => w(r, r, m, c, a),
|
|
20
|
+
[a, c, m, r]
|
|
19
21
|
);
|
|
20
22
|
return g(() => {
|
|
21
23
|
const t = f.current;
|
|
22
24
|
if (t) {
|
|
23
|
-
if (
|
|
24
|
-
const
|
|
25
|
-
t.style.strokeDasharray = `${
|
|
26
|
-
t.style.transition = `stroke-dashoffset ${
|
|
25
|
+
if (s === "draw") {
|
|
26
|
+
const h = t.getTotalLength();
|
|
27
|
+
t.style.strokeDasharray = `${h}`, t.style.strokeDashoffset = `${h}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
|
|
28
|
+
t.style.transition = `stroke-dashoffset ${o}s linear ${n}s`, t.style.strokeDashoffset = "0";
|
|
27
29
|
});
|
|
28
30
|
}
|
|
29
|
-
|
|
30
|
-
t.style.transition = `opacity ${
|
|
31
|
+
s === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
|
|
32
|
+
t.style.transition = `opacity ${o}s ease-in-out ${n}s`, t.style.opacity = "1";
|
|
31
33
|
}));
|
|
32
34
|
}
|
|
33
|
-
}, [
|
|
35
|
+
}, [l, s, o, n]), /* @__PURE__ */ p(
|
|
34
36
|
k,
|
|
35
37
|
{
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
width: 2 * e,
|
|
39
|
+
height: 2 * e,
|
|
40
|
+
viewBox: `0 0 ${2 * e} ${2 * e}`,
|
|
41
|
+
$zIndex: A,
|
|
42
|
+
children: /* @__PURE__ */ p(
|
|
43
|
+
D,
|
|
44
|
+
{
|
|
45
|
+
ref: f,
|
|
46
|
+
d: l,
|
|
47
|
+
fill: "none",
|
|
48
|
+
stroke: $,
|
|
49
|
+
strokeWidth: i,
|
|
50
|
+
strokeLinecap: "butt",
|
|
51
|
+
$showAnimatedRainbowArc: y
|
|
52
|
+
}
|
|
53
|
+
)
|
|
43
54
|
}
|
|
44
|
-
)
|
|
45
|
-
}, L =
|
|
55
|
+
);
|
|
56
|
+
}, L = x;
|
|
46
57
|
export {
|
|
47
58
|
L as default
|
|
48
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import { useRef, useLayoutEffect, useMemo, type FC } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\nimport type { IAnimatedArcProps } from './animated-arc-types';\n\nconst AnimatedArc: FC<IAnimatedArcProps> = ({\n radius,\n strokeWidth,\n color,\n targetAngle,\n startAngle = 0,\n duration = 2,\n mode = 'draw',\n delay = 0,\n showAnimatedRainbowArc = false,\n}) => {\n const pathRef = useRef<SVGPathElement>(null);\n\n const center = radius;\n const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n const arcPath = useMemo(\n () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n [targetAngle, startAngle, arcRadius, center],\n );\n\n useLayoutEffect(() => {\n const path = pathRef.current;\n\n if (!path) return;\n\n if (mode === 'draw') {\n const length = path.getTotalLength();\n\n path.style.strokeDasharray = `${length}`;\n path.style.strokeDashoffset = `${length}`;\n path.getBoundingClientRect();\n\n requestAnimationFrame(() => {\n path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n path.style.strokeDashoffset = '0';\n });\n }\n\n if (mode === 'fade') {\n path.style.opacity = '0';\n path.getBoundingClientRect();\n\n requestAnimationFrame(() => {\n path.style.transition = `opacity ${duration}s ease-in-out ${delay}s`;\n path.style.opacity = '1';\n });\n }\n }, [arcPath, mode, duration, delay]);\n\n return (\n <Styled.Svg
|
|
1
|
+
{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import { useRef, useLayoutEffect, useMemo, type FC } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\nimport type { IAnimatedArcProps } from './animated-arc-types';\nimport { ANIMATED_ARC_Z_INDEX } from './animated-arc-constants';\n\nconst AnimatedArc: FC<IAnimatedArcProps> = ({\n radius,\n strokeWidth,\n color,\n targetAngle,\n startAngle = 0,\n duration = 2,\n mode = 'draw',\n delay = 0,\n showAnimatedRainbowArc = false,\n zIndex = ANIMATED_ARC_Z_INDEX,\n}) => {\n const pathRef = useRef<SVGPathElement>(null);\n\n const center = radius;\n const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n const arcPath = useMemo(\n () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n [targetAngle, startAngle, arcRadius, center],\n );\n\n useLayoutEffect(() => {\n const path = pathRef.current;\n\n if (!path) return;\n\n if (mode === 'draw') {\n const length = path.getTotalLength();\n\n path.style.strokeDasharray = `${length}`;\n path.style.strokeDashoffset = `${length}`;\n path.getBoundingClientRect();\n\n requestAnimationFrame(() => {\n path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n path.style.strokeDashoffset = '0';\n });\n }\n\n if (mode === 'fade') {\n path.style.opacity = '0';\n path.getBoundingClientRect();\n\n requestAnimationFrame(() => {\n path.style.transition = `opacity ${duration}s ease-in-out ${delay}s`;\n path.style.opacity = '1';\n });\n }\n }, [arcPath, mode, duration, delay]);\n\n return (\n <Styled.Svg\n width={2 * radius}\n height={2 * radius}\n viewBox={`0 0 ${2 * radius} ${2 * radius}`}\n $zIndex={zIndex}\n >\n <Styled.Path\n ref={pathRef}\n d={arcPath}\n fill=\"none\"\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"butt\"\n $showAnimatedRainbowArc={showAnimatedRainbowArc}\n />\n </Styled.Svg>\n );\n};\n\nexport default AnimatedArc;\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","showAnimatedRainbowArc","zIndex","ANIMATED_ARC_Z_INDEX","pathRef","useRef","center","arcRadius","arcPath","useMemo","describeArc","useLayoutEffect","path","length","jsx","Styled.Svg","Styled.Path","AnimatedArc$1"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAAA,EACzB,QAAAC,IAASC;AACX,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAASb,GACTc,IAAYd,IAASC,IAAc,GACnCc,IAAUC;AAAA,IACd,MAAMC,EAAYJ,GAAQA,GAAQC,GAAWV,GAAYD,CAAW;AAAA,IACpE,CAACA,GAAaC,GAAYU,GAAWD,CAAM;AAAA,EAAA;AAG7C,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAOR,EAAQ;AAErB,QAAKQ,GAEL;AAAA,UAAIb,MAAS,QAAQ;AACb,cAAAc,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBd,CAAQ,YAAYE,CAAK,KACtEY,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIb,MAAS,WACXa,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,QAAAA,EAAK,MAAM,aAAa,WAAWd,CAAQ,iBAAiBE,CAAK,KACjEY,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACJ,GAAST,GAAMD,GAAUE,CAAK,CAAC,GAGjC,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,IAAItB;AAAA,MACX,QAAQ,IAAIA;AAAA,MACZ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM;AAAA,MACxC,SAASS;AAAA,MAET,UAAA,gBAAAY;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,KAAKZ;AAAA,UACL,GAAGI;AAAA,UACH,MAAK;AAAA,UACL,QAAQb;AAAA,UACR,aAAAD;AAAA,UACA,eAAc;AAAA,UACd,yBAAyBO;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAgB,IAAezB;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as s, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import { ProgressContainer as c, ProgressBar as m, ProgressFill as t } from "./linear-progress-bar.styled.js";
|
|
3
|
+
const f = ({
|
|
4
|
+
fillColor: a = "YELLOW_4",
|
|
5
|
+
backgroundColor: i = "WHITE_T_10",
|
|
6
|
+
borderRadius: o = 0,
|
|
7
|
+
height: n = 8,
|
|
8
|
+
percentage: $,
|
|
9
|
+
delta: h = 0,
|
|
10
|
+
deltaProgressColor: g = "GREEN_5"
|
|
11
|
+
}) => {
|
|
12
|
+
const r = Math.min(Math.max($, 0), 100), e = Math.min(Math.max(h, 0), 100 - r);
|
|
13
|
+
return /* @__PURE__ */ s(c, { children: /* @__PURE__ */ d(m, { $background: i, $height: n, children: [
|
|
14
|
+
/* @__PURE__ */ s(
|
|
15
|
+
t,
|
|
16
|
+
{
|
|
17
|
+
$width: `${r}%`,
|
|
18
|
+
$background: a,
|
|
19
|
+
$offset: 0,
|
|
20
|
+
$borderRadius: o,
|
|
21
|
+
$height: "100%"
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
e > 0 && /* @__PURE__ */ s(
|
|
25
|
+
t,
|
|
26
|
+
{
|
|
27
|
+
$width: `${e}%`,
|
|
28
|
+
$background: g,
|
|
29
|
+
$offset: r,
|
|
30
|
+
$height: "100%",
|
|
31
|
+
$borderRadius: o
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
] }) });
|
|
35
|
+
}, P = f;
|
|
36
|
+
export {
|
|
37
|
+
P as default
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=linear-progress-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear-progress-bar.js","sources":["../../../../src/features/ui/linear-progress-bar/linear-progress-bar.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type ILinearProgressBarProps } from './linear-progress-bar-types';\nimport * as Styled from './linear-progress-bar.styled';\n\nconst LinearProgressBar: FC<ILinearProgressBarProps> = ({\n fillColor = 'YELLOW_4',\n backgroundColor = 'WHITE_T_10',\n borderRadius = 0,\n height = 8,\n percentage,\n delta = 0,\n deltaProgressColor = 'GREEN_5',\n}) => {\n const progress = Math.min(Math.max(percentage, 0), 100);\n const deltaProgress = Math.min(Math.max(delta, 0), 100 - progress);\n\n return (\n <Styled.ProgressContainer>\n <Styled.ProgressBar $background={backgroundColor} $height={height}>\n <Styled.ProgressFill\n $width={`${progress}%`}\n $background={fillColor}\n $offset={0}\n $borderRadius={borderRadius}\n $height=\"100%\"\n />\n {deltaProgress > 0 && (\n <Styled.ProgressFill\n $width={`${deltaProgress}%`}\n $background={deltaProgressColor}\n $offset={progress}\n $height=\"100%\"\n $borderRadius={borderRadius}\n />\n )}\n </Styled.ProgressBar>\n </Styled.ProgressContainer>\n );\n};\n\nexport default LinearProgressBar;\n"],"names":["LinearProgressBar","fillColor","backgroundColor","borderRadius","height","percentage","delta","deltaProgressColor","progress","deltaProgress","jsx","Styled.ProgressContainer","jsxs","Styled.ProgressBar","Styled.ProgressFill","LinearProgressBar$1"],"mappings":";;AAKA,MAAMA,IAAiD,CAAC;AAAA,EACtD,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,oBAAAC,IAAqB;AACvB,MAAM;AACE,QAAAC,IAAW,KAAK,IAAI,KAAK,IAAIH,GAAY,CAAC,GAAG,GAAG,GAChDI,IAAgB,KAAK,IAAI,KAAK,IAAIH,GAAO,CAAC,GAAG,MAAME,CAAQ;AAG/D,SAAA,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAmB,aAAaX,GAAiB,SAASE,GACzD,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,QAAQ,GAAGN,CAAQ;AAAA,QACnB,aAAaP;AAAA,QACb,SAAS;AAAA,QACT,eAAeE;AAAA,QACf,SAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IACCM,IAAgB,KACf,gBAAAC;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,QAAQ,GAAGL,CAAa;AAAA,QACxB,aAAaF;AAAA,QACb,SAASC;AAAA,QACT,SAAQ;AAAA,QACR,eAAeL;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEAY,IAAef;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import i from "styled-components";
|
|
2
|
+
import r from "../layout/flex-view.js";
|
|
3
|
+
const l = i.div`
|
|
4
|
+
position: relative;
|
|
5
|
+
width: 100%;
|
|
6
|
+
`, n = i.div`
|
|
7
|
+
width: 100%;
|
|
8
|
+
height: ${({ $height: o }) => o}px;
|
|
9
|
+
background-color: ${({ theme: o, $background: t }) => o.colors[t || "GREY_1"]};
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
position: relative;
|
|
12
|
+
`, d = i(r)`
|
|
13
|
+
height: 100%;
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0;
|
|
16
|
+
left: ${({ $offset: o }) => o}%;
|
|
17
|
+
`;
|
|
18
|
+
export {
|
|
19
|
+
n as ProgressBar,
|
|
20
|
+
l as ProgressContainer,
|
|
21
|
+
d as ProgressFill
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=linear-progress-bar.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear-progress-bar.styled.js","sources":["../../../../src/features/ui/linear-progress-bar/linear-progress-bar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport { type TColorNames } from '../types';\n\nexport const ProgressContainer = styled.div`\n position: relative;\n width: 100%;\n`;\n\nexport const ProgressBar = styled.div<{ $height: number; $background: TColorNames }>`\n width: 100%;\n height: ${({ $height }) => $height}px;\n background-color: ${({ theme, $background }) => theme.colors[$background || 'GREY_1']};\n overflow: hidden;\n position: relative;\n`;\n\nexport const ProgressFill = styled(FlexView)<{ $offset: number }>`\n height: 100%;\n position: absolute;\n top: 0;\n left: ${({ $offset }) => $offset}%;\n`;\n"],"names":["ProgressContainer","styled","ProgressBar","$height","theme","$background","ProgressFill","FlexView","$offset"],"mappings":";;AAKO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA,GAK3BC,IAAcD,EAAO;AAAA;AAAA,YAEtB,CAAC,EAAE,SAAAE,EAAQ,MAAMA,CAAO;AAAA,sBACd,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkBD,EAAM,OAAOC,KAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,GAK1EC,IAAeL,EAAOM,CAAQ;AAAA;AAAA;AAAA;AAAA,UAIjC,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import i from "styled-components";
|
|
2
|
+
const r = i.div`
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 100%;
|
|
5
|
+
position: relative;
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
touch-action: none;
|
|
9
|
+
`;
|
|
10
|
+
i.div`
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
position: relative;
|
|
14
|
+
display: flex;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
touch-action: none;
|
|
17
|
+
`;
|
|
18
|
+
const a = i.div`
|
|
19
|
+
display: flex;
|
|
20
|
+
width: 100%;
|
|
21
|
+
flex-grow: 1;
|
|
22
|
+
transform: ${({ $translate: o = 0 }) => `translateX(${-o}%)`};
|
|
23
|
+
transition: ${({ $translateDuration: o }) => `all ${o}ms ease-in`};
|
|
24
|
+
touch-action: none;
|
|
25
|
+
`, l = i.div`
|
|
26
|
+
width: 100%;
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
flex-grow: 1;
|
|
31
|
+
flex-shrink: 0;
|
|
32
|
+
touch-action: none;
|
|
33
|
+
`, c = i.span`
|
|
34
|
+
background: ${({ theme: o, $isCurrent: t, $dotColor: n, $inactiveDotColor: e }) => t ? o.colors[n] : o.colors[e]};
|
|
35
|
+
border: 1px solid ${({ theme: o, $dotColor: t }) => o.colors[t]};
|
|
36
|
+
width: ${({ $isCurrent: o, $activeIndicatorSize: t, $inactiveIndicatorSize: n }) => o ? t : n};
|
|
37
|
+
height: ${({ $isCurrent: o, $activeIndicatorSize: t, $inactiveIndicatorSize: n }) => o ? t : n};
|
|
38
|
+
border-radius: 50%;
|
|
39
|
+
display: inline-block;
|
|
40
|
+
transition: all 0.3s ease;
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
|
|
43
|
+
&:hover {
|
|
44
|
+
opacity: 0.8;
|
|
45
|
+
}
|
|
46
|
+
`, d = i.div`
|
|
47
|
+
position: absolute;
|
|
48
|
+
bottom: ${({ $bottom: o }) => o || "-48px"};
|
|
49
|
+
`;
|
|
50
|
+
export {
|
|
51
|
+
r as Carousel,
|
|
52
|
+
l as CarouselItemContainer,
|
|
53
|
+
a as CarouselWrapper,
|
|
54
|
+
c as Dot,
|
|
55
|
+
d as NavigationConatainer
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=swipable-carousel-styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swipable-carousel-styled.js","sources":["../../../../src/features/ui/swipable-carousel/swipable-carousel-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../types';\n\nexport const Carousel = styled.div`\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n touch-action: none;\n`;\n\nexport const CarouselContent = styled.div`\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n touch-action: none;\n`;\n\nexport const CarouselWrapper = styled.div<{ $translate?: number; $translateDuration?: number }>`\n display: flex;\n width: 100%;\n flex-grow: 1;\n transform: ${({ $translate = 0 }) => `translateX(${-$translate}%)`};\n transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n touch-action: none;\n`;\n\nexport const CarouselItemContainer = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n touch-action: none;\n`;\n\ninterface IDotProps {\n $isCurrent: boolean;\n $dotColor: TColorNames;\n $inactiveDotColor: TColorNames;\n $activeIndicatorSize: string;\n $inactiveIndicatorSize: string;\n}\n\nexport const Dot = styled.span<IDotProps>`\n background: ${({ theme, $isCurrent, $dotColor, $inactiveDotColor }) =>\n $isCurrent ? theme.colors[$dotColor] : theme.colors[$inactiveDotColor]};\n border: 1px solid ${({ theme, $dotColor }) => theme.colors[$dotColor]};\n width: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n height: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n border-radius: 50%;\n display: inline-block;\n transition: all 0.3s ease;\n cursor: pointer;\n\n &:hover {\n opacity: 0.8;\n }\n`;\n\nexport const NavigationConatainer = styled.div<{ $bottom?: string }>`\n position: absolute;\n bottom: ${({ $bottom }) => $bottom || '-48px'};\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Dot","theme","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize","$inactiveIndicatorSize","NavigationConatainer","$bottom"],"mappings":";AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,MAAMC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,IAAa,QAAQ,cAAc,CAACA,CAAU,IAAI;AAAA,gBACpD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA;AAAA,GAIpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkB/BK,IAAML,EAAO;AAAA,gBACV,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,WAAAC,GAAW,mBAAAC,EAAkB,MAC/DF,IAAaD,EAAM,OAAOE,CAAS,IAAIF,EAAM,OAAOG,CAAiB,CAAC;AAAA,sBACpD,CAAC,EAAE,OAAAH,GAAO,WAAAE,EAAA,MAAgBF,EAAM,OAAOE,CAAS,CAAC;AAAA,WAC5D,CAAC,EAAE,YAAAD,GAAY,sBAAAG,GAAsB,wBAAAC,QAC5CJ,IAAaG,IAAuBC,CAAsB;AAAA,YAClD,CAAC,EAAE,YAAAJ,GAAY,sBAAAG,GAAsB,wBAAAC,QAC7CJ,IAAaG,IAAuBC,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjDC,IAAuBZ,EAAO;AAAA;AAAA,YAE/B,CAAC,EAAE,SAAAa,QAAcA,KAAW,OAAO;AAAA;"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { jsx as i, jsxs as z } from "react/jsx-runtime";
|
|
2
|
+
import { memo as W, forwardRef as x, useState as F, useCallback as l, useImperativeHandle as K, useEffect as L } from "react";
|
|
3
|
+
import O from "../swipeable-component/swipeable-component.js";
|
|
4
|
+
import D from "../buttons/icon-button/icon-button.js";
|
|
5
|
+
import { Carousel as X, CarouselWrapper as g, CarouselItemContainer as k, NavigationConatainer as N, Dot as q } from "./swipable-carousel-styled.js";
|
|
6
|
+
import w from "../../../assets/line-icons/icons/chevron-left.js";
|
|
7
|
+
import B from "../../../assets/line-icons/icons/chevron-right.js";
|
|
8
|
+
import y from "../layout/flex-view.js";
|
|
9
|
+
import J from "../separator/separator.js";
|
|
10
|
+
const Q = {
|
|
11
|
+
dotColor: "BLACK_1",
|
|
12
|
+
inactiveDotColor: "WHITE_1",
|
|
13
|
+
activeIndicatorSize: "8px",
|
|
14
|
+
inactiveIndicatorSize: "8px",
|
|
15
|
+
spacing: "8px"
|
|
16
|
+
}, U = {
|
|
17
|
+
buttonVariant: "secondary",
|
|
18
|
+
buttonSize: "xsmall",
|
|
19
|
+
spacing: 8,
|
|
20
|
+
hideOnMobile: !0
|
|
21
|
+
}, Y = ({
|
|
22
|
+
items: o,
|
|
23
|
+
children: h,
|
|
24
|
+
defaultIndex: b = 0,
|
|
25
|
+
transitionDuration: j = 300,
|
|
26
|
+
onSwipeLeft: s,
|
|
27
|
+
onSwipeRight: u,
|
|
28
|
+
onIndexChange: e,
|
|
29
|
+
showDots: C = !1,
|
|
30
|
+
dotsConfig: G,
|
|
31
|
+
showNavigationButtons: v = !1,
|
|
32
|
+
navigationConfig: I,
|
|
33
|
+
onDotClick: f
|
|
34
|
+
}, P) => {
|
|
35
|
+
const V = Math.max(0, Math.min(b, o.length - 1)), [r, m] = F(V), $ = r > 0, d = r < o.length - 1, p = { ...Q, ...G }, c = { ...U, ...I }, a = l(
|
|
36
|
+
(t) => {
|
|
37
|
+
t < 0 || t >= o.length || t === r || (m(t), e == null || e(t));
|
|
38
|
+
},
|
|
39
|
+
[r, o.length, e]
|
|
40
|
+
), A = l(() => {
|
|
41
|
+
if (!d) return;
|
|
42
|
+
const t = r + 1;
|
|
43
|
+
m(t), e == null || e(t), s == null || s();
|
|
44
|
+
}, [d, r, s, e]), M = l(() => {
|
|
45
|
+
if (!$) return;
|
|
46
|
+
const t = r - 1;
|
|
47
|
+
m(t), e == null || e(t), u == null || u();
|
|
48
|
+
}, [$, r, u, e]), _ = l(
|
|
49
|
+
(t) => {
|
|
50
|
+
a(t), f == null || f(t);
|
|
51
|
+
},
|
|
52
|
+
[a, f]
|
|
53
|
+
), E = l(() => {
|
|
54
|
+
a(r - 1);
|
|
55
|
+
}, [a, r]), H = l(() => {
|
|
56
|
+
a(r + 1);
|
|
57
|
+
}, [a, r]);
|
|
58
|
+
K(P, () => ({
|
|
59
|
+
currentIndex: r,
|
|
60
|
+
goToIndex: a
|
|
61
|
+
})), L(() => {
|
|
62
|
+
m(b);
|
|
63
|
+
}, [b]);
|
|
64
|
+
const S = () => !C || o.length <= 1 ? null : /* @__PURE__ */ i(y, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 8, children: o.map((t, n) => /* @__PURE__ */ i(
|
|
65
|
+
q,
|
|
66
|
+
{
|
|
67
|
+
onClick: () => _(n),
|
|
68
|
+
$isCurrent: n === r,
|
|
69
|
+
$dotColor: p.dotColor,
|
|
70
|
+
$inactiveDotColor: p.inactiveDotColor,
|
|
71
|
+
$activeIndicatorSize: p.activeIndicatorSize,
|
|
72
|
+
$inactiveIndicatorSize: p.inactiveIndicatorSize
|
|
73
|
+
},
|
|
74
|
+
n
|
|
75
|
+
)) }), T = () => !v || o.length <= 1 ? null : /* @__PURE__ */ z(N, { $bottom: "-48px", children: [
|
|
76
|
+
/* @__PURE__ */ i(J, { heightX: 1 }),
|
|
77
|
+
/* @__PURE__ */ z(
|
|
78
|
+
y,
|
|
79
|
+
{
|
|
80
|
+
$flexDirection: "row",
|
|
81
|
+
$alignItems: "center",
|
|
82
|
+
$justifyContent: "center",
|
|
83
|
+
$flex: 1,
|
|
84
|
+
$flexGap: c.spacing || 8,
|
|
85
|
+
children: [
|
|
86
|
+
/* @__PURE__ */ i(
|
|
87
|
+
D,
|
|
88
|
+
{
|
|
89
|
+
Icon: w,
|
|
90
|
+
renderAs: c.buttonVariant,
|
|
91
|
+
analyticsLabel: "Previous",
|
|
92
|
+
size: c.buttonSize,
|
|
93
|
+
onClick: E,
|
|
94
|
+
disabled: !$,
|
|
95
|
+
"aria-label": "Previous item"
|
|
96
|
+
}
|
|
97
|
+
),
|
|
98
|
+
S(),
|
|
99
|
+
/* @__PURE__ */ i(
|
|
100
|
+
D,
|
|
101
|
+
{
|
|
102
|
+
Icon: B,
|
|
103
|
+
renderAs: c.buttonVariant,
|
|
104
|
+
analyticsLabel: "Next",
|
|
105
|
+
size: c.buttonSize,
|
|
106
|
+
onClick: H,
|
|
107
|
+
disabled: !d,
|
|
108
|
+
"aria-label": "Next item"
|
|
109
|
+
}
|
|
110
|
+
)
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
)
|
|
114
|
+
] });
|
|
115
|
+
return /* @__PURE__ */ i(O, { onSwipeLeft: A, onSwipeRight: M, children: /* @__PURE__ */ z(X, { children: [
|
|
116
|
+
/* @__PURE__ */ i(
|
|
117
|
+
g,
|
|
118
|
+
{
|
|
119
|
+
$translate: r * 100,
|
|
120
|
+
$translateDuration: j,
|
|
121
|
+
children: o.map((t, n) => /* @__PURE__ */ i(k, { children: t }, n))
|
|
122
|
+
}
|
|
123
|
+
),
|
|
124
|
+
h,
|
|
125
|
+
C && !v && /* @__PURE__ */ i(N, { $bottom: "-8px", children: S() }),
|
|
126
|
+
v && T()
|
|
127
|
+
] }) });
|
|
128
|
+
}, ct = W(x(Y));
|
|
129
|
+
export {
|
|
130
|
+
ct as default
|
|
131
|
+
};
|
|
132
|
+
//# sourceMappingURL=swipable-carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swipable-carousel.js","sources":["../../../../src/features/ui/swipable-carousel/swipable-carousel.tsx"],"sourcesContent":["import {\n type ForwardRefRenderFunction,\n memo,\n useCallback,\n useEffect,\n useState,\n forwardRef,\n useImperativeHandle,\n} from 'react';\n\nimport SwipeableComponent from '../swipeable-component/swipeable-component';\nimport IconButton from '../buttons/icon-button/icon-button';\nimport * as Styled from './swipable-carousel-styled';\nimport type { ISwipableCarouselRefs, ISwipableCarousel } from './swipable-carousel-types';\nimport ChevronLeft from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRight from '../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../layout/flex-view';\nimport Separator from '../separator/separator';\n\n// Default dot configuration\nconst defaultDotConfig = {\n dotColor: 'BLACK_1' as const,\n inactiveDotColor: 'WHITE_1' as const,\n activeIndicatorSize: '8px',\n inactiveIndicatorSize: '8px',\n spacing: '8px',\n};\n\n// Default navigation configuration\nconst defaultNavigationConfig = {\n buttonVariant: 'secondary' as const,\n buttonSize: 'xsmall' as const,\n spacing: 8,\n hideOnMobile: true,\n};\n\nconst SwipableCarousel: ForwardRefRenderFunction<ISwipableCarouselRefs, ISwipableCarousel> = (\n {\n items,\n children,\n defaultIndex = 0,\n transitionDuration = 300,\n onSwipeLeft,\n onSwipeRight,\n onIndexChange,\n showDots = false,\n dotsConfig,\n showNavigationButtons = false,\n navigationConfig,\n onDotClick,\n },\n ref,\n) => {\n const validDefaultIndex = Math.max(0, Math.min(defaultIndex, items.length - 1));\n const [currIndex, setCurrIndex] = useState(validDefaultIndex);\n const canGoPrevious = currIndex > 0;\n const canGoNext = currIndex < items.length - 1;\n const finalDotConfig = { ...defaultDotConfig, ...dotsConfig };\n const finalNavigationConfig = { ...defaultNavigationConfig, ...navigationConfig };\n\n const goToIndex = useCallback(\n (index: number) => {\n if (index < 0 || index >= items.length || index === currIndex) return;\n setCurrIndex(index);\n onIndexChange?.(index);\n },\n [currIndex, items.length, onIndexChange],\n );\n\n const handleSwipeLeft = useCallback(() => {\n if (!canGoNext) return;\n\n const newIndex = currIndex + 1;\n\n setCurrIndex(newIndex);\n onIndexChange?.(newIndex);\n onSwipeLeft?.();\n }, [canGoNext, currIndex, onSwipeLeft, onIndexChange]);\n\n const handleSwipeRight = useCallback(() => {\n if (!canGoPrevious) return;\n\n const newIndex = currIndex - 1;\n\n setCurrIndex(newIndex);\n onIndexChange?.(newIndex);\n onSwipeRight?.();\n }, [canGoPrevious, currIndex, onSwipeRight, onIndexChange]);\n\n const handleDotClick = useCallback(\n (index: number) => {\n goToIndex(index);\n onDotClick?.(index);\n },\n [goToIndex, onDotClick],\n );\n\n const handlePrevious = useCallback(() => {\n goToIndex(currIndex - 1);\n }, [goToIndex, currIndex]);\n\n const handleNext = useCallback(() => {\n goToIndex(currIndex + 1);\n }, [goToIndex, currIndex]);\n\n useImperativeHandle(ref, () => ({\n currentIndex: currIndex,\n goToIndex,\n }));\n\n useEffect(() => {\n setCurrIndex(defaultIndex);\n }, [defaultIndex]);\n\n const renderDots = () => {\n if (!showDots || items.length <= 1) return null;\n\n return (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={8}>\n {items.map((_, index) => (\n <Styled.Dot\n key={index}\n onClick={() => handleDotClick(index)}\n $isCurrent={index === currIndex}\n $dotColor={finalDotConfig.dotColor}\n $inactiveDotColor={finalDotConfig.inactiveDotColor}\n $activeIndicatorSize={finalDotConfig.activeIndicatorSize}\n $inactiveIndicatorSize={finalDotConfig.inactiveIndicatorSize}\n />\n ))}\n </FlexView>\n );\n };\n\n const renderNavigation = () => {\n if (!showNavigationButtons || items.length <= 1) return null;\n\n return (\n <Styled.NavigationConatainer $bottom=\"-48px\">\n <Separator heightX={1} />\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $flex={1}\n $flexGap={finalNavigationConfig.spacing || 8}\n >\n <IconButton\n Icon={ChevronLeft}\n renderAs={finalNavigationConfig.buttonVariant}\n analyticsLabel=\"Previous\"\n size={finalNavigationConfig.buttonSize}\n onClick={handlePrevious}\n disabled={!canGoPrevious}\n aria-label=\"Previous item\"\n />\n {renderDots()}\n <IconButton\n Icon={ChevronRight}\n renderAs={finalNavigationConfig.buttonVariant}\n analyticsLabel=\"Next\"\n size={finalNavigationConfig.buttonSize}\n onClick={handleNext}\n disabled={!canGoNext}\n aria-label=\"Next item\"\n />\n </FlexView>\n </Styled.NavigationConatainer>\n );\n };\n\n return (\n <SwipeableComponent onSwipeLeft={handleSwipeLeft} onSwipeRight={handleSwipeRight}>\n <Styled.Carousel>\n <Styled.CarouselWrapper\n $translate={currIndex * 100}\n $translateDuration={transitionDuration}\n >\n {items.map((item, index) => (\n <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n ))}\n </Styled.CarouselWrapper>\n {children}\n {showDots && !showNavigationButtons && (\n <Styled.NavigationConatainer $bottom=\"-8px\">{renderDots()}</Styled.NavigationConatainer>\n )}\n {showNavigationButtons && renderNavigation()}\n </Styled.Carousel>\n </SwipeableComponent>\n );\n};\n\nexport default memo(forwardRef(SwipableCarousel));\n"],"names":["defaultDotConfig","defaultNavigationConfig","SwipableCarousel","items","children","defaultIndex","transitionDuration","onSwipeLeft","onSwipeRight","onIndexChange","showDots","dotsConfig","showNavigationButtons","navigationConfig","onDotClick","ref","validDefaultIndex","currIndex","setCurrIndex","useState","canGoPrevious","canGoNext","finalDotConfig","finalNavigationConfig","goToIndex","useCallback","index","handleSwipeLeft","newIndex","handleSwipeRight","handleDotClick","handlePrevious","handleNext","useImperativeHandle","useEffect","renderDots","jsx","FlexView","_","Styled.Dot","renderNavigation","jsxs","Styled.NavigationConatainer","Separator","IconButton","ChevronLeft","ChevronRight","SwipeableComponent","Styled.Carousel","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","SwipableCarousel$1","memo","forwardRef"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swipeable-component-styled.js","sources":["../../../../src/features/ui/swipeable-component/swipeable-component-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const SwipeableWrapper = styled.div`\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n`;\n"],"names":["SwipeableWrapper","styled"],"mappings":";AAEO,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
2
|
+
import { memo as T, useRef as l, useCallback as e } from "react";
|
|
3
|
+
import { SwipeableWrapper as X } from "./swipeable-component-styled.js";
|
|
4
|
+
const m = T(
|
|
5
|
+
({ onSwipeLeft: t, onSwipeRight: a, minSwipeDistance: o = 50, children: d }) => {
|
|
6
|
+
const s = l(0), n = l(0), u = e(() => {
|
|
7
|
+
const r = s.current - n.current;
|
|
8
|
+
Math.abs(r) < o || (r > 0 ? t == null || t() : a == null || a());
|
|
9
|
+
}, [o, t, a]), b = e((r) => {
|
|
10
|
+
var c;
|
|
11
|
+
s.current = ((c = r.changedTouches[0]) == null ? void 0 : c.clientX) || 0;
|
|
12
|
+
}, []), h = e(
|
|
13
|
+
(r) => {
|
|
14
|
+
var c;
|
|
15
|
+
n.current = ((c = r.changedTouches[0]) == null ? void 0 : c.clientX) || 0, u();
|
|
16
|
+
},
|
|
17
|
+
[u]
|
|
18
|
+
);
|
|
19
|
+
return /* @__PURE__ */ C(X, { onTouchStart: b, onTouchEnd: h, children: d });
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
m.displayName = "SwipeableComponent";
|
|
23
|
+
const E = m;
|
|
24
|
+
export {
|
|
25
|
+
E as default
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=swipeable-component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swipeable-component.js","sources":["../../../../src/features/ui/swipeable-component/swipeable-component.tsx"],"sourcesContent":["import { useRef, useCallback, memo } from 'react';\n\nimport * as Styled from './swipeable-component-styled';\nimport { type ISwipeableComponentProps } from './swipeable-component-types';\n\nconst SwipeableComponent: React.FC<ISwipeableComponentProps> = memo(\n ({ onSwipeLeft, onSwipeRight, minSwipeDistance = 50, children }) => {\n const touchStartX = useRef(0);\n const touchEndX = useRef(0);\n\n const handleSwipe = useCallback(() => {\n const distance = touchStartX.current - touchEndX.current;\n\n if (Math.abs(distance) < minSwipeDistance) return;\n\n if (distance > 0) {\n onSwipeLeft?.();\n } else {\n onSwipeRight?.();\n }\n }, [minSwipeDistance, onSwipeLeft, onSwipeRight]);\n\n const onTouchStart = useCallback((e: React.TouchEvent) => {\n touchStartX.current = e.changedTouches[0]?.clientX || 0;\n }, []);\n\n const onTouchEnd = useCallback(\n (e: React.TouchEvent) => {\n touchEndX.current = e.changedTouches[0]?.clientX || 0;\n handleSwipe();\n },\n [handleSwipe],\n );\n\n return (\n <Styled.SwipeableWrapper onTouchStart={onTouchStart} onTouchEnd={onTouchEnd}>\n {children}\n </Styled.SwipeableWrapper>\n );\n },\n);\n\nSwipeableComponent.displayName = 'SwipeableComponent';\n\nexport default SwipeableComponent;\n"],"names":["SwipeableComponent","memo","onSwipeLeft","onSwipeRight","minSwipeDistance","children","touchStartX","useRef","touchEndX","handleSwipe","useCallback","distance","onTouchStart","e","_a","onTouchEnd","Styled.SwipeableWrapper","SwipeableCard"],"mappings":";;;AAKA,MAAMA,IAAyDC;AAAA,EAC7D,CAAC,EAAE,aAAAC,GAAa,cAAAC,GAAc,kBAAAC,IAAmB,IAAI,UAAAC,QAAe;AAC5D,UAAAC,IAAcC,EAAO,CAAC,GACtBC,IAAYD,EAAO,CAAC,GAEpBE,IAAcC,EAAY,MAAM;AAC9B,YAAAC,IAAWL,EAAY,UAAUE,EAAU;AAEjD,MAAI,KAAK,IAAIG,CAAQ,IAAIP,MAErBO,IAAW,IACCT,KAAA,QAAAA,MAECC,KAAA,QAAAA;AAAA,IAEhB,GAAA,CAACC,GAAkBF,GAAaC,CAAY,CAAC,GAE1CS,IAAeF,EAAY,CAACG,MAAwB;;AACxD,MAAAP,EAAY,YAAUQ,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW;AAAA,IACxD,GAAG,CAAE,CAAA,GAECC,IAAaL;AAAA,MACjB,CAACG,MAAwB;;AACvB,QAAAL,EAAU,YAAUM,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW,GACxCL;MACd;AAAA,MACA,CAACA,CAAW;AAAA,IAAA;AAGd,6BACGO,GAAA,EAAwB,cAAAJ,GAA4B,YAAAG,GAClD,UAAAV,EACH,CAAA;AAAA,EAEJ;AACF;AAEAL,EAAmB,cAAc;AAEjC,MAAAiB,IAAejB;"}
|
|
@@ -264,6 +264,20 @@ function n(t = 1) {
|
|
|
264
264
|
letterSpacing: 1,
|
|
265
265
|
textTransform: "uppercase"
|
|
266
266
|
},
|
|
267
|
+
ac5: {
|
|
268
|
+
fontFamily: "Athletics-Bold",
|
|
269
|
+
fontSize: 10 * t,
|
|
270
|
+
lineHeight: 12 * t,
|
|
271
|
+
letterSpacing: 0.5,
|
|
272
|
+
textTransform: "uppercase"
|
|
273
|
+
},
|
|
274
|
+
"ac5-black": {
|
|
275
|
+
fontFamily: "Athletics-Black",
|
|
276
|
+
fontSize: 10 * t,
|
|
277
|
+
lineHeight: 12 * t,
|
|
278
|
+
letterSpacing: 0.5,
|
|
279
|
+
textTransform: "uppercase"
|
|
280
|
+
},
|
|
267
281
|
ub1: {
|
|
268
282
|
fontFamily: "UntitledSans-Regular",
|
|
269
283
|
fontSize: 16 * t,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sources":["../../../../src/features/ui/theme/text.ts"],"sourcesContent":["import type { ITextConfig, TTextVariants } from '../types';\n\nfunction getTextTypes(multiplier: number = 1): Record<TTextVariants, ITextConfig> {\n return {\n 'h1': {\n fontFamily: 'Athletics-Light',\n fontSize: 60 * multiplier,\n lineHeight: 60 * multiplier,\n },\n 'h2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 52 * multiplier,\n },\n 'h3': {\n fontFamily: 'Athletics-Black',\n fontSize: 40 * multiplier,\n lineHeight: 44 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h4': {\n fontFamily: 'Athletics-Medium',\n fontSize: 28 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'h5': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 28 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h6': {\n fontFamily: 'Athletics-Bold',\n fontSize: 18 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'quote': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'body1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body1Medium': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'body3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'eyebrow1': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'eyebrow2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'cta1': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta2': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta3': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'ah1': {\n fontFamily: 'Athletics-Light',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah3': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah4': {\n fontFamily: 'Athletics-Light',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ab1': {\n fontFamily: 'Athletics-Regular',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab2': {\n fontFamily: 'Athletics-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab3': {\n fontFamily: 'Athletics-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab4': {\n fontFamily: 'Athletics-Regular',\n fontSize: 8 * multiplier,\n lineHeight: 12 * multiplier,\n },\n 'ab3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab4-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 8 * multiplier,\n lineHeight: 12 * multiplier,\n },\n 'ab3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 8 * multiplier,\n lineHeight: 12 * multiplier,\n },\n 'ac1': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ub1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub1-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub2-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n 'ub3-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n };\n}\n\nexport default getTextTypes;\n"],"names":["getTextTypes","multiplier"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"text.js","sources":["../../../../src/features/ui/theme/text.ts"],"sourcesContent":["import type { ITextConfig, TTextVariants } from '../types';\n\nfunction getTextTypes(multiplier: number = 1): Record<TTextVariants, ITextConfig> {\n return {\n 'h1': {\n fontFamily: 'Athletics-Light',\n fontSize: 60 * multiplier,\n lineHeight: 60 * multiplier,\n },\n 'h2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 52 * multiplier,\n },\n 'h3': {\n fontFamily: 'Athletics-Black',\n fontSize: 40 * multiplier,\n lineHeight: 44 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h4': {\n fontFamily: 'Athletics-Medium',\n fontSize: 28 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'h5': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 28 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h6': {\n fontFamily: 'Athletics-Bold',\n fontSize: 18 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'quote': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'body1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body1Medium': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'body3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'eyebrow1': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'eyebrow2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'cta1': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta2': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta3': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'ah1': {\n fontFamily: 'Athletics-Light',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah3': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah4': {\n fontFamily: 'Athletics-Light',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ab1': {\n fontFamily: 'Athletics-Regular',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab2': {\n fontFamily: 'Athletics-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab3': {\n fontFamily: 'Athletics-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab4': {\n fontFamily: 'Athletics-Regular',\n fontSize: 8 * multiplier,\n lineHeight: 12 * multiplier,\n },\n 'ab3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab4-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 8 * multiplier,\n lineHeight: 12 * multiplier,\n },\n 'ab3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 8 * multiplier,\n lineHeight: 12 * multiplier,\n },\n 'ac1': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac5': {\n fontFamily: 'Athletics-Bold',\n fontSize: 10 * multiplier,\n lineHeight: 12 * multiplier,\n letterSpacing: 0.5,\n textTransform: 'uppercase',\n },\n 'ac5-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 10 * multiplier,\n lineHeight: 12 * multiplier,\n letterSpacing: 0.5,\n textTransform: 'uppercase',\n },\n 'ub1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub1-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub2-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n 'ub3-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n };\n}\n\nexport default getTextTypes;\n"],"names":["getTextTypes","multiplier"],"mappings":"AAEA,SAASA,EAAaC,IAAqB,GAAuC;AACzE,SAAA;AAAA,IACL,IAAM;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,IAAM;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,IAAM;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,IAAM;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,IAAM;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,IAAM;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,OAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,OAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAe;AAAA,MACb,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,OAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,OAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,UAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,UAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,MAAQ;AAAA,MACN,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,MAAQ;AAAA,MACN,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,MAAQ;AAAA,MACN,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,IAAIA;AAAA,MACd,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,IAAIA;AAAA,MACd,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,IAAIA;AAAA,MACd,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,MACjB,eAAe;AAAA,MACf,eAAe;AAAA,IACjB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,KAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU,KAAKA;AAAA,MACf,YAAY,KAAKA;AAAA,IACnB;AAAA,EAAA;AAEJ;"}
|