@cuemath/leap 3.0.9 → 3.0.10-aa1

package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js

@@ -0,0 +1,96 @@
+import r from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+import e from "../../../ui/text/text.js";
+const s = r(t)`
+  position: absolute;
+  top: 38px;
+  left: -43px; //32px for icon +4 gutter + 7 padding
+  width: 650px;
+  height: 438px;
+  border-radius: 6px;
+  background: #292734;
+  box-shadow: 0px 4px 8px ${({ theme: o }) => o.colors.BLACK_T_20};
+`, d = r.img`
+  position: relative;
+  width: 160px;
+  height: 120px;
+  border: 1px solid white;
+  border-radius: 8px;
+  margin: 16px;
+  background-color: black;
+  cursor: pointer;
+`, a = r.div`
+  color: white;
+  cursor: pointer;
+  width: 150px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`, p = r.div`
+  width: 336px;
+  height: 300px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${({ theme: o }) => o.colors.GREY_4};
+`, b = r(t)`
+  max-height: 300px;
+  width: 100%;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    border-radius: 6px;
+    background-color: ${({ theme: o }) => o.colors.WHITE};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background: ${({ theme: o }) => o.colors.REAL_BLACK_60};
+  }
+`, n = r(t)`
+  background: #292734;
+
+  & > div {
+    width: calc(100% - 32px);
+  }
+`, x = r(t)`
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    border-radius: 6px;
+    background-color: ${({ theme: o }) => o.colors.WHITE};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background: ${({ theme: o }) => o.colors.REAL_BLACK_60};
+  }
+`, h = r(t)`
+  border-right: 1px solid ${({ theme: o }) => o.colors.GREY_4};
+  height: 385px;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    border-radius: 6px;
+    background-color: ${({ theme: o }) => o.colors.WHITE};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background: ${({ theme: o }) => o.colors.REAL_BLACK_60};
+  }
+`, u = r(e)`
+  width: 130px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+export {
+  b as ActivitiesList,
+  d as ActivityImage,
+  a as ActivityTitle,
+  x as CheckboxWrapper,
+  p as EmptyStateContainer,
+  h as FilterSidebar,
+  s as MenuContainer,
+  n as SearchHeaderWrapper,
+  u as SelectedGrades
+};
+//# sourceMappingURL=puzzles-styled.js.map

package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzles-styled.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/puzzles-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst MenuContainer = styled(FlexView)`\n  position: absolute;\n  top: 38px;\n  left: -43px; //32px for icon +4 gutter + 7 padding\n  width: 650px;\n  height: 438px;\n  border-radius: 6px;\n  background: #292734;\n  box-shadow: 0px 4px 8px ${({ theme }) => theme.colors.BLACK_T_20};\n`;\n\nconst ActivityImage = styled.img`\n  position: relative;\n  width: 160px;\n  height: 120px;\n  border: 1px solid white;\n  border-radius: 8px;\n  margin: 16px;\n  background-color: black;\n  cursor: pointer;\n`;\n\nconst ActivityTitle = styled.div`\n  color: white;\n  cursor: pointer;\n  width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nconst EmptyStateContainer = styled.div`\n  width: 336px;\n  height: 300px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ${({ theme }) => theme.colors.GREY_4};\n`;\n\nconst ActivitiesList = styled(FlexView)`\n  max-height: 300px;\n  width: 100%;\n  overflow-y: auto;\n  &::-webkit-scrollbar {\n    border-radius: 6px;\n    background-color: ${({ theme }) => theme.colors.WHITE};\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 6px;\n    background: ${({ theme }) => theme.colors.REAL_BLACK_60};\n  }\n`;\n\nconst SearchHeaderWrapper = styled(FlexView)<{ $noBorder?: boolean }>`\n  background: #292734;\n\n  & > div {\n    width: calc(100% - 32px);\n  }\n`;\n\nconst CheckboxWrapper = styled(FlexView)`\n  overflow-y: auto;\n  &::-webkit-scrollbar {\n    border-radius: 6px;\n    background-color: ${({ theme }) => theme.colors.WHITE};\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 6px;\n    background: ${({ theme }) => theme.colors.REAL_BLACK_60};\n  }\n`;\n\nconst FilterSidebar = styled(FlexView)`\n  border-right: 1px solid ${({ theme }) => theme.colors.GREY_4};\n  height: 385px;\n  overflow-y: auto;\n  &::-webkit-scrollbar {\n    border-radius: 6px;\n    background-color: ${({ theme }) => theme.colors.WHITE};\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 6px;\n    background: ${({ theme }) => theme.colors.REAL_BLACK_60};\n  }\n`;\n\nconst SelectedGrades = styled(Text)`\n  width: 130px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nexport {\n  MenuContainer,\n  ActivityImage,\n  ActivityTitle,\n  EmptyStateContainer,\n  ActivitiesList,\n  SearchHeaderWrapper,\n  CheckboxWrapper,\n  FilterSidebar,\n  SelectedGrades,\n};\n"],"names":["MenuContainer","styled","FlexView","theme","ActivityImage","ActivityTitle","EmptyStateContainer","ActivitiesList","SearchHeaderWrapper","CheckboxWrapper","FilterSidebar","SelectedGrades","Text"],"mappings":";;;AAKM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA,GAG5DC,IAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWvBI,IAAgBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASvBK,IAAsBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA,GAGvCI,IAAiBN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMd,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,aAAa;AAAA;AAAA,GAIrDK,IAAsBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrCO,IAAkBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,wBAIf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,aAAa;AAAA;AAAA,GAIrDO,IAAgBT,EAAOC,CAAQ;AAAA,4BACT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKtC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,aAAa;AAAA;AAAA,GAIrDQ,IAAiBV,EAAOW,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js

@@ -0,0 +1,29 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { memo as a, useRef as p, useCallback as z, useEffect as f } from "react";
+import d from "../../../../assets/line-icons/icons/puzzle-icon.js";
+import C from "../../../ui/buttons/clickable/clickable.js";
+import v from "../../../ui/hooks/use-context-menu-click-handler.js";
+import b from "../../../ui/layout/flex-view.js";
+import { StyledWrapper as g } from "../../cue-cavas-styled.js";
+import { useCueCanvasActions as h } from "../../hooks/use-cue-canvas-actions.js";
+import k from "./puzzle-menu.js";
+const x = (s) => {
+  const { activeSidebar: e, setActiveSidebar: r, grade: u } = s, { activeInstance: t } = h(), c = p(null), { menuVisible: l, onMenuClick: i } = v(
+    c,
+    void 0,
+    !0,
+    void 0
+  ), n = z(() => {
+    e === "tile" && (t == null || t.toggleTiles(!1)), r(e === "puzzle" ? void 0 : "puzzle"), i();
+  }, [e, t, i, r]);
+  return f(() => {
+    e === "tile" && l && i();
+  }, [e, l, i]), /* @__PURE__ */ m(b, { $position: "relative", $height: "100%", children: [
+    /* @__PURE__ */ o(C, { onClick: n, label: "puzzles", children: /* @__PURE__ */ o(g, { $active: e === "puzzle", children: /* @__PURE__ */ o(d, {}) }) }),
+    l && /* @__PURE__ */ o(k, { toggleMenu: n, studentGrade: u })
+  ] });
+}, w = a(x);
+export {
+  w as default
+};
+//# sourceMappingURL=puzzles.js.map

package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzles.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/puzzles.tsx"],"sourcesContent":["import type { IPuzzlesContainer } from './puzzles-type';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport PuzzleIcon from '../../../../assets/line-icons/icons/puzzle-icon';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { StyledWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport PuzzleMenu from './puzzle-menu';\n\nconst PuzzlesContainer: FC<IPuzzlesContainer> = props => {\n  const { activeSidebar, setActiveSidebar, grade } = props;\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const puzzleMenuRef = useRef(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    puzzleMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  const handleClick = useCallback(() => {\n    if (activeSidebar === 'tile') {\n      cueCanvas?.toggleTiles(false);\n    }\n    setActiveSidebar(activeSidebar === 'puzzle' ? undefined : 'puzzle');\n    onMenuClick();\n  }, [activeSidebar, cueCanvas, onMenuClick, setActiveSidebar]);\n\n  useEffect(() => {\n    if (activeSidebar === 'tile' && menuVisible) {\n      onMenuClick();\n    }\n  }, [activeSidebar, menuVisible, onMenuClick]);\n\n  return (\n    <FlexView $position=\"relative\" $height=\"100%\">\n      <Clickable onClick={handleClick} label=\"puzzles\">\n        <StyledWrapper $active={activeSidebar === 'puzzle'}>\n          <PuzzleIcon />\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && <PuzzleMenu toggleMenu={handleClick} studentGrade={grade} />}\n    </FlexView>\n  );\n};\n\nexport default memo(PuzzlesContainer);\n"],"names":["PuzzlesContainer","props","activeSidebar","setActiveSidebar","grade","cueCanvas","useCueCanvasActions","puzzleMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","handleClick","useCallback","useEffect","jsxs","FlexView","jsx","Clickable","StyledWrapper","PuzzleIcon","PuzzleMenu","Puzzles","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAA0C,CAASC,MAAA;AACvD,QAAM,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,OAAAC,EAAA,IAAUH,GAC7C,EAAE,gBAAgBI,EAAU,IAAIC,EAAoB,GACpDC,IAAgBC,EAAO,IAAI,GAC3B,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAcC,EAAY,MAAM;AACpC,IAAIX,MAAkB,WACpBG,KAAA,QAAAA,EAAW,YAAY,MAERF,EAAAD,MAAkB,WAAW,SAAY,QAAQ,GACtDQ;KACX,CAACR,GAAeG,GAAWK,GAAaP,CAAgB,CAAC;AAE5D,SAAAW,EAAU,MAAM;AACV,IAAAZ,MAAkB,UAAUO,KAClBC;EAEb,GAAA,CAACR,GAAeO,GAAaC,CAAW,CAAC,GAGzC,gBAAAK,EAAAC,GAAA,EAAS,WAAU,YAAW,SAAQ,QACrC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAU,EAAA,SAASN,GAAa,OAAM,WACrC,UAAA,gBAAAK,EAACE,GAAc,EAAA,SAASjB,MAAkB,UACxC,UAAC,gBAAAe,EAAAG,GAAA,CAAA,CAAW,EACd,CAAA,GACF;AAAA,IACCX,KAAgB,gBAAAQ,EAAAI,GAAA,EAAW,YAAYT,GAAa,cAAcR,GAAO;AAAA,EAC5E,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKvB,CAAgB;"}

package/dist/features/cue-canvas/sidebar/puzzles/utils.js

@@ -0,0 +1,120 @@
+const I = (l) => {
+  const { grid: m, strokes: c, tiles: f } = l || {}, a = {};
+  (f || []).forEach((o) => {
+    var G, u, g, D, A, h;
+    const { name: t, options: i, id: r, size: T } = o || {};
+    if (r) {
+      if (t === "text") {
+        const e = { ...o, html: i };
+        delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+      if (t === "equation" || t === "algebra-tile") {
+        const e = { ...o, expr: i };
+        t === "algebra-tile" && (e.name = "algebra"), delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+      if (t === "image") {
+        const e = { ...o, href: i, width: T };
+        delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+      if (t === "polygon" || t === "token" || t === "custom-polygon") {
+        const e = { ...o, shape: i };
+        delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+      if (t === "dice") {
+        const e = (G = i == null ? void 0 : i.trim()) == null ? void 0 : G.split(":")[0], d = { ...o, value: e };
+        delete d.options, delete d.id, a[r] = [void 0, d];
+      }
+      if (t === "number-tile") {
+        const [e, d] = ((u = i == null ? void 0 : i.trim()) == null ? void 0 : u.split(":")) || [], n = { ...o, value: d || 0, width: e || 0 };
+        delete n.options, delete n.id, a[r] = [void 0, n];
+      }
+      if (t === "geo") {
+        const [e, d] = ((g = i == null ? void 0 : i.trim()) == null ? void 0 : g.split("=")) || [], n = { ...o, key: e || "", expr: d || 0 };
+        delete n.options, delete n.id, a[r] = [void 0, n];
+      }
+      if (t === "number-line") {
+        const [e, d, n, s, E] = ((D = i == null ? void 0 : i.trim()) == null ? void 0 : D.split(":")) || [], p = {
+          ...o,
+          start: e || 0,
+          step: d || 0,
+          width: n || 0,
+          size: s || 0,
+          minor: E || 0
+        };
+        delete p.options, delete p.id, a[r] = [void 0, p];
+      }
+      if (t === "fraction-bar") {
+        const [e, d, n] = ((A = i == null ? void 0 : i.trim()) == null ? void 0 : A.split(":")) || [], s = { ...o };
+        e && (s.denominator = +e), d && (s.count = +d), n && (s.active = +n), delete s.options, delete s.id, a[r] = [void 0, s];
+      }
+      if (t === "fraction-circle") {
+        const [e, d, n] = ((h = i == null ? void 0 : i.trim()) == null ? void 0 : h.split(":")) || [], s = { ...o };
+        e && (s.denominator = +e), d && (s.count = +d), n && (s.active = +n), delete s.options, delete s.id, a[r] = [void 0, s];
+      }
+      if (t === "number-card" || t === "number-bar" || t === "tantrix") {
+        const e = { ...o, value: i };
+        delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+      if (t === "tangram" || t === "garden" || t === "kolam" || t === "penrose" || t === "polyomino") {
+        const e = { ...o, index: i };
+        delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+      if (t === "ruler" || t === "protractor" || t === "set-triangle" || t === "compass") {
+        const e = { ...o, width: i };
+        delete e.options, delete e.id, a[r] = [void 0, e];
+      }
+    }
+  });
+  const v = {};
+  return c.forEach((o) => {
+    const { id: t } = o || {};
+    if (t) {
+      const i = { ...o };
+      delete i.id, v[t] = [void 0, i];
+    }
+  }), {
+    gridName: m,
+    data: { ...v, ...a }
+  };
+}, L = (l, m = "") => {
+  const c = [];
+  return l && l.length > 0 && l.forEach((f) => {
+    if (m === "grades") {
+      const a = `G${f.name}`;
+      c.push(a);
+    } else
+      c.push(f.name);
+  }), c;
+}, y = {
+  ACTIVITY_TILES: "activity_tiles",
+  ACTIVITY_TOPICS: "activity_topics",
+  ACTIVITY_TYPES: "activity_types",
+  ACTIVITY_GRADES: "grades"
+}, _ = {
+  "-1": "LKG",
+  0: "UKG",
+  1: "G1",
+  2: "G2",
+  3: "G3",
+  4: "G4",
+  5: "G5",
+  6: "G6",
+  7: "G7",
+  8: "G8",
+  9: "G9",
+  10: "G10",
+  11: "G11",
+  12: "G12",
+  ALG1: "ALG1",
+  ALG2: "ALG2",
+  PCAL: "PCAL",
+  GEO: "GEO",
+  CAL: "CAL"
+};
+export {
+  y as FILTER_KEYS,
+  _ as GRADE_DISPLAY_NAMES,
+  L as getTags,
+  I as serializeData
+};
+//# sourceMappingURL=utils.js.map

package/dist/features/cue-canvas/sidebar/puzzles/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/utils.ts"],"sourcesContent":["import type { TCueCanvasChangeDataObject, TCueCanvasGridName } from '../../types/cue-canvas';\nimport type { ActivityMetadata, IActivityGrade } from './api/get-puzzles';\nimport type { ITypeStroke, ITypeTile } from './puzzles-type';\n\nexport const serializeData = (jsonOBJ: {\n  grid: TCueCanvasGridName;\n  strokes: ITypeStroke[];\n  tiles: ITypeTile[];\n}) => {\n  const { grid, strokes, tiles } = jsonOBJ || {};\n  const newTilesArray = {} as TCueCanvasChangeDataObject;\n\n  (tiles || []).forEach(tile => {\n    const { name, options, id, size } = tile || {};\n\n    if (id) {\n      if (name === 'text') {\n        const tileData = { ...tile, html: options };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'equation' || name === 'algebra-tile') {\n        const tileData = { ...tile, expr: options };\n\n        if (name === 'algebra-tile') {\n          tileData.name = 'algebra';\n        }\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'image') {\n        const tileData = { ...tile, href: options, width: size };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'polygon' || name === 'token' || name === 'custom-polygon') {\n        const tileData = { ...tile, shape: options };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'dice') {\n        const val = options?.trim()?.split(':')[0];\n        const tileData = { ...tile, value: val };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'number-tile') {\n        const [width, value] = options?.trim()?.split(':') || [];\n        const tileData = { ...tile, value: value || 0, width: width || 0 };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'geo') {\n        const [key, expr] = options?.trim()?.split('=') || [];\n        const tileData = { ...tile, key: key || '', expr: expr || 0 };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'number-line') {\n        const [start, step, width, stepSize, minor] = options?.trim()?.split(':') || [];\n        const tileData = {\n          ...tile,\n          start: start || 0,\n          step: step || 0,\n          width: width || 0,\n          size: stepSize || 0,\n          minor: minor || 0,\n        };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'fraction-bar') {\n        const [denominator, count, active] = options?.trim()?.split(':') || [];\n\n        const tileData = { ...tile };\n\n        if (denominator) {\n          tileData.denominator = +denominator;\n        }\n\n        if (count) {\n          tileData.count = +count;\n        }\n\n        if (active) {\n          tileData.active = +active;\n        }\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'fraction-circle') {\n        const [denominator, count, active] = options?.trim()?.split(':') || [];\n\n        const tileData = { ...tile };\n\n        if (denominator) {\n          tileData.denominator = +denominator;\n        }\n\n        if (count) {\n          tileData.count = +count;\n        }\n\n        if (active) {\n          tileData.active = +active;\n        }\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (name === 'number-card' || name === 'number-bar' || name === 'tantrix') {\n        const tileData = { ...tile, value: options };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (\n        name === 'tangram' ||\n        name === 'garden' ||\n        name === 'kolam' ||\n        name === 'penrose' ||\n        name === 'polyomino'\n      ) {\n        const tileData = { ...tile, index: options };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n\n      if (\n        name === 'ruler' ||\n        name === 'protractor' ||\n        name === 'set-triangle' ||\n        name === 'compass'\n      ) {\n        const tileData = { ...tile, width: options };\n\n        delete tileData.options;\n        delete tileData.id;\n        newTilesArray[id] = [undefined, tileData];\n      }\n    }\n  });\n  const newStrokeMap = {} as TCueCanvasChangeDataObject;\n\n  strokes.forEach((stroke: ITypeStroke) => {\n    const { id } = stroke || {};\n\n    if (id) {\n      const strokeData = { ...stroke };\n\n      delete strokeData.id;\n      newStrokeMap[id] = [undefined, strokeData];\n    }\n  });\n\n  return {\n    gridName: grid,\n    data: { ...newStrokeMap, ...newTilesArray },\n  };\n};\n\nexport const getTags = (data: ActivityMetadata[] | IActivityGrade[], type = '') => {\n  const arr: string[] = [];\n\n  if (data && data.length > 0) {\n    data.forEach(res => {\n      if (type === 'grades') {\n        const grade = `G${res.name}`;\n\n        arr.push(grade);\n      } else {\n        arr.push(res.name);\n      }\n    });\n  }\n\n  return arr;\n};\n\nexport const FILTER_KEYS = {\n  ACTIVITY_TILES: 'activity_tiles',\n  ACTIVITY_TOPICS: 'activity_topics',\n  ACTIVITY_TYPES: 'activity_types',\n  ACTIVITY_GRADES: 'grades',\n} as const;\n\nexport const GRADE_DISPLAY_NAMES: Record<string, string> = {\n  '-1': 'LKG',\n  '0': 'UKG',\n  '1': 'G1',\n  '2': 'G2',\n  '3': 'G3',\n  '4': 'G4',\n  '5': 'G5',\n  '6': 'G6',\n  '7': 'G7',\n  '8': 'G8',\n  '9': 'G9',\n  '10': 'G10',\n  '11': 'G11',\n  '12': 'G12',\n  'ALG1': 'ALG1',\n  'ALG2': 'ALG2',\n  'PCAL': 'PCAL',\n  'GEO': 'GEO',\n  'CAL': 'CAL',\n};\n"],"names":["serializeData","jsonOBJ","grid","strokes","tiles","newTilesArray","tile","_a","_b","_c","_d","_e","_f","name","options","id","size","tileData","val","width","value","key","expr","start","step","stepSize","minor","denominator","count","active","newStrokeMap","stroke","strokeData","getTags","data","type","arr","res","grade","FILTER_KEYS","GRADE_DISPLAY_NAMES"],"mappings":"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"}

package/dist/features/cue-canvas/sidebar/sidebar-styled.js

@@ -0,0 +1,32 @@
+import p, { css as r } from "styled-components";
+import x from "../../ui/layout/flex-view.js";
+const t = p(x)(({
+  theme: o,
+  $activeSidebar: d
+}) => r`
+    z-index: ${o.zIndex.TILE_CONTAINER};
+    background-color: ${o.colors.WHITE};
+    padding: 7px;
+    gap: 4px;
+    border-radius: 8px;
+    border: 1px solid ${o.colors.BLACK_10};
+    box-shadow: 0px 1px 5px 0px ${o.colors.BLACK_10};
+
+    ${d === "tile" && r`
+      border: none;
+      box-shadow: none;
+    `}
+  `);
+p(x)`
+  margin: auto;
+  box-shadow: 0px 1px 5px 0px ${({ theme: o }) => o.colors.BLACK_10};
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+`;
+export {
+  t as SideBarContainer
+};
+//# sourceMappingURL=sidebar-styled.js.map

package/dist/features/cue-canvas/sidebar/sidebar-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-styled.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar-styled.tsx"],"sourcesContent":["import type { TActiveSidebar } from '../sidebar/puzzles/puzzles-type';\n\nimport styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface IStyledTileContainer {\n  $activeSidebar?: TActiveSidebar;\n}\n\nexport const SideBarContainer = styled(FlexView)<IStyledTileContainer>(({\n  theme,\n  $activeSidebar,\n}) => {\n  return css`\n    z-index: ${theme.zIndex.TILE_CONTAINER};\n    background-color: ${theme.colors.WHITE};\n    padding: 7px;\n    gap: 4px;\n    border-radius: 8px;\n    border: 1px solid ${theme.colors.BLACK_10};\n    box-shadow: 0px 1px 5px 0px ${theme.colors.BLACK_10};\n\n    ${$activeSidebar === 'tile' &&\n    css`\n      border: none;\n      box-shadow: none;\n    `}\n  `;\n});\n\nexport const StyledToolContainer = styled(FlexView)`\n  margin: auto;\n  box-shadow: 0px 1px 5px 0px ${({ theme }) => theme.colors.BLACK_10};\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n"],"names":["SideBarContainer","styled","FlexView","theme","$activeSidebar","css"],"mappings":";;AAUO,MAAMA,IAAmBC,EAAOC,CAAQ,EAAwB,CAAC;AAAA,EACtE,OAAAC;AAAA,EACA,gBAAAC;AACF,MACSC;AAAA,eACMF,EAAM,OAAO,cAAc;AAAA,wBAClBA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIlBA,EAAM,OAAO,QAAQ;AAAA,kCACXA,EAAM,OAAO,QAAQ;AAAA;AAAA,MAEjDC,MAAmB,UACrBC;AAAA;AAAA;AAAA,KAGC;AAAA,GAEJ;AAEkCJ,EAAOC,CAAQ;AAAA;AAAA,gCAElB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/cue-canvas/sidebar/sidebar.js

@@ -0,0 +1,34 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { memo as s, useState as f } from "react";
+import n from "./homework/homework.js";
+import c from "./puzzles/puzzles.js";
+import { SideBarContainer as d } from "./sidebar-styled.js";
+import p from "./tiles/tile.js";
+const l = ({ grade: i, hwRequests: o, studentName: m }) => {
+  const [r, t] = f();
+  return /* @__PURE__ */ a(
+    d,
+    {
+      $activeSidebar: r,
+      $flexDirection: "row",
+      $justifyContent: "flex-start",
+      children: [
+        /* @__PURE__ */ e(p, { activeSidebar: r, setActiveSidebar: t }),
+        /* @__PURE__ */ e(c, { grade: i, activeSidebar: r, setActiveSidebar: t }),
+        o && /* @__PURE__ */ e(
+          n,
+          {
+            activeSidebar: r,
+            setActiveSidebar: t,
+            hwRequests: o,
+            studentName: m
+          }
+        )
+      ]
+    }
+  );
+}, $ = s(l);
+export {
+  $ as default
+};
+//# sourceMappingURL=sidebar.js.map

package/dist/features/cue-canvas/sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import type { IHomeWorkHelpRequestModel } from './homework/homework-types';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport Homework from './homework/homework';\nimport Puzzles from './puzzles/puzzles';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n  grade?: string;\n  hwRequests?: IHomeWorkHelpRequestModel[];\n  studentName?: string;\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests, studentName }) => {\n  const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n  return (\n    <SideBarContainer\n      $activeSidebar={activeSidebar}\n      $flexDirection=\"row\"\n      $justifyContent=\"flex-start\"\n    >\n      <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n      <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n      {hwRequests && (\n        <Homework\n          activeSidebar={activeSidebar}\n          setActiveSidebar={setActiveSidebar}\n          hwRequests={hwRequests}\n          studentName={studentName}\n        />\n      )}\n    </SideBarContainer>\n  );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","studentName","activeSidebar","setActiveSidebar","useState","jsxs","SideBarContainer","jsx","TileBar","Puzzles","Homework","sidebar","memo"],"mappings":";;;;;;AAiBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,aAAAC,QAAkB;AACpE,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC;AAG7E,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBJ;AAAA,MAChB,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAC,gBAAAK,EAAAC,GAAA,EAAQ,eAAAN,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,QAC1E,gBAAAI,EAAAE,GAAA,EAAQ,OAAAV,GAAc,eAAAG,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,QACxFH,KACC,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,eAAAR;AAAA,YACA,kBAAAC;AAAA,YACA,YAAAH;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeU,IAAAC,EAAKd,CAAO;"}

package/dist/features/cue-canvas/sidebar/tiles/tile.js

@@ -0,0 +1,16 @@
+import { jsx as l } from "react/jsx-runtime";
+import { memo as c, useCallback as a } from "react";
+import n from "../../../../assets/line-icons/icons/tile.js";
+import { StyledWrapper as p } from "../../cue-cavas-styled.js";
+import { useCueCanvasActions as d } from "../../hooks/use-cue-canvas-actions.js";
+const C = c((s) => {
+  const { setActiveSidebar: t, activeSidebar: o } = s, { activeInstance: e, setActiveTool: i } = d(), m = a(() => {
+    const r = o !== "tile";
+    e == null || e.toggleTiles(r), t(r ? "tile" : void 0), i("move");
+  }, [o, e, t, i]);
+  return /* @__PURE__ */ l(p, { $active: o === "tile", onClick: m, children: /* @__PURE__ */ l(n, {}) });
+});
+export {
+  C as default
+};
+//# sourceMappingURL=tile.js.map

package/dist/features/cue-canvas/sidebar/tiles/tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.js","sources":["../../../../../src/features/cue-canvas/sidebar/tiles/tile.tsx"],"sourcesContent":["import type { TActiveSidebar } from '../puzzles/puzzles-type';\nimport type { Dispatch, FC, SetStateAction } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport TileIcon from '../../../../assets/line-icons/icons/tile';\nimport { StyledWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\n\ninterface ITileBar {\n  setActiveSidebar: Dispatch<SetStateAction<TActiveSidebar | undefined>>;\n  activeSidebar?: TActiveSidebar;\n}\n\nconst TileBar: FC<ITileBar> = memo(props => {\n  const { setActiveSidebar, activeSidebar } = props;\n  const { activeInstance, setActiveTool } = useCueCanvasActions();\n\n  const toggleTiles = useCallback(() => {\n    const newTileState = activeSidebar !== 'tile';\n\n    activeInstance?.toggleTiles(newTileState);\n    setActiveSidebar(newTileState ? 'tile' : undefined);\n    setActiveTool('move');\n  }, [activeSidebar, activeInstance, setActiveSidebar, setActiveTool]);\n\n  return (\n    <StyledWrapper $active={activeSidebar === 'tile'} onClick={toggleTiles}>\n      <TileIcon />\n    </StyledWrapper>\n  );\n});\n\nexport default TileBar;\n"],"names":["TileBar","memo","props","setActiveSidebar","activeSidebar","activeInstance","setActiveTool","useCueCanvasActions","toggleTiles","useCallback","newTileState","jsx","StyledWrapper","TileIcon"],"mappings":";;;;;AAcM,MAAAA,IAAwBC,EAAK,CAASC,MAAA;AACpC,QAAA,EAAE,kBAAAC,GAAkB,eAAAC,EAAkB,IAAAF,GACtC,EAAE,gBAAAG,GAAgB,eAAAC,EAAc,IAAIC,EAAoB,GAExDC,IAAcC,EAAY,MAAM;AACpC,UAAMC,IAAeN,MAAkB;AAEvC,IAAAC,KAAA,QAAAA,EAAgB,YAAYK,IACXP,EAAAO,IAAe,SAAS,MAAS,GAClDJ,EAAc,MAAM;AAAA,KACnB,CAACF,GAAeC,GAAgBF,GAAkBG,CAAa,CAAC;AAGjE,SAAA,gBAAAK,EAACC,KAAc,SAASR,MAAkB,QAAQ,SAASI,GACzD,UAAC,gBAAAG,EAAAE,GAAA,CAAS,CAAA,EACZ,CAAA;AAEJ,CAAC;"}

package/dist/features/hooks/use-debounce.js

@@ -0,0 +1,16 @@
+import { useRef as n, useCallback as c } from "react";
+function a(u, r) {
+  const e = n(null);
+  return c(
+    (t) => (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      u(t);
+    }, r), () => {
+      e.current && clearTimeout(e.current);
+    }),
+    [u, r]
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=use-debounce.js.map

package/dist/features/hooks/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sources":["../../../src/features/hooks/use-debounce.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nfunction useDebounce<T>(callback: (arg: T) => void, wait: number) {\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const debouncedCallback = useCallback(\n    (val: T) => {\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      timeoutIdRef.current = setTimeout(() => {\n        callback(val);\n      }, wait);\n\n      return () => {\n        if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      };\n    },\n    [callback, wait],\n  );\n\n  return debouncedCallback;\n}\n\nexport default useDebounce;\n"],"names":["useDebounce","callback","wait","timeoutIdRef","useRef","useCallback","val"],"mappings":";AAEA,SAASA,EAAeC,GAA4BC,GAAc;AAC1D,QAAAC,IAAeC,EAA6C,IAAI;AAgB/D,SAdmBC;AAAA,IACxB,CAACC,OACKH,EAAa,WAAsB,aAAAA,EAAa,OAAO,GAC9CA,EAAA,UAAU,WAAW,MAAM;AACtC,MAAAF,EAASK,CAAG;AAAA,OACXJ,CAAI,GAEA,MAAM;AACX,MAAIC,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,IAAA;AAAA,IAG/D,CAACF,GAAUC,CAAI;AAAA,EAAA;AAInB;"}

package/dist/features/post-game-stats/digital-meter/digital-meter.js

@@ -1,9 +1,9 @@
-import { jsxs as o, jsx as r, Fragment as k } from "react/jsx-runtime";
-import w, { memo as Y, useState as B, useCallback as K, useEffect as P } from "react";
+import { jsxs as c, jsx as r, Fragment as k } from "react/jsx-runtime";
+import U, { memo as Y, useState as B, useCallback as K, useEffect as P } from "react";
 import { LOTTIE as j } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as c, GAME_LAUNCHER_SIZE_LARGE as d } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as o, GAME_LAUNCHER_SIZE_LARGE as d } from "../../circle-games/game-launcher/comps/card-container/constants.js";
 import { useCircleSounds as Z } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as m } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { CircleSoundKey as T } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import I from "../../ui/animated-arc/animated-arc.js";
 import $ from "../../ui/layout/flex-view.js";
 import X from "../../ui/lottie-animation/lottie-animation.js";
@@ -12,34 +12,36 @@ import D from "../../ui/text/text.js";
 import { NumberCountAnimation as q } from "../number-count-animation/number-count-animation.js";
 import { TARGET_ACHIEVED_DELAY as G, TOTAL_ARC_AVAILABLE as h, STROKE_WIDTH as C, ARC_RADIUS as L, ANIMATED_ARC_START_ANGLE as p, PROGRESS_FILL_DURATION as f, PROGRESS_FILL_DELAY as b, TOTAL_ANIMATION_DURATION as z } from "./constants.js";
 import { DigitalMeter as J, ContentContainer as Q, NumberCountContainer as v, RainboxColorText as N, LineMarking as M, MarkingContainer as H, MarkingText as u, BottomAbsoluteView as O, HelperTextPrimary as x, HelperTextSecondary as V } from "./digital-meter-styled.js";
-const Er = Y(
+const rr = {
+  renderer: "canvas"
+}, _r = Y(
   ({
     show: R,
-    value: T,
+    value: a,
     maxValue: n,
     targetValue: t = 0,
     displayText: F,
-    progressType: s,
+    progressType: m,
     helperTextPrimary: W,
-    helperTextSecondary: y,
+    helperTextSecondary: w,
     onComplete: S,
-    actAsTimer: a
+    actAsTimer: s
   }) => {
-    const [l, U] = B(!1), { play: E } = Z(), _ = K(
-      (i) => t ? a ? i <= t : i >= t : !1,
-      [t, a]
+    const [l, y] = B(!1), { play: E } = Z(), _ = K(
+      (i) => t ? s ? i <= t : i >= t : !1,
+      [t, s]
     );
     return P(() => {
       let i, e;
-      const A = _(T);
-      return R && (E(a ? m.TIME_INTRO : m.ACCURACY_INTRO), E(m.METER_FILL), A && (i = setTimeout(() => {
-        E(a ? m.TIME_TARGET : m.ACCURACY_TARGET), U(!0);
+      const A = _(a);
+      return R && (E(s ? T.TIME_INTRO : T.ACCURACY_INTRO), E(T.METER_FILL), A && (i = setTimeout(() => {
+        E(s ? T.TIME_TARGET : T.ACCURACY_TARGET), y(!0);
       }, G * 1e3)), e = setTimeout(() => {
         S();
       }, (A ? z : G) * 1e3)), () => {
         i && clearTimeout(i), e && clearTimeout(e);
       };
-    }, [R, T, S, _, a, E]), R ? /* @__PURE__ */ o(J, { $isTargetAchieved: l, children: [
+    }, [R, a, S, _, s, E]), R ? /* @__PURE__ */ c(J, { $isTargetAchieved: l, children: [
       /* @__PURE__ */ r(
         I,
         {
@@ -51,29 +53,29 @@ const Er = Y(
           startAngle: -p
         }
       ),
-      /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ o($, { $flexDirection: "column", $alignItems: "center", children: [
-        /* @__PURE__ */ o($, { $flexDirection: "row", $alignItems: "flex-end", children: [
+      /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ c($, { $flexDirection: "column", $alignItems: "center", children: [
+        /* @__PURE__ */ c($, { $flexDirection: "row", $alignItems: "flex-end", children: [
           /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
             N,
             {
-              $renderAs: c === d ? "ah1" : "ah2",
+              $renderAs: o === d ? "ah1" : "ah2",
               $color: "GREEN_4",
               $isTargetAchieved: l,
               children: /* @__PURE__ */ r(
                 q,
                 {
                   initialValue: 0,
-                  targetValue: Math.floor(T),
+                  targetValue: Math.floor(a),
                   durationInSec: f,
                   delayInSec: b
                 }
               )
             }
           ) }),
-          s === "stepper" && /* @__PURE__ */ o(
+          m === "stepper" && /* @__PURE__ */ c(
             D,
             {
-              $renderAs: c === d ? "ah4" : "ab1",
+              $renderAs: o === d ? "ah4" : "ab1",
               $color: "WHITE",
               children: [
                 "/",
@@ -86,13 +88,13 @@ const Er = Y(
         /* @__PURE__ */ r(
           D,
           {
-            $renderAs: c === d ? "ac3-black" : "ac4-black",
+            $renderAs: o === d ? "ac3-black" : "ac4-black",
             $color: "WHITE_T_60",
             children: F
           }
         )
       ] }) }),
-      s === "stepper" && Array.from({ length: T }, (i, e) => {
+      m === "stepper" && Array.from({ length: a }, (i, e) => {
         const A = h / n;
         return /* @__PURE__ */ r(
           I,
@@ -110,14 +112,14 @@ const Er = Y(
           e
         );
       }),
-      s === "stepper" && Array.from({ length: n + 1 }, (i, e) => {
+      m === "stepper" && Array.from({ length: n + 1 }, (i, e) => {
         const A = h / n;
-        return /* @__PURE__ */ o(w.Fragment, { children: [
+        return /* @__PURE__ */ c(U.Fragment, { children: [
           /* @__PURE__ */ r(M, { $angle: A * e }),
           /* @__PURE__ */ r(H, { $angle: A * e, children: /* @__PURE__ */ r(u, { $angle: A * e, children: /* @__PURE__ */ r(
             N,
             {
-              $renderAs: c === d ? "ac3-black" : "ac4-black",
+              $renderAs: o === d ? "ac3-black" : "ac4-black",
               $color: t && t === e ? "GREEN_4" : "WHITE_T_60",
               $isTargetAchieved: t === e && _(e) && l,
               children: e
@@ -125,11 +127,11 @@ const Er = Y(
           ) }) }, e)
         ] }, e);
       }),
-      s === "linear" && /* @__PURE__ */ o(k, { children: [
+      m === "linear" && /* @__PURE__ */ c(k, { children: [
         /* @__PURE__ */ r(
           I,
           {
-            targetAngle: T * h / n,
+            targetAngle: a * h / n,
             strokeWidth: C,
             color: "GREEN_4",
             radius: L,
@@ -139,7 +141,7 @@ const Er = Y(
             startAngle: -p
           }
         ),
-        /* @__PURE__ */ o(k, { children: [
+        /* @__PURE__ */ c(k, { children: [
           t && /* @__PURE__ */ r(M, { $angle: t * h / n }),
           Array.from(/* @__PURE__ */ new Set([0, t, n])).map((i, e) => /* @__PURE__ */ r(
             H,
@@ -148,7 +150,7 @@ const Er = Y(
               children: /* @__PURE__ */ r(u, { $angle: i * h / n, children: /* @__PURE__ */ r(
                 N,
                 {
-                  $renderAs: c === d ? "ac3-black" : "ac4-black",
+                  $renderAs: o === d ? "ac3-black" : "ac4-black",
                   $color: t && t === i ? "GREEN_4" : "WHITE_T_60",
                   $isTargetAchieved: t === i && l && _(i),
                   children: i
@@ -159,27 +161,34 @@ const Er = Y(
           ))
         ] })
       ] }),
-      l && /* @__PURE__ */ r(O, { top: c, children: /* @__PURE__ */ r(X, { src: j.TARGET_ACHIEVED_TEXT }) }),
-      !l && /* @__PURE__ */ o(O, { top: c, children: [
+      l && /* @__PURE__ */ r(O, { top: o, children: /* @__PURE__ */ r(
+        X,
+        {
+          src: j.TARGET_ACHIEVED_TEXT,
+          settings: rr,
+          width: o * 0.6
+        }
+      ) }),
+      !l && /* @__PURE__ */ c(O, { top: o, children: [
         /* @__PURE__ */ r(g, { height: 25 }),
-        /* @__PURE__ */ o($, { $flexDirection: "column", $alignItems: "center", children: [
-          /* @__PURE__ */ o(
+        /* @__PURE__ */ c($, { $flexDirection: "column", $alignItems: "center", children: [
+          /* @__PURE__ */ c(
             x,
             {
-              $renderAs: c === d ? "ac3-black" : "ac4-black",
+              $renderAs: o === d ? "ac3-black" : "ac4-black",
               $color: "WHITE_T_60",
               children: [
                 W,
-                /* @__PURE__ */ r(g, { height: c * 0.03 })
+                /* @__PURE__ */ r(g, { height: o * 0.03 })
               ]
             }
           ),
           /* @__PURE__ */ r(
             V,
             {
-              $renderAs: c === d ? "ah4" : "ab1",
+              $renderAs: o === d ? "ah4" : "ab1",
               $color: "WHITE",
-              children: y
+              children: w
             }
           )
         ] })
@@ -188,6 +197,6 @@ const Er = Y(
   }
 );
 export {
-  Er as DigitalMeter
+  _r as DigitalMeter
 };
 //# sourceMappingURL=digital-meter.js.map