@magmamath/students-features 0.9.113 → 0.9.114-rc.0

package/dist/commonjs/shared/icons/TimerIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimerIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TimerIcon = ({
+  size = 25,
+  color = _reactNativeUi.COLORS.NEUTRAL_1
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 21 23",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M10.781 8.984a1.078 1.078 0 10-2.156 0v3.235H6.828a1.078 1.078 0 100 2.156h2.875c.596 0 1.078-.483 1.078-1.078V8.984z",
+      fill: color
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.547 0a1.078 1.078 0 100 2.156h1.078v1.497C3.773 4.189 0 8.303 0 13.297 0 18.656 4.344 23 9.703 23c5.359 0 9.703-4.344 9.703-9.703 0-2.28-.787-4.377-2.103-6.033l1.034-1.058.666.666a1.078 1.078 0 101.525-1.525l-2.875-2.875a1.078 1.078 0 10-1.525 1.525l.684.684-1.029 1.054a9.663 9.663 0 00-5.002-2.082V2.156h1.078a1.078 1.078 0 000-2.156H7.547zm-5.39 13.297a7.547 7.547 0 1115.093 0 7.547 7.547 0 01-15.094 0z",
+      fill: color
+    })]
+  });
+};
+exports.TimerIcon = TimerIcon;
+//# sourceMappingURL=TimerIcon.js.map

package/dist/commonjs/shared/icons/TimerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TimerIcon","size","color","COLORS","NEUTRAL_1","jsxs","width","height","viewBox","fill","children","jsx","Path","d","fillRule","clipRule","exports"],"sourceRoot":"../../../../src","sources":["shared/icons/TimerIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAAmD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAE5C,MAAMmB,SAAS,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAGC,qBAAM,CAACC;AAAqB,CAAC,KAAK;EAC/E,oBACE,IAAAzB,WAAA,CAAA0B,IAAA,EAAC7B,eAAA,CAAAU,OAAG;IAACoB,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,gBAC7D,IAAA/B,WAAA,CAAAgC,GAAA,EAACnC,eAAA,CAAAoC,IAAI;MACHC,CAAC,EAAC,uHAAuH;MACzHJ,IAAI,EAAEP;IAAM,CACb,CAAC,eACF,IAAAvB,WAAA,CAAAgC,GAAA,EAACnC,eAAA,CAAAoC,IAAI;MACHE,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBF,CAAC,EAAC,4ZAA4Z;MAC9ZJ,IAAI,EAAEP;IAAM,CACb,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAAc,OAAA,CAAAhB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/module/features/pmProgress/PracticeProgress.js

@@ -0,0 +1,258 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { BORDER_RADIUS, COLORS, SPACING, ScrollableList, Button, ButtonSize, ButtonVariant } from '@magmamath/react-native-ui';
+import { PracticeProgressPieChart } from "./chart/components/PracticeProgressPieChart.js";
+import { DEFAULT_CONFIG, SAMPLE_DATA } from "./temp.js";
+import { PracticeProgressHeader } from "./header/PracticeProgressHeader.js";
+import { PracticeProgressStats } from "./stats/PracticeProgressStats.js";
+import { ListCard } from "./list/ListCard.js";
+import { SliceDiamondIcon } from "../../shared/icons/SliceDiamondIcon.js";
+import { PentagonIcon } from "../../shared/icons/PentagonIcon.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SAMPLE_ITEMS = [{
+  title: 'Solve real-world problems',
+  subtitle: '4.NS.3B',
+  skillsLeft: 3
+}, {
+  title: 'Divide fractions',
+  subtitle: '4.NS.3A',
+  skillsLeft: 0,
+  isFinished: true
+}, {
+  title: 'Add and subtract fractions',
+  subtitle: '4.NS.2A',
+  skillsLeft: 5
+}, {
+  title: 'Multiply whole numbers',
+  subtitle: '4.NS.1C',
+  skillsLeft: 0,
+  isFinished: true
+}];
+const LIST_DATA = [...Array.from({
+  length: 11
+}, (_, i) => ({
+  id: `algebra-${i}`,
+  title: 'Algebra and Functions',
+  color: COLORS.PRIMARY_INDIGO,
+  icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+    color: COLORS.PRIMARY_INDIGO
+  }),
+  items: SAMPLE_ITEMS,
+  progress: Math.round(10 + i * 8)
+})), {
+  id: 'data-analysis',
+  title: 'Data Analysis and Probability',
+  color: COLORS.PRIMARY_BLUE,
+  icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+    color: COLORS.PRIMARY_BLUE
+  }),
+  items: SAMPLE_ITEMS,
+  progress: 63
+}, {
+  id: 'ratios',
+  title: 'Ratios and Proportionality',
+  color: COLORS.PRIMARY_RED,
+  icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+    color: COLORS.PRIMARY_RED
+  }),
+  items: SAMPLE_ITEMS,
+  progress: 27
+}];
+const FLUENCY_DATA = {
+  id: 'fluency',
+  title: 'Fluency',
+  color: COLORS.PRIMARY_ORANGE,
+  icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+    color: COLORS.PRIMARY_ORANGE
+  }),
+  items: SAMPLE_ITEMS,
+  progress: 85
+};
+const SCROLLBAR_WIDTH = 8;
+const BADGE_SIZE = 20;
+const BADGE_OFFSET = -8;
+const BADGE_FONT_SIZE = 12;
+const CHART_SIZE = 432;
+const STATS_MAX_HEIGHT = 136;
+const ListFooter = () => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(View, {
+    style: styles.separator
+  }), /*#__PURE__*/_jsx(ListCard, {
+    icon: FLUENCY_DATA.icon,
+    title: FLUENCY_DATA.title,
+    color: FLUENCY_DATA.color,
+    items: FLUENCY_DATA.items,
+    progress: FLUENCY_DATA.progress,
+    isFirst: true,
+    isLast: true
+  })]
+});
+export const PracticeProgress = () => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(PracticeProgressHeader, {
+    title: "Practice & Progress",
+    buttonLabel: "START",
+    grade: "Grade 4",
+    nextUp: "Next up!",
+    topic: "Algebra and functions",
+    topicColor: COLORS.PRIMARY_RED
+  }), /*#__PURE__*/_jsxs(View, {
+    style: styles.content,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.column,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.recommendations,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.badgeWrapper,
+          children: [/*#__PURE__*/_jsx(ListCard, {
+            icon: /*#__PURE__*/_jsx(PentagonIcon, {
+              color: COLORS.PRIMARY_YELLOW
+            }),
+            title: "Teacher Recommendations",
+            color: COLORS.PRIMARY_YELLOW,
+            items: SAMPLE_ITEMS,
+            progress: 42,
+            isFirst: true,
+            isLast: true,
+            rightContent: /*#__PURE__*/_jsx(Button, {
+              size: ButtonSize.SMALL,
+              variant: ButtonVariant.SECONDARY,
+              children: "PRACTICE"
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.badge,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.badgeText,
+              children: "7"
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.cards,
+        children: /*#__PURE__*/_jsx(ScrollableList, {
+          style: styles.scroll,
+          scrollbarWidth: SCROLLBAR_WIDTH,
+          hideShadow: true,
+          data: LIST_DATA,
+          renderItem: ({
+            item,
+            index
+          }) => /*#__PURE__*/_jsx(ListCard, {
+            icon: item.icon,
+            title: item.title,
+            color: item.color,
+            items: item.items,
+            progress: item.progress,
+            isFirst: index === 0,
+            isLast: index === LIST_DATA.length - 1
+          }),
+          keyExtractor: item => item.id,
+          contentContainerStyle: styles.list,
+          ListFooterComponent: ListFooter
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.metrics,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.chart,
+        children: /*#__PURE__*/_jsx(PracticeProgressPieChart, {
+          data: SAMPLE_DATA,
+          config: DEFAULT_CONFIG
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.stats,
+        children: /*#__PURE__*/_jsx(PracticeProgressStats, {})
+      })]
+    })]
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  column: {
+    flex: 1,
+    gap: SPACING[200],
+    marginRight: SPACING[400] + SPACING[50]
+  },
+  recommendations: {
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[400],
+    overflow: 'visible'
+  },
+  badgeWrapper: {
+    position: 'relative'
+  },
+  badge: {
+    position: 'absolute',
+    top: BADGE_OFFSET,
+    right: BADGE_OFFSET,
+    width: BADGE_SIZE,
+    height: BADGE_SIZE,
+    backgroundColor: COLORS.PRIMARY_RED,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BADGE_SIZE / 2
+  },
+  badgeText: {
+    fontSize: BADGE_FONT_SIZE,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_1,
+    textAlign: 'center'
+  },
+  cards: {
+    flex: 1,
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[400],
+    overflow: 'visible'
+  },
+  scroll: {
+    flex: 1
+  },
+  list: {
+    marginRight: SPACING[400]
+  },
+  separator: {
+    height: 1,
+    backgroundColor: COLORS.NEUTRAL_4,
+    marginHorizontal: SPACING[100],
+    marginVertical: SPACING[200]
+  },
+  metrics: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[250],
+    width: CHART_SIZE,
+    height: CHART_SIZE,
+    marginBottom: SPACING[400],
+    marginTop: SPACING[400]
+  },
+  stats: {
+    maxHeight: STATS_MAX_HEIGHT,
+    height: '100%',
+    padding: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[300],
+    shadowColor: COLORS.NEUTRAL_9,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 2
+  }
+});
+//# sourceMappingURL=PracticeProgress.js.map

package/dist/module/features/pmProgress/PracticeProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","BORDER_RADIUS","COLORS","SPACING","ScrollableList","Button","ButtonSize","ButtonVariant","PracticeProgressPieChart","DEFAULT_CONFIG","SAMPLE_DATA","PracticeProgressHeader","PracticeProgressStats","ListCard","SliceDiamondIcon","PentagonIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SAMPLE_ITEMS","title","subtitle","skillsLeft","isFinished","LIST_DATA","Array","from","length","_","i","id","color","PRIMARY_INDIGO","icon","items","progress","Math","round","PRIMARY_BLUE","PRIMARY_RED","FLUENCY_DATA","PRIMARY_ORANGE","SCROLLBAR_WIDTH","BADGE_SIZE","BADGE_OFFSET","BADGE_FONT_SIZE","CHART_SIZE","STATS_MAX_HEIGHT","ListFooter","children","style","styles","separator","isFirst","isLast","PracticeProgress","container","buttonLabel","grade","nextUp","topic","topicColor","content","column","recommendations","badgeWrapper","PRIMARY_YELLOW","rightContent","size","SMALL","variant","SECONDARY","badge","badgeText","cards","scroll","scrollbarWidth","hideShadow","data","renderItem","item","index","keyExtractor","contentContainerStyle","list","ListFooterComponent","metrics","chart","config","stats","create","flex","flexDirection","gap","marginRight","backgroundColor","NEUTRAL_1","padding","borderRadius","overflow","position","top","right","width","height","alignItems","justifyContent","fontSize","fontWeight","textAlign","NEUTRAL_4","marginHorizontal","marginVertical","marginBottom","marginTop","maxHeight","shadowColor","NEUTRAL_9","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../src","sources":["features/pmProgress/PracticeProgress.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/chart/chart.helpers.js

@@ -0,0 +1,16 @@
+"use strict";
+
+export const getSliceClipId = index => `slice-clip-${index}`;
+export const getFillClipId = index => `fill-clip-${index}`;
+export const dynamicInnerRadius = sliceCount => {
+  if (sliceCount > 5) return 16;
+  if (sliceCount > 3) return 20;
+  return 30;
+};
+export const dynamicCornerRadius = fillPercent => {
+  return 8;
+  if (fillPercent >= 75) return 8;
+  if (fillPercent >= 40) return 5;
+  return 2;
+};
+//# sourceMappingURL=chart.helpers.js.map

package/dist/module/features/pmProgress/chart/chart.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getSliceClipId","index","getFillClipId","dynamicInnerRadius","sliceCount","dynamicCornerRadius","fillPercent"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/chart/chart.helpers.ts"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAIC,KAAsB,IAAK,cAAcA,KAAK,EAAE;AAC/E,OAAO,MAAMC,aAAa,GAAID,KAAsB,IAAK,aAAaA,KAAK,EAAE;AAE7E,OAAO,MAAME,kBAAkB,GAAIC,UAAkB,IAAa;EAChE,IAAIA,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE;EAC7B,IAAIA,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE;EAC7B,OAAO,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIC,WAAmB,IAAa;EAClE,OAAO,CAAC;EACR,IAAIA,WAAW,IAAI,EAAE,EAAE,OAAO,CAAC;EAC/B,IAAIA,WAAW,IAAI,EAAE,EAAE,OAAO,CAAC;EAC/B,OAAO,CAAC;AACV,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/chart.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=chart.types.js.map

package/dist/module/features/pmProgress/chart/chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["features/pmProgress/chart/chart.types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/features/pmProgress/chart/components/PracticeProgressPieChart.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import React, { memo, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import Svg, { G } from 'react-native-svg';
+import { PieChartManager } from "../model/PieChartManager.js";
+import { SlicesClipPaths } from "./SlicesClipPaths.js";
+import { SlicesPaths } from "./SlicesPaths.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PracticeProgressPieChart = /*#__PURE__*/memo(({
+  data,
+  config
+}) => {
+  const [pieChartManager] = useState(() => new PieChartManager(config));
+  const center = pieChartManager.getCenter();
+  const slices = useMemo(() => {
+    return pieChartManager.shape.generateSlices(data);
+  }, [data]);
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Svg, {
+      width: config.size,
+      height: config.size,
+      children: /*#__PURE__*/_jsxs(G, {
+        x: center.x,
+        y: center.y,
+        children: [/*#__PURE__*/_jsx(SlicesClipPaths, {
+          slices: slices,
+          pieChartManager: pieChartManager
+        }), /*#__PURE__*/_jsx(SlicesPaths, {
+          slices: slices,
+          pieChartManager: pieChartManager,
+          config: config
+        })]
+      })
+    })
+  });
+});
+//# sourceMappingURL=PracticeProgressPieChart.js.map

package/dist/module/features/pmProgress/chart/components/PracticeProgressPieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useState","View","Svg","G","PieChartManager","SlicesClipPaths","SlicesPaths","jsx","_jsx","jsxs","_jsxs","PracticeProgressPieChart","data","config","pieChartManager","center","getCenter","slices","shape","generateSlices","children","width","size","height","x","y"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/components/PracticeProgressPieChart.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAAqBC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,GAAG,IAAIC,CAAC,QAAQ,kBAAkB;AACzC,SAASC,eAAe,QAAQ,6BAA0B;AAC1D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ3C,OAAO,MAAMC,wBAAwB,gBAAGb,IAAI,CAAC,CAAC;EAAEc,IAAI;EAAEC;AAAsC,CAAC,KAAK;EAChG,MAAM,CAACC,eAAe,CAAC,GAAGd,QAAQ,CAAC,MAAM,IAAII,eAAe,CAACS,MAAM,CAAC,CAAC;EACrE,MAAME,MAAM,GAAGD,eAAe,CAACE,SAAS,CAAC,CAAC;EAE1C,MAAMC,MAAM,GAAGlB,OAAO,CAAC,MAAM;IAC3B,OAAOe,eAAe,CAACI,KAAK,CAACC,cAAc,CAACP,IAAI,CAAC;EACnD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEJ,IAAA,CAACP,IAAI;IAAAmB,QAAA,eACHZ,IAAA,CAACN,GAAG;MAACmB,KAAK,EAAER,MAAM,CAACS,IAAK;MAACC,MAAM,EAAEV,MAAM,CAACS,IAAK;MAAAF,QAAA,eAC3CV,KAAA,CAACP,CAAC;QAACqB,CAAC,EAAET,MAAM,CAACS,CAAE;QAACC,CAAC,EAAEV,MAAM,CAACU,CAAE;QAAAL,QAAA,gBAC1BZ,IAAA,CAACH,eAAe;UAACY,MAAM,EAAEA,MAAO;UAACH,eAAe,EAAEA;QAAgB,CAAE,CAAC,eACrEN,IAAA,CAACF,WAAW;UAACW,MAAM,EAAEA,MAAO;UAACH,eAAe,EAAEA,eAAgB;UAACD,MAAM,EAAEA;QAAO,CAAE,CAAC;MAAA,CAChF;IAAC,CACD;EAAC,CACF,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/components/SlicesClipPaths.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import React from 'react';
+import { ClipPath, Defs, Path } from 'react-native-svg';
+import { getSliceClipId, getFillClipId } from "../chart.helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SlicesClipPaths = ({
+  slices,
+  pieChartManager
+}) => {
+  return /*#__PURE__*/_jsx(Defs, {
+    children: slices.map(slice => {
+      const isPartiallyFilled = slice.fillPercent > 0 && slice.fillPercent < 100;
+      const shapeId = getSliceClipId(slice.index);
+      const fillId = getFillClipId(slice.index);
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx(ClipPath, {
+          id: shapeId,
+          children: /*#__PURE__*/_jsx(Path, {
+            d: pieChartManager.shape.generateSlicePath(slice)
+          })
+        }), isPartiallyFilled && /*#__PURE__*/_jsx(ClipPath, {
+          id: fillId,
+          children: /*#__PURE__*/_jsx(Path, {
+            d: pieChartManager.shape.generateFillPath(slice)
+          })
+        })]
+      }, slice.index);
+    })
+  });
+};
+//# sourceMappingURL=SlicesClipPaths.js.map

package/dist/module/features/pmProgress/chart/components/SlicesClipPaths.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ClipPath","Defs","Path","getSliceClipId","getFillClipId","jsx","_jsx","jsxs","_jsxs","SlicesClipPaths","slices","pieChartManager","children","map","slice","isPartiallyFilled","fillPercent","shapeId","index","fillId","Fragment","id","d","shape","generateSlicePath","generateFillPath"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/components/SlicesClipPaths.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACvD,SAASC,cAAc,EAAEC,aAAa,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShE,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAsC,CAAC,KAAK;EACpF,oBACEL,IAAA,CAACL,IAAI;IAAAW,QAAA,EACFF,MAAM,CAACG,GAAG,CAAEC,KAAK,IAAK;MACrB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,WAAW,GAAG,CAAC,IAAIF,KAAK,CAACE,WAAW,GAAG,GAAG;MAC1E,MAAMC,OAAO,GAAGd,cAAc,CAACW,KAAK,CAACI,KAAK,CAAC;MAC3C,MAAMC,MAAM,GAAGf,aAAa,CAACU,KAAK,CAACI,KAAK,CAAC;MAEzC,oBACEV,KAAA,CAACT,KAAK,CAACqB,QAAQ;QAAAR,QAAA,gBACbN,IAAA,CAACN,QAAQ;UAACqB,EAAE,EAAEJ,OAAQ;UAAAL,QAAA,eACpBN,IAAA,CAACJ,IAAI;YAACoB,CAAC,EAAEX,eAAe,CAACY,KAAK,CAACC,iBAAiB,CAACV,KAAK;UAAE,CAAE;QAAC,CACnD,CAAC,EAEVC,iBAAiB,iBAChBT,IAAA,CAACN,QAAQ;UAACqB,EAAE,EAAEF,MAAO;UAAAP,QAAA,eACnBN,IAAA,CAACJ,IAAI;YAACoB,CAAC,EAAEX,eAAe,CAACY,KAAK,CAACE,gBAAgB,CAACX,KAAK;UAAE,CAAE;QAAC,CAClD,CACX;MAAA,GATkBA,KAAK,CAACI,KAUX,CAAC;IAErB,CAAC;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/components/SlicesPaths.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { G } from 'react-native-svg';
+import { useUnit } from 'effector-react';
+import { SliceBackgroundColor } from "./layers/SliceBackgroundColor.js";
+import { SliceFillColor } from "./layers/SliceFillColor.js";
+import { SliceArcPattern } from "./layers/SliceArcPattern.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const SlicesPaths = ({
+  slices,
+  pieChartManager,
+  config
+}) => {
+  const highlightedIndex = useUnit(pieChartManager.highlight.$highlightedIndex);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: slices.map(slice => {
+      const id = `${slice.index}`;
+      const shapeSvg = pieChartManager.shape.generateSlicePath(slice);
+      const fillSvg = pieChartManager.shape.generateFillPath(slice);
+      const isHighlighted = highlightedIndex === slice.index;
+      const translateY = pieChartManager.highlight.getTranslateY(isHighlighted);
+      return /*#__PURE__*/_jsxs(G, {
+        style: styles.container,
+        translateY: translateY,
+        onPressIn: () => pieChartManager.highlight.highlightSlice(slice.index),
+        onPressOut: () => pieChartManager.highlight.resetHighlight(),
+        children: [/*#__PURE__*/_jsx(SliceBackgroundColor, {
+          path: shapeSvg,
+          color: slice.backgroundColor
+        }), /*#__PURE__*/_jsx(SliceFillColor, {
+          clipPathId: id,
+          shapeSvg: shapeSvg,
+          fillSvg: fillSvg,
+          color: slice.fillColor,
+          percent: slice.fillPercent,
+          borderColor: isHighlighted ? slice.borderColor : undefined,
+          borderWidth: isHighlighted ? config.borderWidth : undefined
+        }), /*#__PURE__*/_jsx(SliceArcPattern, {
+          clipPathId: id,
+          slice: slice,
+          config: config,
+          pieChartManager: pieChartManager
+        })]
+      }, id);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    cursor: 'pointer',
+    ...(Platform.OS === 'web' ? {
+      transition: 'transform 0.1s ease-in-out'
+    } : {})
+  }
+});
+//# sourceMappingURL=SlicesPaths.js.map

package/dist/module/features/pmProgress/chart/components/SlicesPaths.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","G","useUnit","SliceBackgroundColor","SliceFillColor","SliceArcPattern","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SlicesPaths","slices","pieChartManager","config","highlightedIndex","highlight","$highlightedIndex","children","map","slice","id","index","shapeSvg","shape","generateSlicePath","fillSvg","generateFillPath","isHighlighted","translateY","getTranslateY","style","styles","container","onPressIn","highlightSlice","onPressOut","resetHighlight","path","color","backgroundColor","clipPathId","fillColor","percent","fillPercent","borderColor","undefined","borderWidth","create","cursor","OS","transition"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/components/SlicesPaths.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,CAAC,QAAQ,kBAAkB;AACpC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,eAAe,QAAQ,6BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAU1D,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC,eAAe;EAAEC;AAAyB,CAAC,KAAK;EACpF,MAAMC,gBAAgB,GAAGd,OAAO,CAACY,eAAe,CAACG,SAAS,CAACC,iBAAiB,CAAC;EAE7E,oBACEX,IAAA,CAAAI,SAAA;IAAAQ,QAAA,EACGN,MAAM,CAACO,GAAG,CAAEC,KAAK,IAAK;MACrB,MAAMC,EAAE,GAAG,GAAGD,KAAK,CAACE,KAAK,EAAE;MAC3B,MAAMC,QAAQ,GAAGV,eAAe,CAACW,KAAK,CAACC,iBAAiB,CAACL,KAAK,CAAC;MAC/D,MAAMM,OAAO,GAAGb,eAAe,CAACW,KAAK,CAACG,gBAAgB,CAACP,KAAK,CAAC;MAC7D,MAAMQ,aAAa,GAAGb,gBAAgB,KAAKK,KAAK,CAACE,KAAK;MACtD,MAAMO,UAAU,GAAGhB,eAAe,CAACG,SAAS,CAACc,aAAa,CAACF,aAAa,CAAC;MAEzE,oBACEpB,KAAA,CAACR,CAAC;QAEA+B,KAAK,EAAEC,MAAM,CAACC,SAAU;QACxBJ,UAAU,EAAEA,UAAW;QACvBK,SAAS,EAAEA,CAAA,KAAMrB,eAAe,CAACG,SAAS,CAACmB,cAAc,CAACf,KAAK,CAACE,KAAK,CAAE;QACvEc,UAAU,EAAEA,CAAA,KAAMvB,eAAe,CAACG,SAAS,CAACqB,cAAc,CAAC,CAAE;QAAAnB,QAAA,gBAE7DZ,IAAA,CAACJ,oBAAoB;UAACoC,IAAI,EAAEf,QAAS;UAACgB,KAAK,EAAEnB,KAAK,CAACoB;QAAgB,CAAE,CAAC,eAEtElC,IAAA,CAACH,cAAc;UACbsC,UAAU,EAAEpB,EAAG;UACfE,QAAQ,EAAEA,QAAS;UACnBG,OAAO,EAAEA,OAAQ;UACjBa,KAAK,EAAEnB,KAAK,CAACsB,SAAU;UACvBC,OAAO,EAAEvB,KAAK,CAACwB,WAAY;UAC3BC,WAAW,EAAEjB,aAAa,GAAGR,KAAK,CAACyB,WAAW,GAAGC,SAAU;UAC3DC,WAAW,EAAEnB,aAAa,GAAGd,MAAM,CAACiC,WAAW,GAAGD;QAAU,CAC7D,CAAC,eAEFxC,IAAA,CAACF,eAAe;UACdqC,UAAU,EAAEpB,EAAG;UACfD,KAAK,EAAEA,KAAM;UACbN,MAAM,EAAEA,MAAO;UACfD,eAAe,EAAEA;QAAgB,CAClC,CAAC;MAAA,GAvBGQ,EAwBJ,CAAC;IAER,CAAC;EAAC,CACF,CAAC;AAEP,CAAC;AAED,MAAMW,MAAM,GAAGjC,UAAU,CAACiD,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,MAAM,EAAE,SAAS;IACjB,IAAInD,QAAQ,CAACoD,EAAE,KAAK,KAAK,GAAG;MAAEC,UAAU,EAAE;IAA6B,CAAC,GAAG,CAAC,CAAC;EAC/E;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/components/layers/SliceArcPattern.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import React from 'react';
+import { G, Path } from 'react-native-svg';
+import { getSliceClipId } from "../../chart.helpers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliceArcPattern = ({
+  clipPathId,
+  slice,
+  pieChartManager,
+  config
+}) => {
+  const patternSizes = pieChartManager.pattern.getPatternTrackSizes();
+  return /*#__PURE__*/_jsx(G, {
+    clipPath: `url(#${getSliceClipId(clipPathId)})`,
+    children: patternSizes.map((radius, rowIndex) => {
+      const arcPath = pieChartManager.pattern.generateArcPath(slice, radius);
+      const dashWidth = pieChartManager.pattern.getDashWidthForRadius(radius);
+      const dashOffset = pieChartManager.pattern.getDashOffset(rowIndex, radius);
+      return /*#__PURE__*/_jsx(Path, {
+        d: arcPath,
+        fill: "none",
+        stroke: config.outerArc.color,
+        strokeWidth: config.outerArc.strokeWidth,
+        strokeDasharray: [dashWidth, dashWidth],
+        strokeDashoffset: dashOffset,
+        strokeLinecap: "butt"
+      }, rowIndex);
+    })
+  });
+};
+//# sourceMappingURL=SliceArcPattern.js.map

package/dist/module/features/pmProgress/chart/components/layers/SliceArcPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","G","Path","getSliceClipId","jsx","_jsx","SliceArcPattern","clipPathId","slice","pieChartManager","config","patternSizes","pattern","getPatternTrackSizes","clipPath","children","map","radius","rowIndex","arcPath","generateArcPath","dashWidth","getDashWidthForRadius","dashOffset","getDashOffset","d","fill","stroke","outerArc","color","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/chart/components/layers/SliceArcPattern.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,CAAC,EAAEC,IAAI,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAWpD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,UAAU;EACVC,KAAK;EACLC,eAAe;EACfC;AACoB,CAAC,KAAK;EAC1B,MAAMC,YAAY,GAAGF,eAAe,CAACG,OAAO,CAACC,oBAAoB,CAAC,CAAC;EAEnE,oBACER,IAAA,CAACJ,CAAC;IAACa,QAAQ,EAAE,QAAQX,cAAc,CAACI,UAAU,CAAC,GAAI;IAAAQ,QAAA,EAChDJ,YAAY,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,QAAQ,KAAK;MACtC,MAAMC,OAAO,GAAGV,eAAe,CAACG,OAAO,CAACQ,eAAe,CAACZ,KAAK,EAAES,MAAM,CAAC;MACtE,MAAMI,SAAS,GAAGZ,eAAe,CAACG,OAAO,CAACU,qBAAqB,CAACL,MAAM,CAAC;MACvE,MAAMM,UAAU,GAAGd,eAAe,CAACG,OAAO,CAACY,aAAa,CAACN,QAAQ,EAAED,MAAM,CAAC;MAE1E,oBACEZ,IAAA,CAACH,IAAI;QAEHuB,CAAC,EAAEN,OAAQ;QACXO,IAAI,EAAC,MAAM;QACXC,MAAM,EAAEjB,MAAM,CAACkB,QAAQ,CAACC,KAAM;QAC9BC,WAAW,EAAEpB,MAAM,CAACkB,QAAQ,CAACE,WAAY;QACzCC,eAAe,EAAE,CAACV,SAAS,EAAEA,SAAS,CAAE;QACxCW,gBAAgB,EAAET,UAAW;QAC7BU,aAAa,EAAC;MAAM,GAPff,QAQN,CAAC;IAEN,CAAC;EAAC,CACD,CAAC;AAER,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/components/layers/SliceBackgroundColor.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React from 'react';
+import { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliceBackgroundColor = ({
+  path,
+  color
+}) => {
+  return /*#__PURE__*/_jsx(Path, {
+    d: path,
+    fill: color
+  });
+};
+//# sourceMappingURL=SliceBackgroundColor.js.map

package/dist/module/features/pmProgress/chart/components/layers/SliceBackgroundColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Path","jsx","_jsx","SliceBackgroundColor","path","color","d","fill"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/chart/components/layers/SliceBackgroundColor.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOvC,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EAC7E,oBAAOH,IAAA,CAACF,IAAI;IAACM,CAAC,EAAEF,IAAK;IAACG,IAAI,EAAEF;EAAM,CAAE,CAAC;AACvC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/components/layers/SliceFillColor.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import React from 'react';
+import { G, Path } from 'react-native-svg';
+import { getSliceClipId, getFillClipId } from "../../chart.helpers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliceFillColor = ({
+  clipPathId,
+  shapeSvg,
+  fillSvg,
+  color,
+  percent,
+  borderColor,
+  borderWidth
+}) => {
+  const isFullyFilled = percent >= 100;
+  const isPartiallyFilled = percent > 0;
+  const hasBorder = borderColor != null && borderWidth != null && borderWidth > 0;
+  if (isFullyFilled) {
+    return /*#__PURE__*/_jsx(G, {
+      clipPath: `url(#${getSliceClipId(clipPathId)})`,
+      children: /*#__PURE__*/_jsx(Path, {
+        d: shapeSvg,
+        fill: color,
+        stroke: hasBorder ? borderColor : undefined,
+        strokeWidth: hasBorder ? borderWidth * 2 : undefined
+      })
+    });
+  }
+  if (isPartiallyFilled) {
+    return /*#__PURE__*/_jsx(G, {
+      clipPath: `url(#${getFillClipId(clipPathId)})`,
+      children: /*#__PURE__*/_jsx(Path, {
+        d: fillSvg,
+        fill: color,
+        stroke: hasBorder ? borderColor : undefined,
+        strokeWidth: hasBorder ? borderWidth * 2 : undefined
+      })
+    });
+  }
+  return null;
+};
+//# sourceMappingURL=SliceFillColor.js.map

package/dist/module/features/pmProgress/chart/components/layers/SliceFillColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","G","Path","getSliceClipId","getFillClipId","jsx","_jsx","SliceFillColor","clipPathId","shapeSvg","fillSvg","color","percent","borderColor","borderWidth","isFullyFilled","isPartiallyFilled","hasBorder","clipPath","children","d","fill","stroke","undefined","strokeWidth"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/chart/components/layers/SliceFillColor.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,CAAC,EAAEC,IAAI,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,EAAEC,aAAa,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAYnE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC;AACmB,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGH,OAAO,IAAI,GAAG;EACpC,MAAMI,iBAAiB,GAAGJ,OAAO,GAAG,CAAC;EACrC,MAAMK,SAAS,GAAGJ,WAAW,IAAI,IAAI,IAAIC,WAAW,IAAI,IAAI,IAAIA,WAAW,GAAG,CAAC;EAE/E,IAAIC,aAAa,EAAE;IACjB,oBACET,IAAA,CAACL,CAAC;MAACiB,QAAQ,EAAE,QAAQf,cAAc,CAACK,UAAU,CAAC,GAAI;MAAAW,QAAA,eACjDb,IAAA,CAACJ,IAAI;QACHkB,CAAC,EAAEX,QAAS;QACZY,IAAI,EAAEV,KAAM;QACZW,MAAM,EAAEL,SAAS,GAAGJ,WAAW,GAAGU,SAAU;QAC5CC,WAAW,EAAEP,SAAS,GAAGH,WAAW,GAAG,CAAC,GAAGS;MAAU,CACtD;IAAC,CACD,CAAC;EAER;EAEA,IAAIP,iBAAiB,EAAE;IACrB,oBACEV,IAAA,CAACL,CAAC;MAACiB,QAAQ,EAAE,QAAQd,aAAa,CAACI,UAAU,CAAC,GAAI;MAAAW,QAAA,eAChDb,IAAA,CAACJ,IAAI;QACHkB,CAAC,EAAEV,OAAQ;QACXW,IAAI,EAAEV,KAAM;QACZW,MAAM,EAAEL,SAAS,GAAGJ,WAAW,GAAGU,SAAU;QAC5CC,WAAW,EAAEP,SAAS,GAAGH,WAAW,GAAG,CAAC,GAAGS;MAAU,CACtD;IAAC,CACD,CAAC;EAER;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/chart/model/ArcPatternGenerator.js

@@ -0,0 +1,44 @@
+"use strict";
+
+export class OuterArcPatternGenerator {
+  constructor(config) {
+    this.config = config;
+  }
+  generateArcPath(slice, radius) {
+    const gapAngle = this.config.gapBetweenSlices / (2 * radius);
+    const startAngle = slice.startAngle + gapAngle;
+    const endAngle = slice.endAngle - gapAngle;
+    const startPoint = this.polarToCartesian(radius, startAngle);
+    const endPoint = this.polarToCartesian(radius, endAngle);
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+    return `M ${startPoint.x} ${startPoint.y} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endPoint.x} ${endPoint.y}`;
+  }
+
+  /** Returns the sizes of the two rings where the checkerboard dashes are drawn. */
+  getPatternTrackSizes() {
+    const {
+      outerRadius,
+      outerArc
+    } = this.config;
+    return [outerRadius - outerArc.strokeWidth / 2, outerRadius - outerArc.strokeWidth * 1.5];
+  }
+  getDashWidthForRadius(radius) {
+    return this.config.outerArc.dashWidth * (radius / this.config.outerRadius);
+  }
+  getDashOffset(rowIndex, radius) {
+    const dashAngle = this.config.outerArc.dashWidth / this.config.outerRadius;
+    const dashWidthAtRadius = dashAngle * radius;
+    const baseOffset = dashWidthAtRadius / 2;
+    if (rowIndex === 1) {
+      return baseOffset - dashWidthAtRadius;
+    }
+    return baseOffset;
+  }
+  polarToCartesian(radius, angleInRadians) {
+    return {
+      x: radius * Math.sin(angleInRadians),
+      y: -radius * Math.cos(angleInRadians)
+    };
+  }
+}
+//# sourceMappingURL=ArcPatternGenerator.js.map