npm - @cuemath/leap - Versions diffs - 3.5.46 → 3.5.47-gg10 - Mend

@cuemath/leap 3.5.46 → 3.5.47-gg10

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.

Files changed (182) hide show

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import { memo as U, useMemo as W } from "react";
-import y from "../../../ui/layout/flex-view.js";
-import A from "../../user-pointer-pin/hooks/use-user-location.js";
-import V from "./worksheet-item-navigation/worksheet-item-navigation.js";
-import g from "./worksheet-item-number/worksheet-item-number.js";
-import T from "./worksheet-section-navigation/worksheet-section-navigation.js";
-import { useWorksheetStore as _ } from "../hooks/use-worksheet-store.js";
-const F = U(function({
+import { jsx as s } from "react/jsx-runtime";
+import { memo as W, useMemo as y } from "react";
+import A from "../../../ui/layout/flex-view.js";
+import V from "../../user-pointer-pin/hooks/use-user-location.js";
+import { useWorksheetStore as g } from "../hooks/use-worksheet-store.js";
+import E from "./worksheet-item-navigation/worksheet-item-navigation.js";
+import T from "./worksheet-item-number/worksheet-item-number.js";
+import _ from "./worksheet-section-navigation/worksheet-section-navigation.js";
+const G = W(function({
   placement: p
 }) {
   var b;
   const {
     behavior: I,
-    questions: s,
+    questions: o,
     responses: r,
     lastUnlockedQuestionIndex: l,
-    activeQuestionIndex: i,
+    activeQuestionIndex: t,
     userType: n,
     summaryVisible: d
-  } = _((e) => ({
+  } = g((e) => ({
     behavior: e.behavior,
     questions: e.questions,
     responses: e.responses,
@@ -26,23 +26,23 @@ const F = U(function({
     activeQuestionIndex: e.activeQuestionIndex,
     userType: e.userType,
     summaryVisible: e.summaryVisible
-  })), { validation: m, teacherValidationEnabled: Q, maximumAttempts: u } = I, f = (b = s[i]) == null ? void 0 : b.item_number, { peerItemNumber: v } = A(), a = W(
-    () => s.reduce(
+  })), { validation: m, teacherValidationEnabled: Q, teacherDiscussionEnabled: N, maximumAttempts: u } = I, f = (b = o[t]) == null ? void 0 : b.item_number, { peerItemNumber: v } = V(), a = y(
+    () => o.reduce(
       (e, h, c) => {
-        const { item_number: N, response_id: k } = h, t = e[N], x = n === "TEACHER" ? !0 : c <= l;
-        return t ? (t.isActive = t.isActive || c === i, t.isUnlocked = t.isUnlocked || x, t.questionIds.push(k)) : e.push({
+        const { item_number: U, response_id: k } = h, i = e[U], x = n === "TEACHER" ? !0 : c <= l;
+        return i ? (i.isActive = i.isActive || c === t, i.isUnlocked = i.isUnlocked || x, i.questionIds.push(k)) : e.push({
           firstQuestion: h,
-          isActive: c === i,
+          isActive: c === t,
           isUnlocked: x,
           questionIds: [k]
         }), e;
       },
       []
     ),
-    [i, l, s, n]
+    [t, l, o, n]
   );
-  return p === "bottom" ? /* @__PURE__ */ o(y, { $flexGapX: 1, $flexDirection: "row", $flexWrap: !0, children: a.map((e) => /* @__PURE__ */ o(
-    g,
+  return p === "bottom" ? /* @__PURE__ */ s(A, { $flexGapX: 1, $flexDirection: "row", $flexWrap: !0, children: a.map((e) => /* @__PURE__ */ s(
+    T,
     {
       responses: r,
       validation: m,
@@ -52,8 +52,8 @@ const F = U(function({
       maximumAttempts: u
     },
     e.firstQuestion.response_id
-  )) }) : Q ? /* @__PURE__ */ o(
-    T,
+  )) }) : Q || N ? /* @__PURE__ */ s(
+    _,
     {
       userType: n,
       activeItemNumber: f,
@@ -63,8 +63,8 @@ const F = U(function({
       peerItemNumber: v,
       maximumAttempts: u
     }
-  ) : /* @__PURE__ */ o(
-    V,
+  ) : /* @__PURE__ */ s(
+    E,
     {
       activeItemNumber: f,
       items: a,
@@ -77,6 +77,6 @@ const F = U(function({
   );
 });
 export {
-  F as default
+  G as default
 };
 //# sourceMappingURL=worksheet-navigation.js.map

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\~~nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\~~n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(function WorksheetNavigation({\n placement,\n}) {\n const {\n behavior,\n questions,\n responses,\n lastUnlockedQuestionIndex,\n activeQuestionIndex,\n userType,\n summaryVisible,\n } = useWorksheetStore(store => ({\n behavior: store.behavior,\n questions: store.questions,\n responses: store.responses,\n lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n activeQuestionIndex: store.activeQuestionIndex,\n userType: store.userType,\n summaryVisible: store.summaryVisible,\n }));\n const { validation, teacherValidationEnabled, maximumAttempts } = behavior;\n const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n const { peerItemNumber } = useRemoteUserLocation();\n\n const items = useMemo(\n () =>\n questions.reduce(\n (acc, question, questionIndex) => {\n const { item_number, response_id } = question;\n const item = acc[item_number];\n const isUnlocked =\n userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n if (!item) {\n acc.push({\n firstQuestion: question,\n isActive: questionIndex === activeQuestionIndex,\n isUnlocked,\n questionIds: [response_id],\n });\n } else {\n item.isActive = item.isActive \|\| questionIndex === activeQuestionIndex;\n item.isUnlocked = item.isUnlocked \|\| isUnlocked;\n item.questionIds.push(response_id);\n }\n\n return acc;\n },\n [] as IWorksheetItemNumberProps['item'][],\n ),\n [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n );\n\n if (placement === 'bottom') {\n return (\n <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n {items.map(item => (\n <WorksheetItemNumber\n key={item.firstQuestion.response_id}\n responses={responses}\n validation={validation}\n placement={placement}\n item={item}\n summaryVisible={summaryVisible}\n maximumAttempts={maximumAttempts}\n />\n ))}\n </FlexView>\n );\n }\n\n if (teacherValidationEnabled) {\n return (\n <WorksheetSectionNavigation\n userType={userType}\n activeItemNumber={activeItemNumber}\n items={items}\n responses={responses}\n validation={validation}\n peerItemNumber={peerItemNumber}\n maximumAttempts={maximumAttempts}\n />\n );\n }\n\n return (\n <WorksheetItemNavigation\n activeItemNumber={activeItemNumber}\n items={items}\n responses={responses}\n validation={validation}\n peerItemNumber={peerItemNumber}\n summaryVisible={summaryVisible}\n maximumAttempts={maximumAttempts}\n />\n );\n});\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","behavior","questions","responses","lastUnlockedQuestionIndex","activeQuestionIndex","userType","summaryVisible","useWorksheetStore","store","validation","teacherValidationEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;;AAWM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,WAAAC;AACF,GAAG;;AACK,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAkB,CAAUC,OAAA;AAAA,IAC9B,UAAUA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,IACjB,WAAWA,EAAM;AAAA,IACjB,2BAA2BA,EAAM;AAAA,IACjC,qBAAqBA,EAAM;AAAA,IAC3B,UAAUA,EAAM;AAAA,IAChB,gBAAgBA,EAAM;AAAA,EACtB,EAAA,GACI,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,iBAAAC,~~EAAA~~,~~IAAoBX~~,~~GAC5DY,~~KAAmBC,~~IAAAZ~~,EAAUG,CAAmB,MAA7B,~~gBAAAS~~,EAAgC,aACnD,EAAE,gBAAAC,MAAmBC,KAErBC,IAAQC;AAAA,IACZ,~~MACEhB~~,EAAU;AAAA,MACR,~~CAACiB~~,GAAKC,GAAUC,MAAkB;AAC1B,cAAA,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,~~IACJnB~~,MAAa,YAAY,~~KAAOe~~,~~KAAiBjB~~;AAEnD,~~eAAKoB~~,KAQEA,EAAA,WAAWA,EAAK,YAAYH,~~MAAkBhB~~,~~GAC9CmB~~,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,UACP,eAAeC;AAAA,UACf,UAAUC,~~MAAkBhB~~;AAAA,UAC5B,~~YAAAoB~~;AAAA,UACA,aAAa,CAACF,CAAW;AAAA,QAAA,CAC1B,GAOIJ;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,IACF,~~CAACd~~,GAAqBD,GAA2BF,GAAWI,CAAQ;AAAA,EAAA;AAGtE,SAAIN,MAAc,WAEd,~~gBAAA0B~~,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MAEC,~~WAAAzB~~;AAAA,MACA,YAAAO;AAAA,MACA,WAAAV;AAAA,MACA,~~MAAAwB~~;AAAA,MACA,~~gBAAAjB~~;AAAA,MACA,~~iBAAAK~~;AAAA,IAAA;AAAA,IANKY,EAAK,cAAc;AAAA,EAQ3B,CAAA,EACH,CAAA,~~IAIAb~~,~~IAEA~~,gBAAAe;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,~~UAAAvB~~;AAAA,MACA,~~kBAAAO~~;AAAA,MACA,OAAAI;AAAA,MACA,~~WAAAd~~;AAAA,MACA,YAAAO;AAAA,MACA,~~gBAAAK~~;AAAA,MACA,iBAAAH;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAc;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,kBAAAjB;AAAA,MACA,OAAAI;AAAA,MACA,~~WAAAd~~;AAAA,MACA,YAAAO;AAAA,MACA,~~gBAAAK~~;AAAA,MACA,~~gBAAAR~~;AAAA,MACA,~~iBAAAK~~;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
1	+ {"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(function WorksheetNavigation({\n placement,\n}) {\n const {\n behavior,\n questions,\n responses,\n lastUnlockedQuestionIndex,\n activeQuestionIndex,\n userType,\n summaryVisible,\n } = useWorksheetStore(store => ({\n behavior: store.behavior,\n questions: store.questions,\n responses: store.responses,\n lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n activeQuestionIndex: store.activeQuestionIndex,\n userType: store.userType,\n summaryVisible: store.summaryVisible,\n }));\n const { validation, teacherValidationEnabled, teacherDiscussionEnabled, maximumAttempts } =\n behavior;\n const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n const { peerItemNumber } = useRemoteUserLocation();\n\n const items = useMemo(\n () =>\n questions.reduce(\n (acc, question, questionIndex) => {\n const { item_number, response_id } = question;\n const item = acc[item_number];\n const isUnlocked =\n userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n if (!item) {\n acc.push({\n firstQuestion: question,\n isActive: questionIndex === activeQuestionIndex,\n isUnlocked,\n questionIds: [response_id],\n });\n } else {\n item.isActive = item.isActive \|\| questionIndex === activeQuestionIndex;\n item.isUnlocked = item.isUnlocked \|\| isUnlocked;\n item.questionIds.push(response_id);\n }\n\n return acc;\n },\n [] as IWorksheetItemNumberProps['item'][],\n ),\n [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n );\n\n if (placement === 'bottom') {\n return (\n <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n {items.map(item => (\n <WorksheetItemNumber\n key={item.firstQuestion.response_id}\n responses={responses}\n validation={validation}\n placement={placement}\n item={item}\n summaryVisible={summaryVisible}\n maximumAttempts={maximumAttempts}\n />\n ))}\n </FlexView>\n );\n }\n\n if (teacherValidationEnabled \|\| teacherDiscussionEnabled) {\n return (\n <WorksheetSectionNavigation\n userType={userType}\n activeItemNumber={activeItemNumber}\n items={items}\n responses={responses}\n validation={validation}\n peerItemNumber={peerItemNumber}\n maximumAttempts={maximumAttempts}\n />\n );\n }\n\n return (\n <WorksheetItemNavigation\n activeItemNumber={activeItemNumber}\n items={items}\n responses={responses}\n validation={validation}\n peerItemNumber={peerItemNumber}\n summaryVisible={summaryVisible}\n maximumAttempts={maximumAttempts}\n />\n );\n});\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","behavior","questions","responses","lastUnlockedQuestionIndex","activeQuestionIndex","userType","summaryVisible","useWorksheetStore","store","validation","teacherValidationEnabled","teacherDiscussionEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;;AAWM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,WAAAC;AACF,GAAG;;AACK,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAkB,CAAUC,OAAA;AAAA,IAC9B,UAAUA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,IACjB,WAAWA,EAAM;AAAA,IACjB,2BAA2BA,EAAM;AAAA,IACjC,qBAAqBA,EAAM;AAAA,IAC3B,UAAUA,EAAM;AAAA,IAChB,gBAAgBA,EAAM;AAAA,EACtB,EAAA,GACI,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,0BAAAC,GAA0B,iBAAAC,MACtEZ,GACIa,KAAmBC,IAAAb,EAAUG,CAAmB,MAA7B,gBAAAU,EAAgC,aACnD,EAAE,gBAAAC,MAAmBC,KAErBC,IAAQC;AAAA,IACZ,MACEjB,EAAU;AAAA,MACR,CAACkB,GAAKC,GAAUC,MAAkB;AAC1B,cAAA,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,IACJpB,MAAa,YAAY,KAAOgB,KAAiBlB;AAEnD,eAAKqB,KAQEA,EAAA,WAAWA,EAAK,YAAYH,MAAkBjB,GAC9CoB,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,UACP,eAAeC;AAAA,UACf,UAAUC,MAAkBjB;AAAA,UAC5B,YAAAqB;AAAA,UACA,aAAa,CAACF,CAAW;AAAA,QAAA,CAC1B,GAOIJ;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,IACF,CAACf,GAAqBD,GAA2BF,GAAWI,CAAQ;AAAA,EAAA;AAGtE,SAAIN,MAAc,WAEd,gBAAA2B,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MAEC,WAAA1B;AAAA,MACA,YAAAO;AAAA,MACA,WAAAV;AAAA,MACA,MAAAyB;AAAA,MACA,gBAAAlB;AAAA,MACA,iBAAAM;AAAA,IAAA;AAAA,IANKY,EAAK,cAAc;AAAA,EAQ3B,CAAA,EACH,CAAA,IAIAd,KAA4BC,IAE5B,gBAAAe;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAAxB;AAAA,MACA,kBAAAQ;AAAA,MACA,OAAAI;AAAA,MACA,WAAAf;AAAA,MACA,YAAAO;AAAA,MACA,gBAAAM;AAAA,MACA,iBAAAH;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAc;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,kBAAAjB;AAAA,MACA,OAAAI;AAAA,MACA,WAAAf;AAAA,MACA,YAAAO;AAAA,MACA,gBAAAM;AAAA,MACA,gBAAAT;AAAA,MACA,iBAAAM;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-provider.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import { memo as c, useRef as u, useEffect as s } from "react";
-import { createWorksheetStore as i, WorksheetContext as m } from "./worksheet-store.js";
+import { createWorksheetStore as i, WorksheetContext as m } from "./worksheet-store/worksheet-store.js";
 const v = c(
   function({ children: n, ...e }) {
     const t = u(i(e));

package/dist/features/worksheet/worksheet/worksheet-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"worksheet-provider.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-provider.tsx"],"sourcesContent":["import { memo, useEffect, useRef, type FC, type PropsWithChildren } from 'react';\n\nimport { createWorksheetStore, WorksheetContext } from './worksheet-store';\nimport type { TWorksheetStoreProps } from './worksheet-types';\n\nconst WorksheetProvider: FC<PropsWithChildren<TWorksheetStoreProps>> = memo(\n function WorksheetProvider({ children, ...worksheetProps }) {\n const storeRef = useRef(createWorksheetStore(worksheetProps));\n\n useEffect(() => {\n storeRef.current.getState().mergeWorksheetProps(worksheetProps);\n }, [worksheetProps]);\n\n useEffect(() => {\n const currentStore = storeRef.current;\n\n return () => {\n const state = currentStore?.getState();\n\n if (state && typeof state.destroy === 'function') {\n state.destroy();\n }\n };\n }, []);\n\n return (\n <WorksheetContext.Provider value={storeRef.current}>{children}</WorksheetContext.Provider>\n );\n },\n);\n\nexport default WorksheetProvider;\n"],"names":["WorksheetProvider","memo","children","worksheetProps","storeRef","useRef","createWorksheetStore","useEffect","currentStore","state","WorksheetContext"],"mappings":";;;AAKA,MAAMA,IAAiEC;AAAA,EACrE,SAA2B,EAAE,UAAAC,GAAU,GAAGC,KAAkB;AAC1D,UAAMC,IAAWC,EAAOC,EAAqBH,CAAc,CAAC;AAE5D,WAAAI,EAAU,MAAM;AACd,MAAAH,EAAS,QAAQ,SAAW,EAAA,oBAAoBD,CAAc;AAAA,IAAA,GAC7D,CAACA,CAAc,CAAC,GAEnBI,EAAU,MAAM;AACd,YAAMC,IAAeJ,EAAS;AAE9B,aAAO,MAAM;AACL,cAAAK,IAAQD,KAAA,gBAAAA,EAAc;AAE5B,QAAIC,KAAS,OAAOA,EAAM,WAAY,cACpCA,EAAM,QAAQ;AAAA,MAChB;AAAA,IAEJ,GAAG,CAAE,CAAA,qBAGFC,EAAiB,UAAjB,EAA0B,OAAON,EAAS,SAAU,UAAAF,EAAS,CAAA;AAAA,EAElE;AACF;"}
1	+ {"version":3,"file":"worksheet-provider.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-provider.tsx"],"sourcesContent":["import { memo, useEffect, useRef, type FC, type PropsWithChildren } from 'react';\n\nimport { createWorksheetStore, WorksheetContext } from './worksheet-store/worksheet-store';\nimport type { TWorksheetStoreProps } from './worksheet-types';\n\nconst WorksheetProvider: FC<PropsWithChildren<TWorksheetStoreProps>> = memo(\n function WorksheetProvider({ children, ...worksheetProps }) {\n const storeRef = useRef(createWorksheetStore(worksheetProps));\n\n useEffect(() => {\n storeRef.current.getState().mergeWorksheetProps(worksheetProps);\n }, [worksheetProps]);\n\n useEffect(() => {\n const currentStore = storeRef.current;\n\n return () => {\n const state = currentStore?.getState();\n\n if (state && typeof state.destroy === 'function') {\n state.destroy();\n }\n };\n }, []);\n\n return (\n <WorksheetContext.Provider value={storeRef.current}>{children}</WorksheetContext.Provider>\n );\n },\n);\n\nexport default WorksheetProvider;\n"],"names":["WorksheetProvider","memo","children","worksheetProps","storeRef","useRef","createWorksheetStore","useEffect","currentStore","state","WorksheetContext"],"mappings":";;;AAKA,MAAMA,IAAiEC;AAAA,EACrE,SAA2B,EAAE,UAAAC,GAAU,GAAGC,KAAkB;AAC1D,UAAMC,IAAWC,EAAOC,EAAqBH,CAAc,CAAC;AAE5D,WAAAI,EAAU,MAAM;AACd,MAAAH,EAAS,QAAQ,SAAW,EAAA,oBAAoBD,CAAc;AAAA,IAAA,GAC7D,CAACA,CAAc,CAAC,GAEnBI,EAAU,MAAM;AACd,YAAMC,IAAeJ,EAAS;AAE9B,aAAO,MAAM;AACL,cAAAK,IAAQD,KAAA,gBAAAA,EAAc;AAE5B,QAAIC,KAAS,OAAOA,EAAM,WAAY,cACpCA,EAAM,QAAQ;AAAA,MAChB;AAAA,IAEJ,GAAG,CAAE,CAAA,qBAGFC,EAAiB,UAAjB,EAA0B,OAAON,EAAS,SAAU,UAAAF,EAAS,CAAA;AAAA,EAElE;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js CHANGED Viewed

@@ -1,8 +1,7 @@
-import t from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
-import p from "../../../ui/text/text.js";
-const a = t.textarea(({ theme: o }) => {
-  const { BLACK_75: e, WHITE: i } = o.colors;
+import r from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const d = r.textarea(({ theme: o }) => {
+  const { BLACK_75: i, WHITE: p } = o.colors;
   return `
   width: 350px;
   height: 100px;
@@ -11,15 +10,15 @@ const a = t.textarea(({ theme: o }) => {
   font-weight: 400;
   padding: 10px;
   cursor: 'text'
-  border: 1px solid ${e};
+  border: 1px solid ${i};
   border-radius: 3px;
-  background-color: ${i};
+  background-color: ${p};
 `;
-}), l = t.input`
+}), x = r.input`
   color: transparent;
   max-width: 100px;
   display: none;
-`, s = t.label`
+`, a = r.label`
   border: ${"1px solid #8DD5F1"};
   background: transparent;
   height: 30px;
@@ -39,32 +38,28 @@ const a = t.textarea(({ theme: o }) => {
     border: ${"1px solid #1657e4"};
     color: ${"#8DD5F1"};
   }
-`;
-t(p)`
-  text-decoration: underline;
-`;
-const g = t(r)`
+`, s = r(t)`
   border: 1px solid lightgray;
   margin: 12px 0;
   padding: 12px;
-`, h = t(r)`
+`, l = r(t)`
   width: 80px;
   height: 80px;
   padding: 3px;
   margin-right: 10px;
   margin-bottom: 10px;
   border: 1px solid #d0d0d0;
-`, c = t.img`
+`, g = r.img`
   width: 72px !important;
   height: 72px !important;
   cursor: pointer !important;
 `;
 export {
-  l as FileInput,
-  s as FileInputLabel,
-  c as Img,
-  a as TextArea,
-  h as Thumbnail,
-  g as Wrapper
+  x as FileInput,
+  a as FileInputLabel,
+  g as Img,
+  d as TextArea,
+  l as Thumbnail,
+  s as Wrapper
 };
 //# sourceMappingURL=subjective-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"subjective-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\~~nimport Text from '../../../ui/text/text';\~~n\nexport const TextArea = styled.textarea(({ theme }) => {\n const { BLACK_75, WHITE } = theme.colors;\n\n return `\n width: 350px;\n height: 100px;\n resize: none;\n font-size: 16px;\n font-weight: 400;\n padding: 10px;\n cursor: 'text'\n border: 1px solid ${BLACK_75};\n border-radius: 3px;\n background-color: ${WHITE};\n`;\n});\n\nexport const FileInput = styled.input`\n color: transparent;\n max-width: 100px;\n display: none;\n`;\n\nexport const FileInputLabel = styled.label`\n border: ${`1px solid #8DD5F1`};\n background: transparent;\n height: 30px;\n border-radius: 4px;\n padding-top: 4px;\n display: block;\n font-size: 14px;\n line-height: 22px;\n font-weight: 700;\n text-align: center;\n font-style: normal;\n color: ${'#8DD5F1'};\n cursor: ${'pointer'};\n width: 110px;\n\n &:hover {\n border: ${'1px solid #1657e4'};\n color: ${'#8DD5F1'};\n }\n`;\n\nexport const ~~UnderlinedText = styled(Text)`\n text-decoration: underline;\n`;\n\nexport const~~ Wrapper = styled(FlexView)`\n border: 1px solid lightgray;\n margin: 12px 0;\n padding: 12px;\n`;\n\nexport const Thumbnail = styled(FlexView)`\n width: 80px;\n height: 80px;\n padding: 3px;\n margin-right: 10px;\n margin-bottom: 10px;\n border: 1px solid #d0d0d0;\n`;\n\nexport const Img = styled.img`\n width: 72px !important;\n height: 72px !important;\n cursor: pointer !important;\n`;\n"],"names":["TextArea","styled","theme","BLACK_75","WHITE","FileInput","FileInputLabel","~~Text","~~Wrapper","FlexView","Thumbnail","Img"],"mappings":"~~;;;AAKO~~,MAAMA,IAAWC,EAAO,SAAS,CAAC,EAAE,OAAAC,QAAY;AACrD,QAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUF,EAAM;AAE3B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQaC,CAAQ;AAAA;AAAA,sBAERC,CAAK;AAAA;AAE3B,CAAC,GAEYC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBK,IAAiBL,EAAO;AAAA,YACzB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWpB,SAAS;AAAA,YACR,SAAS;AAAA;AAAA;AAAA;AAAA,cAIP,mBAAmB;AAAA,aACpB,SAAS;AAAA;AAAA~~;AAIQA~~,~~EAAOM~~,~~CAAI;AAAA;AAAA;AAI5B~~,~~MAAAC~~,~~IAAUP,EAAOQ,~~CAAQ;AAAA;AAAA;AAAA;AAAA,GAMzBC,~~IAAYT~~,~~EAAOQ~~,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BE,~~IAAMV~~,EAAO;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"subjective-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const TextArea = styled.textarea(({ theme }) => {\n const { BLACK_75, WHITE } = theme.colors;\n\n return `\n width: 350px;\n height: 100px;\n resize: none;\n font-size: 16px;\n font-weight: 400;\n padding: 10px;\n cursor: 'text'\n border: 1px solid ${BLACK_75};\n border-radius: 3px;\n background-color: ${WHITE};\n`;\n});\n\nexport const FileInput = styled.input`\n color: transparent;\n max-width: 100px;\n display: none;\n`;\n\nexport const FileInputLabel = styled.label`\n border: ${`1px solid #8DD5F1`};\n background: transparent;\n height: 30px;\n border-radius: 4px;\n padding-top: 4px;\n display: block;\n font-size: 14px;\n line-height: 22px;\n font-weight: 700;\n text-align: center;\n font-style: normal;\n color: ${'#8DD5F1'};\n cursor: ${'pointer'};\n width: 110px;\n\n &:hover {\n border: ${'1px solid #1657e4'};\n color: ${'#8DD5F1'};\n }\n`;\n\nexport const Wrapper = styled(FlexView)`\n border: 1px solid lightgray;\n margin: 12px 0;\n padding: 12px;\n`;\n\nexport const Thumbnail = styled(FlexView)`\n width: 80px;\n height: 80px;\n padding: 3px;\n margin-right: 10px;\n margin-bottom: 10px;\n border: 1px solid #d0d0d0;\n`;\n\nexport const Img = styled.img`\n width: 72px !important;\n height: 72px !important;\n cursor: pointer !important;\n`;\n"],"names":["TextArea","styled","theme","BLACK_75","WHITE","FileInput","FileInputLabel","Wrapper","FlexView","Thumbnail","Img"],"mappings":";;AAIO,MAAMA,IAAWC,EAAO,SAAS,CAAC,EAAE,OAAAC,QAAY;AACrD,QAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUF,EAAM;AAE3B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQaC,CAAQ;AAAA;AAAA,sBAERC,CAAK;AAAA;AAE3B,CAAC,GAEYC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBK,IAAiBL,EAAO;AAAA,YACzB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWpB,SAAS;AAAA,YACR,SAAS;AAAA;AAAA;AAAA;AAAA,cAIP,mBAAmB;AAAA,aACpB,SAAS;AAAA;AAAA,GAITM,IAAUN,EAAOO,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAYR,EAAOO,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BE,IAAMT,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import i from "styled-components";
 import { ILLUSTRATIONS as _ } from "../../../../assets/illustrations/illustrations.js";
 import { getPuzzleCardPattern as m } from "../../../puzzles/utils/puzzle-pattern.js";
-import o from "../../../ui/layout/flex-view.js";
-import { TOP_NAVIGATION_HEIGHT as g, QUESTIONS_GAP as d } from "../constants.js";
+import e from "../../../ui/layout/flex-view.js";
+import { TOP_NAVIGATION_HEIGHT as g, QUESTIONS_GAP as p } from "../constants.js";
 import { getQuestionBackgroundImage as c, getQuestionBorderColor as s, getPuzzleWorksheetBackgroundColor as l } from "../worksheet-helpers.js";
 const w = i.div(
-  ({ $isConceptIntro: t, $isTeacher: r, theme: n, $imageHue: a = "BLUE", $isPuzzle: e }) => `
+  ({ $isConceptIntro: t, $isTeacher: r, theme: n, $imageHue: a = "BLUE", $isPuzzle: o }) => `
   position: relative;
   z-index: 1;
   & > div:not(:first-child) {
@@ -18,7 +18,7 @@ const w = i.div(
         right: 0;
         bottom: ${r ? 140 : 180}px;
       ` : ""}
-  ${e ? `
+  ${o ? `
       width: 420px;
       min-height: 504px;
       padding: 20px 24px;
@@ -63,23 +63,20 @@ const w = i.div(
       }
     ` : ""}
 `
-), k = i(o)(
+), k = i(e)(
   ({ $topOffset: t }) => `
-  scroll-margin-top: ${(t ?? 0) + g + d}px;
+  scroll-margin-top: ${(t ?? 0) + g + p}px;
 `
-), x = (t) => t.startsWith("calc(") ? t.replace(")", " - 32px)") : t, R = i(o)(
-  ({ theme: t, $minHeight: r, $paperColor: n, $isActive: a, $imageHue: e }) => `
+), x = (t) => t.startsWith("calc(") ? t.replace(")", ` - ${p}px)`) : t, R = i(e)(
+  ({ theme: t, $minHeight: r, $paperColor: n, $isActive: a, $imageHue: o }) => `
     position: relative;
-    padding: 15px 15px 55px 15px;
     min-height: ${typeof r == "number" ? `${r}px` : x(r)};
     transition: opacity 0.15s;
-    ${e ? `
-          border: 1px solid ${t.colors[l(e)]};
+    ${o ? `
+          border: 1px solid ${t.colors[l(o)]};
           border-top: none;
           border-bottom: none;
-          background-color: ${t.colors[l(e)]};
+          background-color: ${t.colors[l(o)]};
         ` : `
           border-radius: 12px;
           background-image: ${n && n !== "white" ? `url(${c(n)})` : "none"};
@@ -88,7 +85,7 @@ const w = i.div(
       `}
     ${n ? "" : "padding-right: 0;"}
 `
-), y = i.div(
+), y = i(e)(
   ({ theme: { colors: t }, $dropzoneMinWidth: r, $dropzoneMinHeight: n }) => `
   height: 100%;
   min-height: inherit;
@@ -1039,11 +1036,11 @@ const w = i.div(
     display: none;
   }
 `
-), G = i(o)`
+), G = i(e)`
   position: relative;
   z-index: 2;
   padding-right: 8px;
-`, L = i(o)(
+`, L = i(e)(
   ({
     theme: {
       layout: { gutter: t },
@@ -1066,11 +1063,12 @@ const w = i.div(
     border-right: 24px solid transparent;
   }
 `
-), N = i(o)(
+), N = i(e)(
   ({ $topOffset: t }) => `
   position: sticky;
-  top: ${t + d / 2}px;
+  top: ${t + p / 2}px;
   z-index: 2;
+  padding: 16px 15px;
 `
 ), B = i.div`
   position: absolute;
@@ -1080,11 +1078,10 @@ const w = i.div(
   height: 40px;
 `, A = i.img`
   display: block;
-  transform: translate(-15px, -15px);
-  width: calc(100% + 30px);
+  width: 100%;
   border-radius: 12px 12px 0 0;
   margin-bottom: 18px;
-`, p = i.div(
+`, d = i.div(
   ({ theme: { colors: t } }) => `
   color: ${t.BLACK};
   font-size: 16px;
@@ -1134,9 +1131,9 @@ const w = i.div(
     }
   }
 `
-), U = i(p)`
+), U = i(d)`
   margin: 8px 0;
-`, v = p, z = i(p)(
+`, v = i(d)(
   ({ theme: { colors: t } }) => `
   width: 50%;
   padding-right: 16px;
@@ -1145,7 +1142,7 @@ const w = i.div(
   min-height: 100%;
   align-self: stretch;
 `
-), O = i(o)(
+), z = i(e)(
   ({ $canScribble: t, theme: r }) => `
   position: absolute;
   top: 0;
@@ -1157,8 +1154,8 @@ const w = i.div(
 `
 );
 export {
-  O as CueCanvasWrapper,
-  p as CustomElement,
+  z as CueCanvasWrapper,
+  d as CustomElement,
   U as Hint,
   G as ItemHeader,
   L as ItemHeaderTag,
@@ -1169,7 +1166,6 @@ export {
   N as QuestionHeaderWrapper,
   B as QuestionValidationAnimationWrapper,
   y as QuestionWrapper,
-  v as Solution,
-  z as StimulusReview
+  v as StimulusReview
 };
 //# sourceMappingURL=worksheet-question-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"worksheet-question-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { getPuzzleCardPattern } from '../../../puzzles/utils/puzzle-pattern';\nimport FlexView from '../../../ui/layout/flex-view';\nimport type { THueNames } from '../../../ui/types';\nimport { QUESTIONS_GAP, TOP_NAVIGATION_HEIGHT } from '../constants';\nimport {\n getPuzzleWorksheetBackgroundColor,\n getQuestionBackgroundImage,\n getQuestionBorderColor,\n} from '../worksheet-helpers';\nimport type { TWorksheetQuestionPaperColor } from './worksheet-question-types';\n\nconst LearnosityQuestionContainer = styled.div<{\n $isConceptIntro: boolean;\n $isTeacher: boolean;\n $imageHue?: THueNames;\n $isPuzzle?: boolean;\n}>(\n ({ $isConceptIntro, $isTeacher, theme, $imageHue = 'BLUE', $isPuzzle }) => `\n position: relative;\n z-index: 1;\n & > div:not(:first-child) {\n display: none;\n }\n\n ${\n $isConceptIntro\n ? `\n position: absolute;\n left: 0;\n right: 0;\n bottom: ${$isTeacher ? 140 : 180}px;\n `\n : ''\n }\n ${\n $isPuzzle\n ? `\n width: 420px;\n min-height: 504px;\n padding: 20px 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n margin: 40px auto 0;\n box-shadow: inset 0px 0px 0px 4px ${theme.colors[`${$imageHue}_4`]};\n background: ${theme.colors.WHITE_1};\n \n & * {\n font-family: Athletics-Regular !important;\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: ${`url(${getPuzzleCardPattern($imageHue)})`};\n background-size: cover;\n opacity: 0.4;\n }\n\n .lrn_stimulus_content {\n display: flex;\n justify-content: center;\n }\n\n .lrn_stimulus_content img {\n width: 270px;\n height: 270px;\n margin-bottom: 0;\n }\n \n .lrn_response_wrapper .lrn_response_math.lrn_response_input, \n .lrn_response_wrapper .lrn_response_math.lrn_response_input p {\n line-height: 1.5 !important;\n }\n `\n : ``\n }\n`,\n);\n\ninterface IQuestionContainerWrapper {\n $topOffset?: number;\n}\n\nconst QuestionContainerWrapper = styled(FlexView)<IQuestionContainerWrapper>(\n ({ $topOffset }) => `\n scroll-margin-top: ${($topOffset ?? 0) + TOP_NAVIGATION_HEIGHT + QUESTIONS_GAP}px;\n`,\n);\n\nconst getMinHeightFromString = (minHeight: string) => {\n if (minHeight.startsWith('calc(')) {\n return minHeight.replace(')', ' - 32px)');\n }\n\n return minHeight;\n};\n\ninterface IQuestionContainerProps {\n $minHeight: string \| number;\n $paperColor?: TWorksheetQuestionPaperColor;\n $isActive?: boolean;\n $imageHue?: THueNames;\n}\n\nconst QuestionContainer = styled(FlexView)<IQuestionContainerProps>(\n ({ theme, $minHeight, $paperColor, $isActive, $imageHue }) => `\n position: relative;\n padding: 15px 15px 55px 15px;\n\n \n min-height: ${\n typeof $minHeight === 'number' ? `${$minHeight}px` : getMinHeightFromString($minHeight)\n };\n transition: opacity 0.15s;\n ${\n !$imageHue\n ? `\n border-radius: 12px;\n background-image: ${\n $paperColor && $paperColor !== 'white'\n ? `url(${getQuestionBackgroundImage($paperColor)})`\n : 'none'\n };\n background-repeat: repeat;\n border: 1px solid ${\n $paperColor\n ? theme.colors[getQuestionBorderColor($paperColor, $isActive)]\n : 'transparent'\n };\n `\n : `\n border: 1px solid ${theme.colors[getPuzzleWorksheetBackgroundColor($imageHue)]};\n border-top: none;\n border-bottom: none;\n background-color: ${theme.colors[getPuzzleWorksheetBackgroundColor($imageHue)]};\n `\n }\n ${!$paperColor ? 'padding-right: 0;' : ''}\n`,\n);\n\ninterface IQuestionWrapperProps {\n $dropzoneMinWidth: number;\n $dropzoneMinHeight: number;\n}\n\nconst QuestionWrapper = styled.div<IQuestionWrapperProps>(\n ({ theme: { colors }, $dropzoneMinWidth, $dropzoneMinHeight }) => `\n height: 100%;\n min-height: inherit;\n\n em {\n font-style: italic;\n } \n \n & .lrn_widget {\n font-size: 16px;\n line-height: 1.6em;\n color: ${colors.BLACK};\n font-family: \"Noto Serif\", serif;\n margin-top: 6px;\n padding-top: 0;\n margin-bottom: 16px;\n\n iframe {\n max-width: 100%;\n }\n\n ul, ol {\n list-style-type: initial;\n padding-left: 32px;\n }\n\n ol {\n list-style-type: decimal;\n }\n\n .lrn_response_wrapper {\n margin-top: 0 !important;\n }\n\n .lrn_question {\n margin-bottom: 16px;\n\n .lrn_stimulus {\n line-height: 1.6em;\n\n .lrn_stimulus_content {\n line-height: 1.6em;\n }\n }\n\n & ~ .lrn_response_wrapper {\n margin-top: 16px !important;\n }\n }\n\n .lrn_response_input_wrapper {\n border-color: ${colors.GREY_3};\n }\n\n .lrn_possibilityList {\n background-color: ${colors.REAL_BLACK_10};\n }\n\n .lrn_dropzone {\n margin: 0 !important;\n margin: 0 !important;\n border: 0 !important;\n outline: 1px dashed ${colors.BLACK};\n height: inherit !important;\n ${\n $dropzoneMinWidth > 0\n ? `\n min-width: ${$dropzoneMinWidth}px !important;\n width: ${$dropzoneMinWidth}px !important;\n max-width: ${$dropzoneMinWidth}px !important;\n `\n : ''\n }\n ${\n $dropzoneMinHeight > 0\n ? `\n min-height: ${$dropzoneMinHeight}px !important;\n height: ${$dropzoneMinHeight}px !important;\n `\n : ''\n }\n\n &:not(.lrn_disabled):hover {\n outline: 1px dashed ${colors.BLUE_4};\n }\n\n &.lrn_highlight {\n outline: 1px dashed ${colors.BLUE_4};\n\n &.lrn_over {\n background-color: ${colors.BLUE_1};\n\n & .lrn_draggable {\n opacity: 0.5;\n }\n }\n }\n\n & .lrn_draggable {\n box-shadow: none;\n margin: 0 !important;\n border: 0 !important;\n background-color: ${colors.WHITE} !important;\n\n &:after {\n padding: 0 !important;\n right: 10px !important;\n }\n\n &.lrn_correct:after {\n color: ${colors.GREEN_5} !important;\n }\n\n &.lrn_incorrect:after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n\n &.lrn_correct_marker {\n outline: 2px solid ${colors.GREEN_5} !important;\n }\n\n &.lrn_incorrect_marker {\n outline: 2px solid ${colors.ORANGE_5} !important;\n }\n }\n\n .lrn_draggable {\n margin: 4px !important;\n padding: 8px !important;\n box-shadow: inset 0 0 0 1px ${colors.BLUE_4};\n background-color: ${colors.WHITE} !important;\n cursor: grab;\n color: ${colors.BLACK} !important;\n\n & .lrn_icon {\n display: none;\n }\n\n & .lrn_item {\n margin: 0 !important;\n width: 100%;\n text-align: left !important;\n }\n\n &.lrn_active,\n &:not([disabled]):focus,\n &:not([disabled]):hover {\n box-shadow: inset 0 0 0 2px ${colors.BLUE_4} !important;\n }\n\n &[disabled] {\n inset 0 0 0 1px ${colors.WHITE};\n }\n\n &.gu-mirror {\n font-size: 99%;\n transform: rotate(-6deg);\n }\n }\n\n .lrn-response-validate-wrapper,\n .lrn-response-validation-wrapper {\n margin: 0 !important;\n \n &.lrn_correct {\n border: 2px solid ${colors.GREEN_5} !important;\n border-radius: 4px;\n \n &::after {\n background-color: ${colors.GREEN_5} !important;\n }\n }\n\n &.lrn_incorrect {\n border: 2px solid ${colors.ORANGE_5} !important;\n border-radius: 4px;\n \n &::after {\n background-color: ${colors.ORANGE_5} !important;\n }\n }\n }\n\n .lrn_responseIndex {\n position: absolute !important;\n top: -12px !important;\n left: -9px !important;\n width: 18px !important;\n height: 18px !important;\n border-radius: 9px !important;\n background-color: ${colors.GREY_3} !important;\n font-size: 11px !important;\n font-weight: bold !important;\n line-height: 16px !important;\n padding: 0 !important;\n text-align: center;\n }\n\n .lrn_correctAnswers {\n margin-top: 24px;\n padding: 16px 24px;\n border: 1px solid ${colors.GREY_3};\n border-radius: 12px;\n background-color: transparent;\n\n & > :first-child {\n color: ${colors.BLACK};\n text-transform: capitalize;\n font-family: \"UntitledSans-Medium\";\n font-size: 14px;\n line-height: 20px;\n }\n \n & .lrn_correctAnswerList {\n margin-top: 24px;\n li {\n background-color: ${colors.WHITE};\n padding-left: 8px;\n margin-right: 24px;\n margin-bottom: 24px;\n outline: 1px solid ${colors.GREY_3};\n cursor: auto;\n }\n }\n }\n\n .lrn_classification_table .lrn_dropzone {\n overflow-x: visible !important;\n }\n }\n\n &.attempting .lrn_widget {\n .lrn-response-validate-wrapper,\n .lrn-response-validation-wrapper {\n &.lrn_correct,\n &.lrn_incorrect {\n border-color: transparent !important;\n\n &::after {\n background-color: transparent !important;\n color: transparent !important;\n }\n }\n }\n\n .lrn_dropzone {\n &.lrn_correct_marker,\n &.lrn_incorrect_marker {\n outline-color: ${colors.BLUE_4};\n }\n\n & .lrn_draggable {\n &.lrn_correct:after,\n &.lrn_incorrect:after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n }\n \n & .lrn_widget .lrn_textinput {\n display: inline-flex;\n vertical-align: middle;\n padding: 0 !important;\n margin: 0 !important;\n border: none !important;\n\n &::after {\n right: 4px !important;\n padding-right: 0px !important;\n }\n \n & .lrn_math_editable {\n padding-right: 32px;\n \n &.lrn_bordered_mathinput {\n border: none !important;\n outline: 1px solid ${colors.BLACK};\n padding: 3px 24px 3px 8px;\n text-align: left;\n background-color: ${colors.WHITE} !important;\n }\n\n & .lrn_bordered_mathinput {\n min-height: 20px;\n border: 1px solid ${colors.BLACK};\n border-radius: 2px !important;\n background-color: ${colors.WHITE} !important;\n }\n\n &.lrn_bordered_mathinput {\n &.lrn_focused,\n &:not(.lrn_hide_cursor):hover {\n outline: 1px solid ${colors.BLUE_4};\n }\n\n &.lrn_hide_cursor {\n cursor: auto;\n }\n }\n \n &:not(.lrn_hide_cursor) .lrn_bordered_mathinput {\n &.lrn_focused,\n &:hover {\n border: 1px solid ${colors.BLUE_4};\n }\n\n }\n \n &.lrn_hide_cursor .lrn_bordered_mathinput {\n cursor: auto;\n }\n }\n \n & input {\n min-height: 40px;\n padding: 0 32px 0 8px;\n border: none !important;\n background-color: ${colors.WHITE} !important;\n outline: 1px solid ${colors.BLACK};\n border-radius: 4px !important;\n\n &:focus,\n &:not(:disabled):hover {\n outline: 1px solid ${colors.BLUE_4};\n }\n }\n\n &.lrn_correct {\n background-color: ${colors.GREEN_1} !important;\n &::after {\n color: ${colors.GREEN_5};\n }\n & input {\n outline: 2px solid ${colors.GREEN_5};\n }\n & .lrn_bordered_mathinput {\n &:not(.mq-inner-editable) {\n outline: 2px solid ${colors.GREEN_5};\n }\n &.mq-inner-editable {\n border: 1px solid ${colors.GREEN_5};\n }\n }\n }\n \n &.lrn_incorrect {\n background-color: ${colors.ORANGE_1} !important;\n &::after {\n color: ${colors.ORANGE_5};\n }\n & input {\n outline: 2px solid ${colors.ORANGE_5};\n }\n & .lrn_bordered_mathinput {\n &:not(.mq-inner-editable) {\n outline: 2px solid ${colors.ORANGE_5};\n }\n &.mq-inner-editable {\n border: 1px solid ${colors.ORANGE_5};\n }\n }\n }\n }\n\n &.attempting .lrn_widget .lrn_textinput {\n &.lrn_correct,\n &.lrn_incorrect {\n background-color: ${colors.WHITE} !important;\n\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n\n & input {\n outline: 1px solid ${colors.BLUE_4} !important;\n }\n\n & .lrn_bordered_mathinput {\n &:not(.mq-inner-editable) {\n outline: 2px solid ${colors.BLUE_4} !important;\n }\n &.mq-inner-editable {\n border: 1px solid ${colors.BLUE_4} !important;\n }\n }\n }\n }\n\n & .lrn_widget.lrn_mcq .lrn_response {\n & .lrn_mcqgroup {\n overflow-x: visible;\n margin: 0 -8px !important;\n\n & .lrn-mcq-option {\n border: none !important;\n margin-bottom: 12px;\n padding: 0 6px !important;\n background-color: transparent !important;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n & .lrn-label {\n padding: 0;\n background-color: ${colors.GREY_1};\n border-radius: 12px;\n border: 0;\n outline: 1px solid ${colors.GREY_2};\n\n &::before {\n border: 0;\n right: 10px;\n padding: 0;\n font-size: 14px;\n }\n\n & .lrn_choiceLabel {\n border-radius: 12px 0 0 12px;\n border-right: 1px solid ${colors.GREY_2};\n }\n\n & .lrn_contentWrapper {\n padding: 16px 32px 16px 16px;\n }\n }\n\n & input {\n visibility: hidden;\n\n &:not(:disabled) + .lrn-label:hover {\n outline: 1px solid ${colors.BLUE_4};\n }\n\n &:disabled + .lrn-label {\n cursor: not-allowed;\n }\n }\n\n &.lrn_selected .lrn-label {\n outline: 1px solid ${colors.BLUE_4};\n background-color: ${colors.GREY_1};\n }\n\n &.lrn_correct .lrn-label {\n outline: 2px solid ${colors.GREEN_5};\n background-color: ${colors.GREEN_1};\n\n &::before {\n color: ${colors.GREEN_5};\n }\n }\n \n &.lrn_incorrect .lrn-label {\n outline: 2px solid ${colors.ORANGE_5};\n background-color: ${colors.ORANGE_1};\n\n &::before {\n color: ${colors.ORANGE_5};\n }\n }\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup .lrn-mcq-option {\n &.lrn_incorrect .lrn-label,\n &.lrn_correct .lrn-label {\n outline: 1px solid ${colors.BLUE_4};\n background-color: ${colors.GREY_1};\n\n &::before {\n color: ${colors.BLUE_4};\n }\n }\n }\n\n & .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n border: 0 !important;\n border-radius: 0px;\n padding: 0 2px !important;\n outline: none !important;\n margin: 0;\n background-color: transparent !important;\n\n &::after {\n position: absolute !important;\n font-size: 12px;\n line-height: 16px;\n top: -16px !important;\n left: calc(50% - 6px);\n margin: 0 !important;\n }\n\n &.lrn_tokenhighlight_hover,\n &.lrn_tokenhighlight_highlight {\n background-color: ${colors.BLUE_1} !important;\n }\n\n &.lrn_correct {\n background-color: ${colors.GREEN_1} !important;;\n\n &::after {\n color: ${colors.GREEN_5} !important;\n }\n }\n\n &.lrn_incorrect {\n background-color: ${colors.ORANGE_1} !important;;\n\n &::after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n &.lrn_correct,\n &.lrn_incorrect {\n background-color: ${colors.BLUE_1} !important;\n\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n\n & .lrn_widget.lrn_numberline {\n .lrn_incorrect.lrn_btn_arrow {\n background-color: ${colors.ORANGE_1};\n border: 1px solid ${colors.ORANGE_5};\n\n &::before {\n color: ${colors.ORANGE_5};\n }\n &::after {\n border-color: ${colors.ORANGE_5} transparent transparent;\n }\n }\n\n .lrn_correct.lrn_btn_arrow {\n background-color: ${colors.GREEN_1};\n border: 1px solid ${colors.GREEN_5};\n\n &::before {\n color: ${colors.GREEN_5};\n }\n &::after {\n border-color: ${colors.GREEN_5} transparent transparent;\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_numberline {\n .lrn_correct.lrn_btn_arrow,\n .lrn_incorrect.lrn_btn_arrow {\n background-color: ${colors.BLUE_1} !important;\n border: 1px solid ${colors.BLUE_4} !important;\n\n &::before {\n color: ${colors.BLUE_4} !important;\n }\n &::after {\n border-color: ${colors.BLUE_4} transparent transparent !important;\n }\n }\n }\n\n & .lrn_widget .lrn_combobox {\n margin: 0 3px !important;\n\n & .lrn_clozedropdown_answer {\n position: relative !important;\n display: inline-flex !important;\n line-height: 28px !important;\n }\n\n &.lrn_not_attempted .lrn_clozedropdown_answer {\n position: relative !important;\n border: none !important;\n background: transparent !important;\n width: 100px;\n\n &:after {\n content: '';\n position: absolute !important;\n top: -5px;\n left: 0;\n width: 100%;\n height: 28px;\n background-color: ${colors.WHITE};\n outline: 1px solid ${colors.BLACK};\n border-radius: 4px;\n margin: 0 !important;\n }\n }\n \n & .lrn-cloze-select, &:not(.lrn_not_attempted) .lrn_clozedropdown_answer {\n background-color: ${colors.WHITE} !important;\n border: 0 !important;\n padding: 0 32px 0 8px !important;\n outline: 1px solid ${colors.BLACK};\n border-radius: 4px !important;\n min-height: 28px;\n min-width: 100px;\n height: 28px !important;\n\n &:after {\n position: absolute !important;\n right: 10px !important;\n padding: 0px !important;\n margin: 0px !important;\n }\n }\n \n &.lrn_correct .lrn_clozedropdown_answer {\n outline: 2px solid ${colors.GREEN_5};\n &:after {\n color: ${colors.GREEN_5} !important;\n }\n }\n &.lrn_incorrect .lrn_clozedropdown_answer {\n outline: 2px solid ${colors.ORANGE_5};\n &:after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n \n }\n\n &.attempting .lrn_widget .lrn_combobox {\n &.lrn_correct .lrn_clozedropdown_answer,\n &.lrn_incorrect .lrn_clozedropdown_answer {\n outline: 2px solid ${colors.BLUE_4} !important;\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n\n & .lrn_widget.lrn_hotspot .lrn-polygons {\n .lrn-focused polygon {\n outline-color: ${colors.BLUE_4};\n }\n\n .lrn-selected polygon {\n stroke: ${colors.BLUE_4} !important;\n }\n\n .lrn_correct polygon {\n stroke: ${colors.GREEN_5} !important;\n }\n \n .lrn_incorrect polygon {\n stroke: ${colors.ORANGE_5} !important;\n }\n\n .lrn-polygons-labels li {\n &.lrn_valid {\n background: ${colors.GREY_3};\n }\n &.lrn_correct {\n background: ${colors.GREEN_5};\n }\n &.lrn_incorrect {\n background: ${colors.ORANGE_5};\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_hotspot .lrn-polygons {\n .lrn_correct polygon,\n .lrn_incorrect polygon {\n stroke: ${colors.BLUE_4} !important;\n }\n\n .lrn-polygons-labels li {\n &.lrn_correct,\n &.lrn_incorrect {\n background: ${colors.BLUE_4};\n }\n }\n }\n\n & .lrn_widget.lrn_choicematrix {\n .lrn_option {\n &:: before {\n display: none;\n }\n &::after {\n position: absolute !important;\n top: calc(50% - 9px) !important;\n right: 7px !important;\n }\n &.lrn_correct {\n background-color: ${colors.GREEN_1};\n\n &::after {\n color: ${colors.GREEN_5} !important;\n }\n }\n\n &.lrn_incorrect {\n background-color: ${colors.ORANGE_1};\n\n &::after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n }\n\n .lrn_response_input {\n border-width: 2px !important;\n margin: 0 !important;\n\n &.lrn_correct {\n border-color: ${colors.GREEN_5};\n\n &::after {\n background-color: ${colors.GREEN_5};\n }\n }\n\n &.lrn_incorrect {\n border-color: ${colors.ORANGE_5};\n\n &::after {\n background-color: ${colors.ORANGE_5};\n }\n }\n } \n }\n\n &.attempting .lrn_widget.lrn_choicematrix {\n .lrn_option {\n &.lrn_correct,\n &.lrn_incorrect {\n background-color: ${colors.BLUE_1};\n\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n \n .lrn_response_input {\n &.lrn_correct,\n &.lrn_incorrect {\n border-color: ${colors.BLUE_4};\n\n &::after {\n background-color: ${colors.BLUE_4};\n }\n }\n }\n }\n\n .lrn_widget.lrn_classification {\n .lrn_response_container {\n border: 0 !important;\n vertical-align: bottom !important;\n }\n\n .lrn_dropzone {\n display: flex;\n flex-wrap: wrap;\n column-gap: 8px;\n height: unset !important;\n }\n\n .lrn_dropzone .lrn_draggable {\n display: inline-flex;\n align-items: center;\n padding: 8px 30px 8px 8px !important;\n margin-bottom: 4px !important;\n outline: 1px solid ${colors.BLUE_4} !important;\n background-color: transparent !important;\n\n &.lrn_incorrect {\n outline: 1px solid ${colors.ORANGE_5} !important;\n }\n\n &.lrn_correct {\n outline: 1px solid ${colors.GREEN_5} !important;\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_classification {\n .lrn_dropzone .lrn_draggable {\n &.lrn_correct,\n &.lrn_incorrect {\n outline: 1px solid ${colors.BLUE_4} !important;\n }\n }\n }\n\n .lrn_widget.lrn_association {\n .lrn_dropzone .lrn_draggable {\n display: flex;\n align-items: center;\n background-color: transparent !important;\n }\n }\n\n &.attempting .lrn_widget.lrn_association {\n .lrn_dropzone .lrn_draggable {\n background-color: ${colors.WHITE} !important;\n }\n }\n\n .lrn_widget.lrn_clozeassociation {\n .lrn_dropzone .lrn_draggable {\n display: flex;\n align-items: center;\n background-color: transparent !important;\n }\n\n .lrn_response_input {\n padding-bottom: 2px !important;\n }\n }\n \n &.attempting .lrn_widget.lrn_clozeassociation {\n .lrn_dropzone .lrn_draggable {\n background-color: ${colors.WHITE} !important;\n }\n }\n\n .lrn_widget.lrn_drawing {\n .lrn-label span,\n .lrn_toolbar_small_label {\n display: none !important;\n }\n }\n\n &.hidden {\n visibility: hidden;\n }\n\n &.correct-answers-hidden {\n .lrn_correctAnswers {\n display: none !important;\n }\n }\n \n\n &.response-hidden .lrn_response_wrapper {\n display: none;\n }\n \n &.response-code-hidden .lrn_response_wrapper {\n width: 75%;\n margin: 0 auto;\n .lrn_display_correct_answer_enabled {\n >:not(:first-child) {\n display: none;\n }\n \n :first-child {\n font-family: 'UntitledSans-Regular';\n font-size: 16px !important;\n line-height: 24px !important;\n text-align: center;\n text-wrap: balance;\n }\n\n .lrn_textinput {\n display: none !important;\n }\n }\n \n :first-child {\n font-family: 'UntitledSans-Regular';\n font-size: 16px !important;\n line-height: 24px !important;\n text-align: center;\n text-wrap: balance;\n }\n \n .lrn_correctAnswers {\n display: none;\n }\n }\n\n &.lesson-overview {\n .lrn_widget .lrn_question {\n table {\n width: calc(100% - 48px) !important;\n margin-left: 24px !important;\n border: 0px !important;\n \n td {\n border: 0px !important;\n width: 100% !important;\n background-color: transparent !important;\n\n p {\n display: flex !important;\n justify-content: center !important;\n font-family: \"Athletics-Medium\" !important;\n font-size: 28px !important;\n margin-bottom: 32px !important;\n }\n\n ul {\n list-style-type: none;\n padding-left: 0;\n\n li {\n position: relative !important;\n font-family: \"UntitledSans-Regular\" !important;\n font-size: 16px !important;\n margin: 12px 0 !important;\n\n &::before {\n content: \"A\";\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-right: 12px;\n color: transparent;\n background-image: url(${ILLUSTRATIONS.BULLET_YELLOW});\n }\n }\n }\n }\n }\n }\n }\n\n &.concept-intro {\n .lrn_widget .lrn_question {\n .lrn_stimulus {\n display: flex !important;\n justify-content: center !important;\n }\n .lrn_stimulus_content {\n width: 75% !important;\n font-family: \"Athletics-Light\" !important;\n font-size: 48px !important;\n line-height: 52px !important;\n text-align: center;\n text-wrap: balance;\n\n * {\n font-size: 48px !important;\n }\n }\n }\n }\n\n &.system-intro .lrn_widget {\n display: none;\n }\n`,\n);\n\nconst ItemHeader = styled(FlexView)`\n position: relative;\n z-index: 2;\n padding-right: 8px;\n`;\n\nconst ItemHeaderTag = styled(FlexView)(\n ({\n theme: {\n layout: { gutter },\n colors,\n },\n }) => `\n position: relative;\n padding: ${gutter * 1}px ${gutter * 1}px ${gutter * 0.75}px;\n border-top-left-radius: ${gutter * 0.375}px;\n border-top-right-radius: ${gutter * 0.5}px;\n background-color: ${colors.YELLOW_2};\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n height: 100%;\n left: calc(100% - 1px);\n border-bottom: 44px solid ${colors.YELLOW_2};\n border-right: 24px solid transparent;\n }\n`,\n);\n\ninterface IQuestionHeaderWrapperProps {\n $actionbarHeight: number;\n $topOffset: number;\n}\n\ninterface ICueCanvasWrappperProps {\n $canScribble: boolean;\n}\n\nconst QuestionHeaderWrapper = styled(FlexView)<IQuestionHeaderWrapperProps>(\n ({ $topOffset }) => `\n position: sticky;\n top: ${$topOffset + QUESTIONS_GAP / 2}px;\n z-index: 2;\n`,\n);\n\nconst QuestionValidationAnimationWrapper = styled.div`\n position: absolute;\n top: -16px;\n right: -16px;\n width: 40px;\n height: 40px;\n`;\n\nconst LessonOverviewBanner = styled.img`\n display: block;\n transform: translate(-15px, -15px);\n width: calc(100% + 30px);\n border-radius: 12px 12px 0 0;\n margin-bottom: 18px;\n`;\n\nconst CustomElement = styled.div(\n ({ theme: { colors } }) => `\n color: ${colors.BLACK};\n font-size: 16px;\n line-height: 1.6em;\n font-family: 'Noto Serif', serif;\n\n & > *:not(:last-child) {\n margin-bottom: 1em;\n }\n\n & strong {\n font-weight: bold;\n }\n\n & i {\n font-style: italic;\n }\n\n & ul, ol {\n list-style-type: initial;\n padding-left: 1.5em;\n\n & li:not(:last-child) {\n margin-bottom: 8px;\n }\n }\n\n & ol {\n list-style-type: decimal;\n }\n\n & ul ul {\n list-style-type: circle;\n }\n\n & img {\n max-width: 100%;\n height: inherit;\n }\n\n & table {\n td {\n padding: 8px;\n }\n &:not(.table-no-border) td {\n border: 1px solid ${colors.REAL_BLACK};\n }\n }\n`,\n);\n\nconst Hint = styled(CustomElement)`\n margin: 8px 0;\n`;\n\nconst Solution = CustomElement;\n\nconst StimulusReview = styled(CustomElement)(\n ({ theme: { colors } }) => `\n width: 50%;\n padding-right: 16px;\n margin-top: 16px;\n border-right: 1px solid ${colors.GREY_2};\n min-height: 100%;\n align-self: stretch;\n`,\n);\n\nconst CueCanvasWrapper = styled(FlexView)<ICueCanvasWrappperProps>(\n ({ $canScribble, theme }) => `\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: ${$canScribble ? theme.zIndex.CANVAS_SCRIBBLING : 1};\n pointer-events: ${$canScribble ? 'auto' : 'none'};\n`,\n);\n\nexport {\n CueCanvasWrapper,\n CustomElement,\n Hint,\n ItemHeader,\n ItemHeaderTag,\n LearnosityQuestionContainer,\n LessonOverviewBanner,\n QuestionContainer,\n QuestionContainerWrapper,\n QuestionHeaderWrapper,\n QuestionValidationAnimationWrapper,\n QuestionWrapper,\n Solution,\n StimulusReview,\n};\n"],"names":["LearnosityQuestionContainer","styled","$isConceptIntro","$isTeacher","theme","$imageHue","$isPuzzle","getPuzzleCardPattern","QuestionContainerWrapper","FlexView","$topOffset","TOP_NAVIGATION_HEIGHT","QUESTIONS_GAP","getMinHeightFromString","minHeight","QuestionContainer","$minHeight","$paperColor","$isActive","getPuzzleWorksheetBackgroundColor","getQuestionBackgroundImage","getQuestionBorderColor","QuestionWrapper","colors","$dropzoneMinWidth","$dropzoneMinHeight","ILLUSTRATIONS","ItemHeader","ItemHeaderTag","gutter","QuestionHeaderWrapper","QuestionValidationAnimationWrapper","LessonOverviewBanner","CustomElement","Hint","Solution","StimulusReview","CueCanvasWrapper","$canScribble"],"mappings":"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"}
1	+ {"version":3,"file":"worksheet-question-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { getPuzzleCardPattern } from '../../../puzzles/utils/puzzle-pattern';\nimport FlexView from '../../../ui/layout/flex-view';\nimport type { THueNames } from '../../../ui/types';\nimport { QUESTIONS_GAP, TOP_NAVIGATION_HEIGHT } from '../constants';\nimport {\n getPuzzleWorksheetBackgroundColor,\n getQuestionBackgroundImage,\n getQuestionBorderColor,\n} from '../worksheet-helpers';\nimport type { TWorksheetQuestionPaperColor } from './worksheet-question-types';\n\nconst LearnosityQuestionContainer = styled.div<{\n $isConceptIntro: boolean;\n $isTeacher: boolean;\n $imageHue?: THueNames;\n $isPuzzle?: boolean;\n}>(\n ({ $isConceptIntro, $isTeacher, theme, $imageHue = 'BLUE', $isPuzzle }) => `\n position: relative;\n z-index: 1;\n & > div:not(:first-child) {\n display: none;\n }\n\n ${\n $isConceptIntro\n ? `\n position: absolute;\n left: 0;\n right: 0;\n bottom: ${$isTeacher ? 140 : 180}px;\n `\n : ''\n }\n ${\n $isPuzzle\n ? `\n width: 420px;\n min-height: 504px;\n padding: 20px 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n margin: 40px auto 0;\n box-shadow: inset 0px 0px 0px 4px ${theme.colors[`${$imageHue}_4`]};\n background: ${theme.colors.WHITE_1};\n \n & * {\n font-family: Athletics-Regular !important;\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: ${`url(${getPuzzleCardPattern($imageHue)})`};\n background-size: cover;\n opacity: 0.4;\n }\n\n .lrn_stimulus_content {\n display: flex;\n justify-content: center;\n }\n\n .lrn_stimulus_content img {\n width: 270px;\n height: 270px;\n margin-bottom: 0;\n }\n \n .lrn_response_wrapper .lrn_response_math.lrn_response_input, \n .lrn_response_wrapper .lrn_response_math.lrn_response_input p {\n line-height: 1.5 !important;\n }\n `\n : ``\n }\n`,\n);\n\ninterface IQuestionContainerWrapper {\n $topOffset?: number;\n}\n\nconst QuestionContainerWrapper = styled(FlexView)<IQuestionContainerWrapper>(\n ({ $topOffset }) => `\n scroll-margin-top: ${($topOffset ?? 0) + TOP_NAVIGATION_HEIGHT + QUESTIONS_GAP}px;\n`,\n);\n\nconst getMinHeightFromString = (minHeight: string) => {\n if (minHeight.startsWith('calc(')) {\n return minHeight.replace(')', ` - ${QUESTIONS_GAP}px)`);\n }\n\n return minHeight;\n};\n\ninterface IQuestionContainerProps {\n $minHeight: string \| number;\n $paperColor?: TWorksheetQuestionPaperColor;\n $isActive?: boolean;\n $imageHue?: THueNames;\n}\n\nconst QuestionContainer = styled(FlexView)<IQuestionContainerProps>(\n ({ theme, $minHeight, $paperColor, $isActive, $imageHue }) => `\n position: relative;\n min-height: ${\n typeof $minHeight === 'number' ? `${$minHeight}px` : getMinHeightFromString($minHeight)\n };\n transition: opacity 0.15s;\n ${\n !$imageHue\n ? `\n border-radius: 12px;\n background-image: ${\n $paperColor && $paperColor !== 'white'\n ? `url(${getQuestionBackgroundImage($paperColor)})`\n : 'none'\n };\n background-repeat: repeat;\n border: 1px solid ${\n $paperColor\n ? theme.colors[getQuestionBorderColor($paperColor, $isActive)]\n : 'transparent'\n };\n `\n : `\n border: 1px solid ${theme.colors[getPuzzleWorksheetBackgroundColor($imageHue)]};\n border-top: none;\n border-bottom: none;\n background-color: ${theme.colors[getPuzzleWorksheetBackgroundColor($imageHue)]};\n `\n }\n ${!$paperColor ? 'padding-right: 0;' : ''}\n`,\n);\n\ninterface IQuestionWrapperProps {\n $dropzoneMinWidth: number;\n $dropzoneMinHeight: number;\n}\n\nconst QuestionWrapper = styled(FlexView)<IQuestionWrapperProps>(\n ({ theme: { colors }, $dropzoneMinWidth, $dropzoneMinHeight }) => `\n height: 100%;\n min-height: inherit;\n\n em {\n font-style: italic;\n } \n \n & .lrn_widget {\n font-size: 16px;\n line-height: 1.6em;\n color: ${colors.BLACK};\n font-family: \"Noto Serif\", serif;\n margin-top: 6px;\n padding-top: 0;\n margin-bottom: 16px;\n\n iframe {\n max-width: 100%;\n }\n\n ul, ol {\n list-style-type: initial;\n padding-left: 32px;\n }\n\n ol {\n list-style-type: decimal;\n }\n\n .lrn_response_wrapper {\n margin-top: 0 !important;\n }\n\n .lrn_question {\n margin-bottom: 16px;\n\n .lrn_stimulus {\n line-height: 1.6em;\n\n .lrn_stimulus_content {\n line-height: 1.6em;\n }\n }\n\n & ~ .lrn_response_wrapper {\n margin-top: 16px !important;\n }\n }\n\n .lrn_response_input_wrapper {\n border-color: ${colors.GREY_3};\n }\n\n .lrn_possibilityList {\n background-color: ${colors.REAL_BLACK_10};\n }\n\n .lrn_dropzone {\n margin: 0 !important;\n margin: 0 !important;\n border: 0 !important;\n outline: 1px dashed ${colors.BLACK};\n height: inherit !important;\n ${\n $dropzoneMinWidth > 0\n ? `\n min-width: ${$dropzoneMinWidth}px !important;\n width: ${$dropzoneMinWidth}px !important;\n max-width: ${$dropzoneMinWidth}px !important;\n `\n : ''\n }\n ${\n $dropzoneMinHeight > 0\n ? `\n min-height: ${$dropzoneMinHeight}px !important;\n height: ${$dropzoneMinHeight}px !important;\n `\n : ''\n }\n\n &:not(.lrn_disabled):hover {\n outline: 1px dashed ${colors.BLUE_4};\n }\n\n &.lrn_highlight {\n outline: 1px dashed ${colors.BLUE_4};\n\n &.lrn_over {\n background-color: ${colors.BLUE_1};\n\n & .lrn_draggable {\n opacity: 0.5;\n }\n }\n }\n\n & .lrn_draggable {\n box-shadow: none;\n margin: 0 !important;\n border: 0 !important;\n background-color: ${colors.WHITE} !important;\n\n &:after {\n padding: 0 !important;\n right: 10px !important;\n }\n\n &.lrn_correct:after {\n color: ${colors.GREEN_5} !important;\n }\n\n &.lrn_incorrect:after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n\n &.lrn_correct_marker {\n outline: 2px solid ${colors.GREEN_5} !important;\n }\n\n &.lrn_incorrect_marker {\n outline: 2px solid ${colors.ORANGE_5} !important;\n }\n }\n\n .lrn_draggable {\n margin: 4px !important;\n padding: 8px !important;\n box-shadow: inset 0 0 0 1px ${colors.BLUE_4};\n background-color: ${colors.WHITE} !important;\n cursor: grab;\n color: ${colors.BLACK} !important;\n\n & .lrn_icon {\n display: none;\n }\n\n & .lrn_item {\n margin: 0 !important;\n width: 100%;\n text-align: left !important;\n }\n\n &.lrn_active,\n &:not([disabled]):focus,\n &:not([disabled]):hover {\n box-shadow: inset 0 0 0 2px ${colors.BLUE_4} !important;\n }\n\n &[disabled] {\n inset 0 0 0 1px ${colors.WHITE};\n }\n\n &.gu-mirror {\n font-size: 99%;\n transform: rotate(-6deg);\n }\n }\n\n .lrn-response-validate-wrapper,\n .lrn-response-validation-wrapper {\n margin: 0 !important;\n \n &.lrn_correct {\n border: 2px solid ${colors.GREEN_5} !important;\n border-radius: 4px;\n \n &::after {\n background-color: ${colors.GREEN_5} !important;\n }\n }\n\n &.lrn_incorrect {\n border: 2px solid ${colors.ORANGE_5} !important;\n border-radius: 4px;\n \n &::after {\n background-color: ${colors.ORANGE_5} !important;\n }\n }\n }\n\n .lrn_responseIndex {\n position: absolute !important;\n top: -12px !important;\n left: -9px !important;\n width: 18px !important;\n height: 18px !important;\n border-radius: 9px !important;\n background-color: ${colors.GREY_3} !important;\n font-size: 11px !important;\n font-weight: bold !important;\n line-height: 16px !important;\n padding: 0 !important;\n text-align: center;\n }\n\n .lrn_correctAnswers {\n margin-top: 24px;\n padding: 16px 24px;\n border: 1px solid ${colors.GREY_3};\n border-radius: 12px;\n background-color: transparent;\n\n & > :first-child {\n color: ${colors.BLACK};\n text-transform: capitalize;\n font-family: \"UntitledSans-Medium\";\n font-size: 14px;\n line-height: 20px;\n }\n \n & .lrn_correctAnswerList {\n margin-top: 24px;\n li {\n background-color: ${colors.WHITE};\n padding-left: 8px;\n margin-right: 24px;\n margin-bottom: 24px;\n outline: 1px solid ${colors.GREY_3};\n cursor: auto;\n }\n }\n }\n\n .lrn_classification_table .lrn_dropzone {\n overflow-x: visible !important;\n }\n }\n\n &.attempting .lrn_widget {\n .lrn-response-validate-wrapper,\n .lrn-response-validation-wrapper {\n &.lrn_correct,\n &.lrn_incorrect {\n border-color: transparent !important;\n\n &::after {\n background-color: transparent !important;\n color: transparent !important;\n }\n }\n }\n\n .lrn_dropzone {\n &.lrn_correct_marker,\n &.lrn_incorrect_marker {\n outline-color: ${colors.BLUE_4};\n }\n\n & .lrn_draggable {\n &.lrn_correct:after,\n &.lrn_incorrect:after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n }\n \n & .lrn_widget .lrn_textinput {\n display: inline-flex;\n vertical-align: middle;\n padding: 0 !important;\n margin: 0 !important;\n border: none !important;\n\n &::after {\n right: 4px !important;\n padding-right: 0px !important;\n }\n \n & .lrn_math_editable {\n padding-right: 32px;\n \n &.lrn_bordered_mathinput {\n border: none !important;\n outline: 1px solid ${colors.BLACK};\n padding: 3px 24px 3px 8px;\n text-align: left;\n background-color: ${colors.WHITE} !important;\n }\n\n & .lrn_bordered_mathinput {\n min-height: 20px;\n border: 1px solid ${colors.BLACK};\n border-radius: 2px !important;\n background-color: ${colors.WHITE} !important;\n }\n\n &.lrn_bordered_mathinput {\n &.lrn_focused,\n &:not(.lrn_hide_cursor):hover {\n outline: 1px solid ${colors.BLUE_4};\n }\n\n &.lrn_hide_cursor {\n cursor: auto;\n }\n }\n \n &:not(.lrn_hide_cursor) .lrn_bordered_mathinput {\n &.lrn_focused,\n &:hover {\n border: 1px solid ${colors.BLUE_4};\n }\n\n }\n \n &.lrn_hide_cursor .lrn_bordered_mathinput {\n cursor: auto;\n }\n }\n \n & input {\n min-height: 40px;\n padding: 0 32px 0 8px;\n border: none !important;\n background-color: ${colors.WHITE} !important;\n outline: 1px solid ${colors.BLACK};\n border-radius: 4px !important;\n\n &:focus,\n &:not(:disabled):hover {\n outline: 1px solid ${colors.BLUE_4};\n }\n }\n\n &.lrn_correct {\n background-color: ${colors.GREEN_1} !important;\n &::after {\n color: ${colors.GREEN_5};\n }\n & input {\n outline: 2px solid ${colors.GREEN_5};\n }\n & .lrn_bordered_mathinput {\n &:not(.mq-inner-editable) {\n outline: 2px solid ${colors.GREEN_5};\n }\n &.mq-inner-editable {\n border: 1px solid ${colors.GREEN_5};\n }\n }\n }\n \n &.lrn_incorrect {\n background-color: ${colors.ORANGE_1} !important;\n &::after {\n color: ${colors.ORANGE_5};\n }\n & input {\n outline: 2px solid ${colors.ORANGE_5};\n }\n & .lrn_bordered_mathinput {\n &:not(.mq-inner-editable) {\n outline: 2px solid ${colors.ORANGE_5};\n }\n &.mq-inner-editable {\n border: 1px solid ${colors.ORANGE_5};\n }\n }\n }\n }\n\n &.attempting .lrn_widget .lrn_textinput {\n &.lrn_correct,\n &.lrn_incorrect {\n background-color: ${colors.WHITE} !important;\n\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n\n & input {\n outline: 1px solid ${colors.BLUE_4} !important;\n }\n\n & .lrn_bordered_mathinput {\n &:not(.mq-inner-editable) {\n outline: 2px solid ${colors.BLUE_4} !important;\n }\n &.mq-inner-editable {\n border: 1px solid ${colors.BLUE_4} !important;\n }\n }\n }\n }\n\n & .lrn_widget.lrn_mcq .lrn_response {\n & .lrn_mcqgroup {\n overflow-x: visible;\n margin: 0 -8px !important;\n\n & .lrn-mcq-option {\n border: none !important;\n margin-bottom: 12px;\n padding: 0 6px !important;\n background-color: transparent !important;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n & .lrn-label {\n padding: 0;\n background-color: ${colors.GREY_1};\n border-radius: 12px;\n border: 0;\n outline: 1px solid ${colors.GREY_2};\n\n &::before {\n border: 0;\n right: 10px;\n padding: 0;\n font-size: 14px;\n }\n\n & .lrn_choiceLabel {\n border-radius: 12px 0 0 12px;\n border-right: 1px solid ${colors.GREY_2};\n }\n\n & .lrn_contentWrapper {\n padding: 16px 32px 16px 16px;\n }\n }\n\n & input {\n visibility: hidden;\n\n &:not(:disabled) + .lrn-label:hover {\n outline: 1px solid ${colors.BLUE_4};\n }\n\n &:disabled + .lrn-label {\n cursor: not-allowed;\n }\n }\n\n &.lrn_selected .lrn-label {\n outline: 1px solid ${colors.BLUE_4};\n background-color: ${colors.GREY_1};\n }\n\n &.lrn_correct .lrn-label {\n outline: 2px solid ${colors.GREEN_5};\n background-color: ${colors.GREEN_1};\n\n &::before {\n color: ${colors.GREEN_5};\n }\n }\n \n &.lrn_incorrect .lrn-label {\n outline: 2px solid ${colors.ORANGE_5};\n background-color: ${colors.ORANGE_1};\n\n &::before {\n color: ${colors.ORANGE_5};\n }\n }\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup .lrn-mcq-option {\n &.lrn_incorrect .lrn-label,\n &.lrn_correct .lrn-label {\n outline: 1px solid ${colors.BLUE_4};\n background-color: ${colors.GREY_1};\n\n &::before {\n color: ${colors.BLUE_4};\n }\n }\n }\n\n & .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n border: 0 !important;\n border-radius: 0px;\n padding: 0 2px !important;\n outline: none !important;\n margin: 0;\n background-color: transparent !important;\n\n &::after {\n position: absolute !important;\n font-size: 12px;\n line-height: 16px;\n top: -16px !important;\n left: calc(50% - 6px);\n margin: 0 !important;\n }\n\n &.lrn_tokenhighlight_hover,\n &.lrn_tokenhighlight_highlight {\n background-color: ${colors.BLUE_1} !important;\n }\n\n &.lrn_correct {\n background-color: ${colors.GREEN_1} !important;;\n\n &::after {\n color: ${colors.GREEN_5} !important;\n }\n }\n\n &.lrn_incorrect {\n background-color: ${colors.ORANGE_1} !important;;\n\n &::after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n &.lrn_correct,\n &.lrn_incorrect {\n background-color: ${colors.BLUE_1} !important;\n\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n\n & .lrn_widget.lrn_numberline {\n .lrn_incorrect.lrn_btn_arrow {\n background-color: ${colors.ORANGE_1};\n border: 1px solid ${colors.ORANGE_5};\n\n &::before {\n color: ${colors.ORANGE_5};\n }\n &::after {\n border-color: ${colors.ORANGE_5} transparent transparent;\n }\n }\n\n .lrn_correct.lrn_btn_arrow {\n background-color: ${colors.GREEN_1};\n border: 1px solid ${colors.GREEN_5};\n\n &::before {\n color: ${colors.GREEN_5};\n }\n &::after {\n border-color: ${colors.GREEN_5} transparent transparent;\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_numberline {\n .lrn_correct.lrn_btn_arrow,\n .lrn_incorrect.lrn_btn_arrow {\n background-color: ${colors.BLUE_1} !important;\n border: 1px solid ${colors.BLUE_4} !important;\n\n &::before {\n color: ${colors.BLUE_4} !important;\n }\n &::after {\n border-color: ${colors.BLUE_4} transparent transparent !important;\n }\n }\n }\n\n & .lrn_widget .lrn_combobox {\n margin: 0 3px !important;\n\n & .lrn_clozedropdown_answer {\n position: relative !important;\n display: inline-flex !important;\n line-height: 28px !important;\n }\n\n &.lrn_not_attempted .lrn_clozedropdown_answer {\n position: relative !important;\n border: none !important;\n background: transparent !important;\n width: 100px;\n\n &:after {\n content: '';\n position: absolute !important;\n top: -5px;\n left: 0;\n width: 100%;\n height: 28px;\n background-color: ${colors.WHITE};\n outline: 1px solid ${colors.BLACK};\n border-radius: 4px;\n margin: 0 !important;\n }\n }\n \n & .lrn-cloze-select, &:not(.lrn_not_attempted) .lrn_clozedropdown_answer {\n background-color: ${colors.WHITE} !important;\n border: 0 !important;\n padding: 0 32px 0 8px !important;\n outline: 1px solid ${colors.BLACK};\n border-radius: 4px !important;\n min-height: 28px;\n min-width: 100px;\n height: 28px !important;\n\n &:after {\n position: absolute !important;\n right: 10px !important;\n padding: 0px !important;\n margin: 0px !important;\n }\n }\n \n &.lrn_correct .lrn_clozedropdown_answer {\n outline: 2px solid ${colors.GREEN_5};\n &:after {\n color: ${colors.GREEN_5} !important;\n }\n }\n &.lrn_incorrect .lrn_clozedropdown_answer {\n outline: 2px solid ${colors.ORANGE_5};\n &:after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n \n }\n\n &.attempting .lrn_widget .lrn_combobox {\n &.lrn_correct .lrn_clozedropdown_answer,\n &.lrn_incorrect .lrn_clozedropdown_answer {\n outline: 2px solid ${colors.BLUE_4} !important;\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n\n & .lrn_widget.lrn_hotspot .lrn-polygons {\n .lrn-focused polygon {\n outline-color: ${colors.BLUE_4};\n }\n\n .lrn-selected polygon {\n stroke: ${colors.BLUE_4} !important;\n }\n\n .lrn_correct polygon {\n stroke: ${colors.GREEN_5} !important;\n }\n \n .lrn_incorrect polygon {\n stroke: ${colors.ORANGE_5} !important;\n }\n\n .lrn-polygons-labels li {\n &.lrn_valid {\n background: ${colors.GREY_3};\n }\n &.lrn_correct {\n background: ${colors.GREEN_5};\n }\n &.lrn_incorrect {\n background: ${colors.ORANGE_5};\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_hotspot .lrn-polygons {\n .lrn_correct polygon,\n .lrn_incorrect polygon {\n stroke: ${colors.BLUE_4} !important;\n }\n\n .lrn-polygons-labels li {\n &.lrn_correct,\n &.lrn_incorrect {\n background: ${colors.BLUE_4};\n }\n }\n }\n\n & .lrn_widget.lrn_choicematrix {\n .lrn_option {\n &:: before {\n display: none;\n }\n &::after {\n position: absolute !important;\n top: calc(50% - 9px) !important;\n right: 7px !important;\n }\n &.lrn_correct {\n background-color: ${colors.GREEN_1};\n\n &::after {\n color: ${colors.GREEN_5} !important;\n }\n }\n\n &.lrn_incorrect {\n background-color: ${colors.ORANGE_1};\n\n &::after {\n color: ${colors.ORANGE_5} !important;\n }\n }\n }\n\n .lrn_response_input {\n border-width: 2px !important;\n margin: 0 !important;\n\n &.lrn_correct {\n border-color: ${colors.GREEN_5};\n\n &::after {\n background-color: ${colors.GREEN_5};\n }\n }\n\n &.lrn_incorrect {\n border-color: ${colors.ORANGE_5};\n\n &::after {\n background-color: ${colors.ORANGE_5};\n }\n }\n } \n }\n\n &.attempting .lrn_widget.lrn_choicematrix {\n .lrn_option {\n &.lrn_correct,\n &.lrn_incorrect {\n background-color: ${colors.BLUE_1};\n\n &::after {\n color: ${colors.BLUE_4} !important;\n }\n }\n }\n \n .lrn_response_input {\n &.lrn_correct,\n &.lrn_incorrect {\n border-color: ${colors.BLUE_4};\n\n &::after {\n background-color: ${colors.BLUE_4};\n }\n }\n }\n }\n\n .lrn_widget.lrn_classification {\n .lrn_response_container {\n border: 0 !important;\n vertical-align: bottom !important;\n }\n\n .lrn_dropzone {\n display: flex;\n flex-wrap: wrap;\n column-gap: 8px;\n height: unset !important;\n }\n\n .lrn_dropzone .lrn_draggable {\n display: inline-flex;\n align-items: center;\n padding: 8px 30px 8px 8px !important;\n margin-bottom: 4px !important;\n outline: 1px solid ${colors.BLUE_4} !important;\n background-color: transparent !important;\n\n &.lrn_incorrect {\n outline: 1px solid ${colors.ORANGE_5} !important;\n }\n\n &.lrn_correct {\n outline: 1px solid ${colors.GREEN_5} !important;\n }\n }\n }\n\n &.attempting .lrn_widget.lrn_classification {\n .lrn_dropzone .lrn_draggable {\n &.lrn_correct,\n &.lrn_incorrect {\n outline: 1px solid ${colors.BLUE_4} !important;\n }\n }\n }\n\n .lrn_widget.lrn_association {\n .lrn_dropzone .lrn_draggable {\n display: flex;\n align-items: center;\n background-color: transparent !important;\n }\n }\n\n &.attempting .lrn_widget.lrn_association {\n .lrn_dropzone .lrn_draggable {\n background-color: ${colors.WHITE} !important;\n }\n }\n\n .lrn_widget.lrn_clozeassociation {\n .lrn_dropzone .lrn_draggable {\n display: flex;\n align-items: center;\n background-color: transparent !important;\n }\n\n .lrn_response_input {\n padding-bottom: 2px !important;\n }\n }\n \n &.attempting .lrn_widget.lrn_clozeassociation {\n .lrn_dropzone .lrn_draggable {\n background-color: ${colors.WHITE} !important;\n }\n }\n\n .lrn_widget.lrn_drawing {\n .lrn-label span,\n .lrn_toolbar_small_label {\n display: none !important;\n }\n }\n\n &.hidden {\n visibility: hidden;\n }\n\n &.correct-answers-hidden {\n .lrn_correctAnswers {\n display: none !important;\n }\n }\n \n\n &.response-hidden .lrn_response_wrapper {\n display: none;\n }\n \n &.response-code-hidden .lrn_response_wrapper {\n width: 75%;\n margin: 0 auto;\n .lrn_display_correct_answer_enabled {\n >:not(:first-child) {\n display: none;\n }\n \n :first-child {\n font-family: 'UntitledSans-Regular';\n font-size: 16px !important;\n line-height: 24px !important;\n text-align: center;\n text-wrap: balance;\n }\n\n .lrn_textinput {\n display: none !important;\n }\n }\n \n :first-child {\n font-family: 'UntitledSans-Regular';\n font-size: 16px !important;\n line-height: 24px !important;\n text-align: center;\n text-wrap: balance;\n }\n \n .lrn_correctAnswers {\n display: none;\n }\n }\n\n &.lesson-overview {\n .lrn_widget .lrn_question {\n table {\n width: calc(100% - 48px) !important;\n margin-left: 24px !important;\n border: 0px !important;\n \n td {\n border: 0px !important;\n width: 100% !important;\n background-color: transparent !important;\n\n p {\n display: flex !important;\n justify-content: center !important;\n font-family: \"Athletics-Medium\" !important;\n font-size: 28px !important;\n margin-bottom: 32px !important;\n }\n\n ul {\n list-style-type: none;\n padding-left: 0;\n\n li {\n position: relative !important;\n font-family: \"UntitledSans-Regular\" !important;\n font-size: 16px !important;\n margin: 12px 0 !important;\n\n &::before {\n content: \"A\";\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-right: 12px;\n color: transparent;\n background-image: url(${ILLUSTRATIONS.BULLET_YELLOW});\n }\n }\n }\n }\n }\n }\n }\n\n &.concept-intro {\n .lrn_widget .lrn_question {\n .lrn_stimulus {\n display: flex !important;\n justify-content: center !important;\n }\n .lrn_stimulus_content {\n width: 75% !important;\n font-family: \"Athletics-Light\" !important;\n font-size: 48px !important;\n line-height: 52px !important;\n text-align: center;\n text-wrap: balance;\n\n * {\n font-size: 48px !important;\n }\n }\n }\n }\n\n &.system-intro .lrn_widget {\n display: none;\n }\n`,\n);\n\nconst ItemHeader = styled(FlexView)`\n position: relative;\n z-index: 2;\n padding-right: 8px;\n`;\n\nconst ItemHeaderTag = styled(FlexView)(\n ({\n theme: {\n layout: { gutter },\n colors,\n },\n }) => `\n position: relative;\n padding: ${gutter * 1}px ${gutter * 1}px ${gutter * 0.75}px;\n border-top-left-radius: ${gutter * 0.375}px;\n border-top-right-radius: ${gutter * 0.5}px;\n background-color: ${colors.YELLOW_2};\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n height: 100%;\n left: calc(100% - 1px);\n border-bottom: 44px solid ${colors.YELLOW_2};\n border-right: 24px solid transparent;\n }\n`,\n);\n\ninterface IQuestionHeaderWrapperProps {\n $actionbarHeight: number;\n $topOffset: number;\n}\n\ninterface ICueCanvasWrappperProps {\n $canScribble: boolean;\n}\n\nconst QuestionHeaderWrapper = styled(FlexView)<IQuestionHeaderWrapperProps>(\n ({ $topOffset }) => `\n position: sticky;\n top: ${$topOffset + QUESTIONS_GAP / 2}px;\n z-index: 2;\n padding: 16px 15px;\n`,\n);\n\nconst QuestionValidationAnimationWrapper = styled.div`\n position: absolute;\n top: -16px;\n right: -16px;\n width: 40px;\n height: 40px;\n`;\n\nconst LessonOverviewBanner = styled.img`\n display: block;\n width: 100%;\n border-radius: 12px 12px 0 0;\n margin-bottom: 18px;\n`;\n\nconst CustomElement = styled.div(\n ({ theme: { colors } }) => `\n color: ${colors.BLACK};\n font-size: 16px;\n line-height: 1.6em;\n font-family: 'Noto Serif', serif;\n\n & > *:not(:last-child) {\n margin-bottom: 1em;\n }\n\n & strong {\n font-weight: bold;\n }\n\n & i {\n font-style: italic;\n }\n\n & ul, ol {\n list-style-type: initial;\n padding-left: 1.5em;\n\n & li:not(:last-child) {\n margin-bottom: 8px;\n }\n }\n\n & ol {\n list-style-type: decimal;\n }\n\n & ul ul {\n list-style-type: circle;\n }\n\n & img {\n max-width: 100%;\n height: inherit;\n }\n\n & table {\n td {\n padding: 8px;\n }\n &:not(.table-no-border) td {\n border: 1px solid ${colors.REAL_BLACK};\n }\n }\n`,\n);\n\nconst Hint = styled(CustomElement)`\n margin: 8px 0;\n`;\n\nconst StimulusReview = styled(CustomElement)(\n ({ theme: { colors } }) => `\n width: 50%;\n padding-right: 16px;\n margin-top: 16px;\n border-right: 1px solid ${colors.GREY_2};\n min-height: 100%;\n align-self: stretch;\n`,\n);\n\nconst CueCanvasWrapper = styled(FlexView)<ICueCanvasWrappperProps>(\n ({ $canScribble, theme }) => `\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: ${$canScribble ? theme.zIndex.CANVAS_SCRIBBLING : 1};\n pointer-events: ${$canScribble ? 'auto' : 'none'};\n`,\n);\n\nexport {\n CueCanvasWrapper,\n CustomElement,\n Hint,\n ItemHeader,\n ItemHeaderTag,\n LearnosityQuestionContainer,\n LessonOverviewBanner,\n QuestionContainer,\n QuestionContainerWrapper,\n QuestionHeaderWrapper,\n QuestionValidationAnimationWrapper,\n QuestionWrapper,\n StimulusReview,\n};\n"],"names":["LearnosityQuestionContainer","styled","$isConceptIntro","$isTeacher","theme","$imageHue","$isPuzzle","getPuzzleCardPattern","QuestionContainerWrapper","FlexView","$topOffset","TOP_NAVIGATION_HEIGHT","QUESTIONS_GAP","getMinHeightFromString","minHeight","QuestionContainer","$minHeight","$paperColor","$isActive","getPuzzleWorksheetBackgroundColor","getQuestionBackgroundImage","getQuestionBorderColor","QuestionWrapper","colors","$dropzoneMinWidth","$dropzoneMinHeight","ILLUSTRATIONS","ItemHeader","ItemHeaderTag","gutter","QuestionHeaderWrapper","QuestionValidationAnimationWrapper","LessonOverviewBanner","CustomElement","Hint","StimulusReview","CueCanvasWrapper","$canScribble"],"mappings":";;;;;;AAcA,MAAMA,IAA8BC,EAAO;AAAA,EAMzC,CAAC,EAAE,iBAAAC,GAAiB,YAAAC,GAAY,OAAAC,GAAO,WAAAC,IAAY,QAAQ,WAAAC,QAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQzEJ,IACI;AAAA;AAAA;AAAA;AAAA,kBAIUC,IAAa,MAAM,GAAG;AAAA,UAEhC,EACN;AAAA,IAEEG,IACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CASkCF,EAAM,OAAO,GAAGC,CAAS,IAAI,CAAC;AAAA,oBACpDD,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAaZ,OAAOG,EAAqBF,CAAS,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqB7D,EACN;AAAA;AAEF,GAMMG,IAA2BP,EAAOQ,CAAQ;AAAA,EAC9C,CAAC,EAAE,YAAAC,EAAA,MAAiB;AAAA,wBACEA,KAAc,KAAKC,IAAwBC,CAAa;AAAA;AAEhF,GAEMC,IAAyB,CAACC,MAC1BA,EAAU,WAAW,OAAO,IACvBA,EAAU,QAAQ,KAAK,MAAMF,CAAa,KAAK,IAGjDE,GAUHC,IAAoBd,EAAOQ,CAAQ;AAAA,EACvC,CAAC,EAAE,OAAAL,GAAO,YAAAY,GAAY,aAAAC,GAAa,WAAAC,GAAW,WAAAb,QAAgB;AAAA;AAAA,kBAG1D,OAAOW,KAAe,WAAW,GAAGA,CAAU,OAAOH,EAAuBG,CAAU,CACxF;AAAA;AAAA,MAGGX,IAeG;AAAA,8BACoBD,EAAM,OAAOe,EAAkCd,CAAS,CAAC,CAAC;AAAA;AAAA;AAAA,8BAG1DD,EAAM,OAAOe,EAAkCd,CAAS,CAAC,CAAC;AAAA,YAlB9E;AAAA;AAAA,8BAGEY,KAAeA,MAAgB,UAC3B,OAAOG,EAA2BH,CAAW,CAAC,MAC9C,MACN;AAAA;AAAA,8BAGEA,IACIb,EAAM,OAAOiB,EAAuBJ,GAAaC,CAAS,CAAC,IAC3D,aACN;AAAA,OAQN;AAAA,MACGD,IAAoC,KAAtB,mBAAwB;AAAA;AAE7C,GAOMK,IAAkBrB,EAAOQ,CAAQ;AAAA,EACrC,CAAC,EAAE,OAAO,EAAE,QAAAc,EAAU,GAAA,mBAAAC,GAAmB,oBAAAC,QAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWvDF,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAwCHA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,0BAITA,EAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOlBA,EAAO,KAAK;AAAA;AAAA,QAGhCC,IAAoB,IAChB;AAAA,2BACeA,CAAiB;AAAA,uBACrBA,CAAiB;AAAA,2BACbA,CAAiB;AAAA,gBAEhC,EACN;AAAA,QAEEC,IAAqB,IACjB;AAAA,4BACgBA,CAAkB;AAAA,wBACtBA,CAAkB;AAAA,gBAE9B,EACN;AAAA;AAAA;AAAA,8BAGwBF,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,8BAIbA,EAAO,MAAM;AAAA;AAAA;AAAA,8BAGbA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAYfA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQrBA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,mBAIdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,6BAKLA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,6BAIdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAORA,EAAO,MAAM;AAAA,0BACvBA,EAAO,KAAK;AAAA;AAAA,eAEvBA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAeWA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,0BAIzBA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAcVA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,8BAIZA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKhBA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,8BAIbA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYnBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWbA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKtBA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAUCA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,+BAIXA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBA4BnBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMnBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAuBHA,EAAO,KAAK;AAAA;AAAA;AAAA,4BAGbA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKZA,EAAO,KAAK;AAAA;AAAA,4BAEZA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAMTA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAWdA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAcjBA,EAAO,KAAK;AAAA,2BACXA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,6BAKVA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKhBA,EAAO,OAAO;AAAA;AAAA,iBAEvBA,EAAO,OAAO;AAAA;AAAA;AAAA,6BAGFA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,+BAIZA,EAAO,OAAO;AAAA;AAAA;AAAA,8BAGfA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMlBA,EAAO,QAAQ;AAAA;AAAA,iBAExBA,EAAO,QAAQ;AAAA;AAAA;AAAA,6BAGHA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,+BAIbA,EAAO,QAAQ;AAAA;AAAA;AAAA,8BAGhBA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASnBA,EAAO,KAAK;AAAA;AAAA;AAAA,iBAGrBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,6BAIDA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKXA,EAAO,MAAM;AAAA;AAAA;AAAA,8BAGdA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAuBbA,EAAO,MAAM;AAAA;AAAA;AAAA,+BAGZA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAWNA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAYlBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BASfA,EAAO,MAAM;AAAA,8BACdA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,+BAIZA,EAAO,OAAO;AAAA,8BACfA,EAAO,OAAO;AAAA;AAAA;AAAA,qBAGvBA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKJA,EAAO,QAAQ;AAAA,8BAChBA,EAAO,QAAQ;AAAA;AAAA;AAAA,qBAGxBA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAUTA,EAAO,MAAM;AAAA,0BACdA,EAAO,MAAM;AAAA;AAAA;AAAA,iBAGtBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAwBJA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,0BAIbA,EAAO,OAAO;AAAA;AAAA;AAAA,iBAGvBA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKLA,EAAO,QAAQ;AAAA;AAAA;AAAA,iBAGxBA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQNA,EAAO,MAAM;AAAA;AAAA;AAAA,iBAGtBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOJA,EAAO,QAAQ;AAAA,0BACfA,EAAO,QAAQ;AAAA;AAAA;AAAA,iBAGxBA,EAAO,QAAQ;AAAA;AAAA;AAAA,wBAGRA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKbA,EAAO,OAAO;AAAA,0BACdA,EAAO,OAAO;AAAA;AAAA;AAAA,iBAGvBA,EAAO,OAAO;AAAA;AAAA;AAAA,wBAGPA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQZA,EAAO,MAAM;AAAA,0BACbA,EAAO,MAAM;AAAA;AAAA;AAAA,iBAGtBA,EAAO,MAAM;AAAA;AAAA;AAAA,wBAGNA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BA2BTA,EAAO,KAAK;AAAA,6BACXA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOfA,EAAO,KAAK;AAAA;AAAA;AAAA,2BAGXA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAeZA,EAAO,OAAO;AAAA;AAAA,iBAExBA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,2BAIJA,EAAO,QAAQ;AAAA;AAAA,iBAEzBA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BASLA,EAAO,MAAM;AAAA;AAAA,iBAEvBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAOPA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,gBAIbA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKTA,EAAO,MAAM;AAAA;AAAA;AAAA,sBAGbA,EAAO,OAAO;AAAA;AAAA;AAAA,sBAGdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQrBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMPA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAgBPA,EAAO,OAAO;AAAA;AAAA;AAAA,mBAGvBA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKLA,EAAO,QAAQ;AAAA;AAAA;AAAA,mBAGxBA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUVA,EAAO,OAAO;AAAA;AAAA;AAAA,8BAGRA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKpBA,EAAO,QAAQ;AAAA;AAAA;AAAA,8BAGTA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAUjBA,EAAO,MAAM;AAAA;AAAA;AAAA,mBAGtBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQRA,EAAO,MAAM;AAAA;AAAA;AAAA,8BAGPA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAwBhBA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,6BAIXA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,6BAIfA,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BASdA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAehBA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAkBZA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAiGEG,EAAc,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCnE,GAEMC,IAAa1B,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM5BmB,IAAgB3B,EAAOQ,CAAQ;AAAA,EACnC,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAoB,EAAO;AAAA,MACjB,QAAAN;AAAA,IACF;AAAA,EAAA,MACI;AAAA;AAAA,aAEKM,IAAS,CAAC,MAAMA,IAAS,CAAC,MAAMA,IAAS,IAAI;AAAA,4BAC9BA,IAAS,KAAK;AAAA,6BACbA,IAAS,GAAG;AAAA,sBACnBN,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQLA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAI/C,GAWMO,IAAwB7B,EAAOQ,CAAQ;AAAA,EAC3C,CAAC,EAAE,YAAAC,EAAA,MAAiB;AAAA;AAAA,SAEbA,IAAaE,IAAgB,CAAC;AAAA;AAAA;AAAA;AAIvC,GAEMmB,IAAqC9B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ5C+B,IAAuB/B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BgC,IAAgBhC,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAsB,EAAA,EAAe,MAAA;AAAA,WAClBA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BA4CGA,EAAO,UAAU;AAAA;AAAA;AAAA;AAI3C,GAEMW,IAAOjC,EAAOgC,CAAa;AAAA;AAAA,GAI3BE,IAAiBlC,EAAOgC,CAAa;AAAA,EACzC,CAAC,EAAE,OAAO,EAAE,QAAAV,EAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA,4BAIDA,EAAO,MAAM;AAAA;AAAA;AAAA;AAIzC,GAEMa,IAAmBnC,EAAOQ,CAAQ;AAAA,EACtC,CAAC,EAAE,cAAA4B,GAAc,OAAAjC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMlBiC,IAAejC,EAAM,OAAO,oBAAoB,CAAC;AAAA,oBAC1CiC,IAAe,SAAS,MAAM;AAAA;AAElD;"}