@digabi/exam-engine-core 23.2.0 → 23.2.1-alpha.0

package/dist/components/shared/AnnotationWrapper.js

@@ -0,0 +1,24 @@
+import React, { useContext } from 'react';
+import { AnnotationContext } from '../context/AnnotationProvider';
+import { onMouseDownForAnnotation } from '../grading/examAnnotationUtils';
+import { AnnotationPopup } from './AnnotationPopup';
+export const AnnotationWrapper = ({ children }) => {
+    const { setNewAnnotation } = useContext(AnnotationContext);
+    const mouseUpCallback = (annotation) => {
+        console.log('UP');
+        setNewAnnotation(annotation);
+    };
+    function onMouseDown(e) {
+        console.log('DOWN');
+        const target = e.target;
+        const clickIsInPopup = target.closest('.annotation-popup');
+        if (!clickIsInPopup) {
+            setNewAnnotation(null);
+        }
+        onMouseDownForAnnotation(e, mouseUpCallback);
+    }
+    return (React.createElement("span", { onMouseDown: onMouseDown },
+        React.createElement(AnnotationPopup, null),
+        children));
+};
+//# sourceMappingURL=AnnotationWrapper.js.map

package/dist/components/shared/AnnotationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationWrapper.js","sourceRoot":"","sources":["../../../src/components/shared/AnnotationWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAA2D,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxG,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE1D,MAAM,eAAe,GAAG,CAAC,UAA6B,EAAE,EAAE;QACxD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACjB,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,SAAS,WAAW,CAAC,CAAmB;QACtC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACnB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAA;QAClC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;QAC1D,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;QAED,wBAAwB,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;IAC9C,CAAC;IAED,OAAO,CACL,8BAAM,WAAW,EAAE,WAAW;QAC5B,oBAAC,eAAe,OAAG;QAClB,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/components/shared/DNDAnswerCommon.d.ts

@@ -1,11 +1,10 @@
 import { UniqueIdentifier } from '@dnd-kit/core';
 import React from 'react';
 import { ExamComponentProps } from '../..';
-export declare const DNDAnswerCommon: ({ renderChildNodes, items, answerOptionsByQuestionId, isInExam, correctIds, classes, questionId }: {
+export declare const DNDAnswerDroppableCommon: ({ renderChildNodes, items, answerOptionsByQuestionId, correctIds, classes, questionId }: {
     items: UniqueIdentifier[];
     answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
     renderChildNodes: ExamComponentProps["renderChildNodes"];
-    isInExam?: boolean;
     correctIds?: UniqueIdentifier[];
     classes?: Record<string, boolean>;
     questionId: UniqueIdentifier;

package/dist/components/shared/DNDAnswerCommon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,eAAe,sGAQzB;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,UAAU,EAAE,gBAAgB,CAAA;CAC7B,sBA8CA,CAAA"}
+{"version":3,"file":"DNDAnswerCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAM1C,eAAO,MAAM,wBAAwB,4FAOlC;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,UAAU,EAAE,gBAAgB,CAAA;CAC7B,sBAkDA,CAAA"}

package/dist/components/shared/DNDAnswerCommon.js

@@ -1,15 +1,18 @@
 import { useDroppable } from '@dnd-kit/core';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import { query } from '../../dom-utils';
 import { DNDAnswerOption as DNDAnswerOptionExam } from '../exam/DNDAnswerOption';
 import { DNDAnswerOptionCommon } from './DNDAnswerOptionCommon';
-export const DNDAnswerCommon = ({ renderChildNodes, items, answerOptionsByQuestionId, isInExam, correctIds, classes, questionId }) => {
+import { ResultsContext } from '../context/ResultsContext';
+export const DNDAnswerDroppableCommon = ({ renderChildNodes, items, answerOptionsByQuestionId, correctIds, classes, questionId }) => {
     const dndAnswerOptions = (items === null || items === void 0 ? void 0 : items.map(id => answerOptionsByQuestionId[id])) || [];
     const hasImages = dndAnswerOptions.some(option => query(option, 'image'));
     const hasAudio = dndAnswerOptions.some(option => query(option, 'audio'));
     const hasFormula = dndAnswerOptions.some(option => query(option, 'formula'));
     const { active, isOver } = useDroppable({ id: questionId });
+    const { gradingStructure } = useContext(ResultsContext);
+    const isInExam = !gradingStructure;
     return (React.createElement("div", { className: classNames('e-dnd-answer-droppable', {
             'has-images': hasImages,
             'has-audio': hasAudio,

package/dist/components/shared/DNDAnswerCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerCommon.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DNDAnswerCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerCommon.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/DNDAnswerDroppable.d.ts

@@ -1,13 +1,12 @@
 import { UniqueIdentifier } from '@dnd-kit/core';
 import React from 'react';
 import { ExamComponentProps } from '../..';
-export declare const DNDAnswerDroppable: ({ renderChildNodes, items, answerOptionsByQuestionId, correctIds, classes, questionId, page }: {
-    items: UniqueIdentifier[];
-    answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
+export declare const DNDDroppable: ({ renderChildNodes, correctIds, classes, questionId, page, answerOptionElements }: {
     renderChildNodes: ExamComponentProps["renderChildNodes"];
     correctIds?: UniqueIdentifier[];
     classes?: Record<string, boolean>;
     questionId: UniqueIdentifier;
     page: "exam" | "results";
+    answerOptionElements: Element[];
 }) => React.JSX.Element;
 //# sourceMappingURL=DNDAnswerDroppable.d.ts.map

package/dist/components/shared/DNDAnswerDroppable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerDroppable.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerDroppable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,kBAAkB,kGAQ5B;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,sBAgDA,CAAA"}
+{"version":3,"file":"DNDAnswerDroppable.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerDroppable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,YAAY,sFAOtB;IACD,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,oBAAoB,EAAE,OAAO,EAAE,CAAA;CAChC,sBA+CA,CAAA"}

package/dist/components/shared/DNDAnswerDroppable.js

@@ -4,11 +4,10 @@ import React from 'react';
 import { query } from '../../dom-utils';
 import { DNDAnswerOptionDraggable } from '../exam/DNDAnswerOptionDraggable';
 import { DNDAnswerOption } from '../results/DNDAnswerOption';
-export const DNDAnswerDroppable = ({ renderChildNodes, items, answerOptionsByQuestionId, correctIds, classes, questionId, page }) => {
-    const dndAnswerOptions = items === null || items === void 0 ? void 0 : items.map(id => (answerOptionsByQuestionId === null || answerOptionsByQuestionId === void 0 ? void 0 : answerOptionsByQuestionId[id]) || null).filter(Boolean);
-    const hasImages = dndAnswerOptions.some(option => query(option, 'image'));
-    const hasAudio = dndAnswerOptions.some(option => query(option, 'audio'));
-    const hasFormula = dndAnswerOptions.some(option => query(option, 'formula'));
+export const DNDDroppable = ({ renderChildNodes, correctIds, classes, questionId, page, answerOptionElements }) => {
+    const hasImages = answerOptionElements.some(option => query(option, 'image'));
+    const hasAudio = answerOptionElements.some(option => query(option, 'audio'));
+    const hasFormula = answerOptionElements.some(option => query(option, 'formula'));
     const { active, isOver } = useDroppable({ id: questionId });
     return (React.createElement("div", { className: classNames('e-dnd-answer-droppable', {
             'has-images': hasImages,
@@ -16,15 +15,15 @@ export const DNDAnswerDroppable = ({ renderChildNodes, items, answerOptionsByQue
             'has-formula': hasFormula,
             hovered: isOver,
             ...classes
-        }) }, dndAnswerOptions === null || dndAnswerOptions === void 0 ? void 0 :
-        dndAnswerOptions.map(element => {
+        }) }, answerOptionElements === null || answerOptionElements === void 0 ? void 0 :
+        answerOptionElements.map(element => {
             const optionId = Number(element.getAttribute('option-id'));
             const hasImage = query(element, 'image');
             const isCorrect = correctIds === null || correctIds === void 0 ? void 0 : correctIds.includes(optionId);
             return (React.createElement("div", { className: classNames({ 'has-image': hasImage }), key: element.getAttribute('option-id') }, page === 'exam' ? (React.createElement(DNDAnswerOptionDraggable, { element: element, renderChildNodes: renderChildNodes, key: optionId })) : (React.createElement("div", { className: "e-dnd-answer-option" },
                 React.createElement(DNDAnswerOption, { element: element, renderChildNodes: renderChildNodes, key: optionId, className: !correctIds ? undefined : isCorrect ? 'correct-answer' : 'wrong-answer' })))));
         }),
-        !dndAnswerOptions.length &&
+        !answerOptionElements.length &&
             (active ? (React.createElement("i", { className: "droppable-drop-here" }, "Pudota t\u00E4nne")) : (React.createElement("i", { className: "droppable-no-answer" }, "(Ei vastausta)")))));
 };
 //# sourceMappingURL=DNDAnswerDroppable.js.map

package/dist/components/shared/DNDAnswerDroppable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerDroppable.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerDroppable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DNDAnswerDroppable.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerDroppable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,UAAU,EACV,IAAI,EACJ,oBAAoB,EAQrB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC7E,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC5E,MAAM,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAA;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE;YAC9C,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,QAAQ;YACrB,aAAa,EAAE,UAAU;YACzB,OAAO,EAAE,MAAM;YACf,GAAG,OAAO;SACX,CAAC,IAED,oBAAoB,aAApB,oBAAoB;QAApB,oBAAoB,CAAE,GAAG,CAAC,OAAO,CAAC,EAAE;YACnC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAE,CAAC,CAAA;YAC3D,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;YACxC,MAAM,SAAS,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAChD,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAC1F,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACjB,oBAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,GAAI,CAClG,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,oBAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,GAClF,CACE,CACP,CACG,CACP,CAAA;QACH,CAAC,CAAC;QAED,CAAC,oBAAoB,CAAC,MAAM;YAC3B,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,2BAAG,SAAS,EAAC,qBAAqB,wBAAiB,CACpD,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAC,qBAAqB,qBAAmB,CACtD,CAAC,CACA,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/shared/DNDAnswerDroppableCommon.d.ts

@@ -0,0 +1,13 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
+import { ExamComponentProps } from '../..';
+export declare const DNDAnswerDroppableCommon: ({ renderChildNodes, items, answerOptionsByQuestionId, correctIds, classes, questionId, page }: {
+    items: UniqueIdentifier[];
+    answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
+    renderChildNodes: ExamComponentProps["renderChildNodes"];
+    correctIds?: UniqueIdentifier[];
+    classes?: Record<string, boolean>;
+    questionId: UniqueIdentifier;
+    page: "exam" | "results";
+}) => React.JSX.Element;
+//# sourceMappingURL=DNDAnswerDroppableCommon.d.ts.map

package/dist/components/shared/DNDAnswerDroppableCommon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDAnswerDroppableCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerDroppableCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,wBAAwB,kGAQlC;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,sBAgDA,CAAA"}

package/dist/components/shared/DNDAnswerDroppableCommon.js

@@ -0,0 +1,30 @@
+import { useDroppable } from '@dnd-kit/core';
+import classNames from 'classnames';
+import React from 'react';
+import { query } from '../../dom-utils';
+import { DNDAnswerOptionDraggable } from '../exam/DNDAnswerOptionDraggable';
+import { DNDAnswerOption } from '../results/DNDAnswerOption';
+export const DNDAnswerDroppableCommon = ({ renderChildNodes, items, answerOptionsByQuestionId, correctIds, classes, questionId, page }) => {
+    const dndAnswerOptions = items === null || items === void 0 ? void 0 : items.map(id => (answerOptionsByQuestionId === null || answerOptionsByQuestionId === void 0 ? void 0 : answerOptionsByQuestionId[id]) || null).filter(Boolean);
+    const hasImages = dndAnswerOptions.some(option => query(option, 'image'));
+    const hasAudio = dndAnswerOptions.some(option => query(option, 'audio'));
+    const hasFormula = dndAnswerOptions.some(option => query(option, 'formula'));
+    const { active, isOver } = useDroppable({ id: questionId });
+    return (React.createElement("div", { className: classNames('e-dnd-answer-droppable', {
+            'has-images': hasImages,
+            'has-audio': hasAudio,
+            'has-formula': hasFormula,
+            hovered: isOver,
+            ...classes
+        }) }, dndAnswerOptions === null || dndAnswerOptions === void 0 ? void 0 :
+        dndAnswerOptions.map(element => {
+            const optionId = Number(element.getAttribute('option-id'));
+            const hasImage = query(element, 'image');
+            const isCorrect = correctIds === null || correctIds === void 0 ? void 0 : correctIds.includes(optionId);
+            return (React.createElement("div", { className: classNames({ 'has-image': hasImage }), key: element.getAttribute('option-id') }, page === 'exam' ? (React.createElement(DNDAnswerOptionDraggable, { element: element, renderChildNodes: renderChildNodes, key: optionId })) : (React.createElement("div", { className: "e-dnd-answer-option" },
+                React.createElement(DNDAnswerOption, { element: element, renderChildNodes: renderChildNodes, key: optionId, classes: [isCorrect ? 'correct-answer' : 'wrong-answer'] })))));
+        }),
+        !dndAnswerOptions.length &&
+            (active ? (React.createElement("i", { className: "droppable-drop-here" }, "Pudota t\u00E4nne")) : (React.createElement("i", { className: "droppable-no-answer" }, "(Ei vastausta)")))));
+};
+//# sourceMappingURL=DNDAnswerDroppableCommon.js.map

package/dist/components/shared/DNDAnswerDroppableCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDAnswerDroppableCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerDroppableCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,gBAAgB,EAChB,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,OAAO,EACP,UAAU,EACV,IAAI,EASL,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAG,EAAE,CAAC,KAAI,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IAClG,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACzE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACxE,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5E,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAA;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE;YAC9C,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,QAAQ;YACrB,aAAa,EAAE,UAAU;YACzB,OAAO,EAAE,MAAM;YACf,GAAG,OAAO;SACX,CAAC,IAED,gBAAgB,aAAhB,gBAAgB;QAAhB,gBAAgB,CAAE,GAAG,CAAC,OAAO,CAAC,EAAE;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAE,CAAC,CAAA;YAC3D,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;YACxC,MAAM,SAAS,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAChD,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAC1F,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACjB,oBAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,GAAI,CAClG,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,oBAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,GACxD,CACE,CACP,CACG,CACP,CAAA;QACH,CAAC,CAAC;QAED,CAAC,gBAAgB,CAAC,MAAM;YACvB,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,2BAAG,SAAS,EAAC,qBAAqB,wBAAiB,CACpD,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAC,qBAAqB,qBAAmB,CACtD,CAAC,CACA,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/shared/DNDAnswerOption.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ExamComponentProps } from '../..';
+export declare const DNDAnswerOption: ({ element, renderChildNodes, style, classes }: ExamComponentProps & {
+    style?: React.CSSProperties;
+    classes?: string[];
+}) => React.JSX.Element;
+//# sourceMappingURL=DNDAnswerOption.d.ts.map

package/dist/components/shared/DNDAnswerOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDAnswerOption.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG1C,eAAO,MAAM,eAAe,kDAKzB,kBAAkB,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,sBAmBA,CAAA"}

package/dist/components/shared/DNDAnswerOption.js

@@ -0,0 +1,14 @@
+import classNames from 'classnames';
+import React from 'react';
+import { query } from '../../dom-utils';
+export const DNDAnswerOption = ({ element, renderChildNodes, style, classes = [] }) => {
+    const hasImages = !!query(element, 'image');
+    const hasFormula = !!query(element, 'formula');
+    const hasTitle = renderChildNodes(element).length > 0;
+    return (React.createElement("div", { className: classNames([...classes], {
+            'has-images': hasImages,
+            'has-formula': hasFormula
+        }), style: style },
+        React.createElement("div", { className: "option-content" }, !hasTitle ? React.createElement("i", { style: { color: 'grey' } }, "T\u00E4h\u00E4n tulee vastaus...") : renderChildNodes(element))));
+};
+//# sourceMappingURL=DNDAnswerOption.js.map

package/dist/components/shared/DNDAnswerOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDAnswerOption.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOption.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,OAAO,GAAG,EAAE,EAIb,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE;YAClC,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,UAAU;SAC1B,CAAC,EACF,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAA4B,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAC5F,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/shared/DNDAnswerOptionCommon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExamComponentProps } from '../..';
-export declare const DNDAnswerOptionCommon: ({ element, renderChildNodes, style, classes }: ExamComponentProps & {
+export declare const DNDAnswerOption: ({ element, renderChildNodes, style, classes }: ExamComponentProps & {
     style?: React.CSSProperties;
     classes?: string[];
 }) => React.JSX.Element;

package/dist/components/shared/DNDAnswerOptionCommon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerOptionCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOptionCommon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG1C,eAAO,MAAM,qBAAqB,kDAK/B,kBAAkB,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,sBAmBA,CAAA"}
+{"version":3,"file":"DNDAnswerOptionCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOptionCommon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG1C,eAAO,MAAM,eAAe,kDAKzB,kBAAkB,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,sBAmBA,CAAA"}

package/dist/components/shared/DNDAnswerOptionCommon.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import React from 'react';
 import { query } from '../../dom-utils';
-export const DNDAnswerOptionCommon = ({ element, renderChildNodes, style, classes = [] }) => {
+export const DNDAnswerOption = ({ element, renderChildNodes, style, classes = [] }) => {
     const hasImages = !!query(element, 'image');
     const hasFormula = !!query(element, 'formula');
     const hasTitle = renderChildNodes(element).length > 0;

package/dist/components/shared/DNDAnswerOptionCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDAnswerOptionCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOptionCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,OAAO,GAAG,EAAE,EAIb,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE;YAClC,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,UAAU;SAC1B,CAAC,EACF,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAA4B,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAC5F,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"DNDAnswerOptionCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOptionCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,OAAO,GAAG,EAAE,EAIb,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE;YAClC,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,UAAU;SAC1B,CAAC,EACF,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAA4B,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAC5F,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/shared/DNDAnswerTitleCommon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExamComponentProps } from '../..';
+export declare const DNDAnswerTitle: ({ element, renderChildNodes }: ExamComponentProps) => React.JSX.Element;
+//# sourceMappingURL=DNDAnswerTitleCommon.d.ts.map

package/dist/components/shared/DNDAnswerTitleCommon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDAnswerTitleCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerTitleCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAI1C,eAAO,MAAM,cAAc,kCAAmC,kBAAkB,sBAe/E,CAAA"}

package/dist/components/shared/DNDAnswerTitleCommon.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import classNames from 'classnames';
+import { query } from '../../dom-utils';
+export const DNDAnswerTitle = ({ element, renderChildNodes }) => {
+    const hasImages = !!query(element, 'image');
+    if (!renderChildNodes(element).length) {
+        return React.createElement("i", { style: { color: 'grey' } }, "T\u00E4h\u00E4n tulee kysymys...");
+    }
+    else
+        return (React.createElement("span", { className: classNames('e-dnd-answer-title', {
+                'has-images': hasImages
+            }) }, renderChildNodes(element)));
+};
+//# sourceMappingURL=DNDAnswerTitleCommon.js.map

package/dist/components/shared/DNDAnswerTitleCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDAnswerTitleCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerTitleCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAsB,EAAE,EAAE;IAClF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAE3C,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC;QACtC,OAAO,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAA4B,CAAA;IAChE,CAAC;;QACC,OAAO,CACL,8BACE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;gBAC1C,YAAY,EAAE,SAAS;aACxB,CAAC,IAED,gBAAgB,CAAC,OAAO,CAAC,CACrB,CACR,CAAA;AACL,CAAC,CAAA"}

package/dist/components/shared/DNDTitleAndAnswer.d.ts

@@ -0,0 +1,12 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
+import { ExamComponentProps } from '../..';
+import { ItemsState } from '../exam/DNDAnswerContainer';
+export declare const DNDTitleAndAnswerCommon: ({ element, renderChildNodes, items, answerOptionsByQuestionId, page }: {
+    element: Element;
+    renderChildNodes: ExamComponentProps["renderChildNodes"];
+    items: ItemsState;
+    answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
+    page: "exam" | "results";
+}) => React.JSX.Element;
+//# sourceMappingURL=DNDTitleAndAnswer.d.ts.map

package/dist/components/shared/DNDTitleAndAnswer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDTitleAndAnswer.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAuB,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG/D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAKvD,eAAO,MAAM,uBAAuB,0EAMjC;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,sBA6DA,CAAA"}

package/dist/components/shared/DNDTitleAndAnswer.js

@@ -0,0 +1,48 @@
+import { useDroppable } from '@dnd-kit/core';
+import { SortableContext } from '@dnd-kit/sortable';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import { getNumericAttribute, query } from '../../dom-utils';
+import { findMultiChoiceFromGradingStructure, ResultsContext } from '../context/ResultsContext';
+import ResultsExamQuestionAutoScore from '../results/internal/QuestionAutoScore';
+import { DNDAnswerDroppableCommon } from './DNDAnswerDroppable';
+import { Score } from './Score';
+export const DNDTitleAndAnswerCommon = ({ element, renderChildNodes, items, answerOptionsByQuestionId, page }) => {
+    var _a;
+    const questionId = element.getAttribute('question-id');
+    const questionIdNumber = Number(questionId);
+    const displayNumber = element.getAttribute('display-number');
+    const maxScore = getNumericAttribute(element, 'max-score');
+    const hasImages = !!query(element, 'image');
+    const titleElement = query(element, 'dnd-answer-title');
+    const hasTitle = titleElement && renderChildNodes(titleElement).length > 0;
+    const { gradingStructure, answersByQuestionId } = useContext(ResultsContext);
+    const isStudentsExam = !gradingStructure;
+    const hasAnswer = answersByQuestionId && !!((_a = answersByQuestionId[questionIdNumber]) === null || _a === void 0 ? void 0 : _a.value);
+    const { correctOptionIds, scoreValue } = getCorrectOptionIds(questionIdNumber, displayNumber);
+    const { setNodeRef, isOver } = useDroppable({ id: questionId });
+    return (React.createElement(SortableContext, { id: String(questionId), items: items[questionId] || [] },
+        React.createElement("span", { ref: setNodeRef },
+            React.createElement("div", { className: classNames('e-dnd-answer', { 'no-answer': !hasAnswer }), "data-question-id": questionId, key: questionId },
+                React.createElement("div", { className: "anchor", id: `question-nr-${displayNumber}` }),
+                titleElement &&
+                    (!hasTitle ? (React.createElement("i", { style: { color: 'grey' } }, "T\u00E4st\u00E4 puuttuu kysymys...")) : (React.createElement("span", { className: classNames('e-dnd-answer-title', { 'has-images': hasImages, hovered: isOver }) }, renderChildNodes(titleElement)))),
+                React.createElement("div", { className: "connection-line" }),
+                React.createElement(DNDAnswerDroppableCommon, { renderChildNodes: renderChildNodes, items: items[questionId] || [], answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, correctIds: correctOptionIds, page: page }),
+                isStudentsExam ? (maxScore && React.createElement(Score, { score: maxScore, size: "small" })) : (React.createElement(ResultsExamQuestionAutoScore, { score: scoreValue, maxScore: maxScore, displayNumber: displayNumber, questionId: Number(questionId) }))))));
+};
+const getCorrectOptionIds = (questionId, displayNumber) => {
+    var _a, _b, _c, _d;
+    const { answersByQuestionId, gradingStructure } = useContext(ResultsContext);
+    const hasAnswer = !!answersByQuestionId && ((_a = answersByQuestionId[questionId]) === null || _a === void 0 ? void 0 : _a.value);
+    const answer = hasAnswer ? answersByQuestionId[questionId] : undefined;
+    const choice = findMultiChoiceFromGradingStructure(gradingStructure, questionId);
+    const scoreValue = !(answer === null || answer === void 0 ? void 0 : answer.value)
+        ? undefined
+        : ((_c = (_b = choice === null || choice === void 0 ? void 0 : choice.options.find(option => option.id === Number(answer.value) && option.correct)) === null || _b === void 0 ? void 0 : _b.score) !== null && _c !== void 0 ? _c : 0);
+    const thisQuestion = gradingStructure === null || gradingStructure === void 0 ? void 0 : gradingStructure.questions.find(q => q.displayNumber === displayNumber);
+    const options = ((_d = thisQuestion === null || thisQuestion === void 0 ? void 0 : thisQuestion.choices.find(c => c.id === questionId)) === null || _d === void 0 ? void 0 : _d.options) || [];
+    const correctOptionIds = options === null || options === void 0 ? void 0 : options.filter(o => o.correct).map(o => o.id);
+    return { correctOptionIds, scoreValue };
+};
+//# sourceMappingURL=DNDTitleAndAnswer.js.map

package/dist/components/shared/DNDTitleAndAnswer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNDTitleAndAnswer.js","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswer.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/DNDTitleAndAnswerCommon.d.ts

@@ -1,13 +1,12 @@
 import { UniqueIdentifier } from '@dnd-kit/core';
 import React from 'react';
 import { ExamComponentProps } from '../..';
-import { ItemsState } from '../exam/DNDAnswer';
-export declare const DNDTitleAndAnswerCommon: ({ element, renderChildNodes, items, answerOptionsByQuestionId, isInExam, hasAnswer }: {
+import { ItemsState } from '../exam/DNDAnswerContainer';
+export declare const DNDTitleAndAnswerCommon: ({ element, renderChildNodes, items, answerOptionsByQuestionId, page }: {
     element: Element;
     renderChildNodes: ExamComponentProps["renderChildNodes"];
     items: ItemsState;
     answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
-    isInExam?: boolean;
-    hasAnswer?: boolean;
+    page: "exam" | "results";
 }) => React.JSX.Element;
 //# sourceMappingURL=DNDTitleAndAnswerCommon.d.ts.map

package/dist/components/shared/DNDTitleAndAnswerCommon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DNDTitleAndAnswerCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAA8B,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAI1E,eAAO,MAAM,uBAAuB,yFAOjC;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,sBAwDA,CAAA"}
+{"version":3,"file":"DNDTitleAndAnswerCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAuB,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG/D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAKvD,eAAO,MAAM,uBAAuB,0EAMjC;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,sBA6DA,CAAA"}

package/dist/components/shared/DNDTitleAndAnswerCommon.js

@@ -1,27 +1,48 @@
 import { useDroppable } from '@dnd-kit/core';
+import { SortableContext } from '@dnd-kit/sortable';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import { getNumericAttribute, query } from '../../dom-utils';
-import { DNDAnswer as DNDAnswerExam } from '../exam/DNDAnswer';
-import { DNDAnswer as DNDAnswerResults } from '../results/DNDAnswer';
-import { SortableContext } from '@dnd-kit/sortable';
-export const DNDTitleAndAnswerCommon = ({ element, renderChildNodes, items, answerOptionsByQuestionId, isInExam, hasAnswer }) => {
+import { findMultiChoiceFromGradingStructure, ResultsContext } from '../context/ResultsContext';
+import ResultsExamQuestionAutoScore from '../results/internal/QuestionAutoScore';
+import { DNDAnswerDroppableCommon } from './DNDAnswerDroppableCommon';
+import { Score } from './Score';
+export const DNDTitleAndAnswerCommon = ({ element, renderChildNodes, items, answerOptionsByQuestionId, page }) => {
+    var _a;
     const questionId = element.getAttribute('question-id');
+    const questionIdNumber = Number(questionId);
     const displayNumber = element.getAttribute('display-number');
     const maxScore = getNumericAttribute(element, 'max-score');
     const hasImages = !!query(element, 'image');
     const titleElement = query(element, 'dnd-answer-title');
     const hasTitle = titleElement && renderChildNodes(titleElement).length > 0;
+    const { gradingStructure, answersByQuestionId } = useContext(ResultsContext);
+    const isStudentsExam = !gradingStructure;
+    const hasAnswer = answersByQuestionId && !!((_a = answersByQuestionId[questionIdNumber]) === null || _a === void 0 ? void 0 : _a.value);
+    const { correctOptionIds, scoreValue } = getCorrectOptionIds(questionIdNumber, displayNumber);
     const { setNodeRef, isOver } = useDroppable({ id: questionId });
     return (React.createElement(SortableContext, { id: String(questionId), items: items[questionId] || [] },
         React.createElement("span", { ref: setNodeRef },
-            React.createElement("div", { className: classNames('e-dnd-answer', {
-                    'no-answer': !hasAnswer
-                }), "data-question-id": questionId, key: questionId },
+            React.createElement("div", { className: classNames('e-dnd-answer', { 'no-answer': !hasAnswer }), "data-question-id": questionId, key: questionId },
                 React.createElement("div", { className: "anchor", id: `question-nr-${displayNumber}` }),
                 titleElement &&
                     (!hasTitle ? (React.createElement("i", { style: { color: 'grey' } }, "T\u00E4st\u00E4 puuttuu kysymys...")) : (React.createElement("span", { className: classNames('e-dnd-answer-title', { 'has-images': hasImages, hovered: isOver }) }, renderChildNodes(titleElement)))),
                 React.createElement("div", { className: "connection-line" }),
-                isInExam ? (React.createElement(DNDAnswerExam, { renderChildNodes: renderChildNodes, items: items[questionId], answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, displayNumber: displayNumber, maxScore: maxScore })) : (React.createElement(DNDAnswerResults, { renderChildNodes: renderChildNodes, items: items[questionId], answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, displayNumber: displayNumber, maxScore: maxScore }))))));
+                React.createElement(DNDAnswerDroppableCommon, { renderChildNodes: renderChildNodes, items: items[questionId] || [], answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, correctIds: correctOptionIds, page: page }),
+                isStudentsExam ? (maxScore && React.createElement(Score, { score: maxScore, size: "small" })) : (React.createElement(ResultsExamQuestionAutoScore, { score: scoreValue, maxScore: maxScore, displayNumber: displayNumber, questionId: Number(questionId) }))))));
+};
+const getCorrectOptionIds = (questionId, displayNumber) => {
+    var _a, _b, _c, _d;
+    const { answersByQuestionId, gradingStructure } = useContext(ResultsContext);
+    const hasAnswer = !!answersByQuestionId && ((_a = answersByQuestionId[questionId]) === null || _a === void 0 ? void 0 : _a.value);
+    const answer = hasAnswer ? answersByQuestionId[questionId] : undefined;
+    const choice = findMultiChoiceFromGradingStructure(gradingStructure, questionId);
+    const scoreValue = !(answer === null || answer === void 0 ? void 0 : answer.value)
+        ? undefined
+        : ((_c = (_b = choice === null || choice === void 0 ? void 0 : choice.options.find(option => option.id === Number(answer.value) && option.correct)) === null || _b === void 0 ? void 0 : _b.score) !== null && _c !== void 0 ? _c : 0);
+    const thisQuestion = gradingStructure === null || gradingStructure === void 0 ? void 0 : gradingStructure.questions.find(q => q.displayNumber === displayNumber);
+    const options = ((_d = thisQuestion === null || thisQuestion === void 0 ? void 0 : thisQuestion.choices.find(c => c.id === questionId)) === null || _d === void 0 ? void 0 : _d.options) || [];
+    const correctOptionIds = options === null || options === void 0 ? void 0 : options.filter(o => o.correct).map(o => o.id);
+    return { correctOptionIds, scoreValue };
 };
 //# sourceMappingURL=DNDTitleAndAnswerCommon.js.map

package/dist/components/shared/DNDTitleAndAnswerCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DNDTitleAndAnswerCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,SAAS,IAAI,aAAa,EAAc,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,yBAAyB,EACzB,QAAQ,EACR,SAAS,EAQV,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAE,CAAA;IACvD,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAE,CAAA;IAC7D,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC1D,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;IACvD,MAAM,QAAQ,GAAG,YAAY,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1E,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,eAAe,IAAC,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE;QACrE,8BAAM,GAAG,EAAE,UAAU;YACnB,6BACE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE;oBACpC,WAAW,EAAE,CAAC,SAAS;iBACxB,CAAC,sBACgB,UAAU,EAC5B,GAAG,EAAE,UAAU;gBAEf,6BAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,eAAe,aAAa,EAAE,GAAI;gBAE7D,YAAY;oBACX,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,yCAA8B,CAC1D,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,IAC5F,gBAAgB,CAAC,YAAY,CAAC,CAC1B,CACR,CAAC;gBAEJ,6BAAK,SAAS,EAAC,iBAAiB,GAAG;gBAElC,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,IACZ,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,CAAC,UAA8B,CAAC,EAC5C,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,EACxB,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,CACG,CACD,CACS,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"DNDTitleAndAnswerCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswerCommon.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/Mark.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NewRenderableAnnotation, RenderableAnnotation } from '../../types/Score';
+export declare const Mark: ({ annotation, markedText, onClickAnnotation, setNewAnnotationRef }: {
+    annotation: RenderableAnnotation | NewRenderableAnnotation;
+    markedText: string;
+    onClickAnnotation: (e: React.MouseEvent<HTMLElement, MouseEvent>, a: RenderableAnnotation) => void;
+    setNewAnnotationRef: (ref: HTMLElement | undefined) => void;
+}) => React.JSX.Element;
+//# sourceMappingURL=Mark.d.ts.map

package/dist/components/shared/Mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Mark.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAGjF,eAAO,MAAM,IAAI,uEAKd;IACD,UAAU,EAAE,oBAAoB,GAAG,uBAAuB,CAAA;IAC1D,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAClG,mBAAmB,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5D,sBAsBA,CAAA"}

package/dist/components/shared/Mark.js

@@ -0,0 +1,14 @@
+import React, { useEffect, useRef } from 'react';
+import { isExamAnnotation } from './markText';
+export const Mark = ({ annotation, markedText, onClickAnnotation, setNewAnnotationRef }) => {
+    const markRef = useRef(null);
+    useEffect(() => {
+        if (markRef.current && !isExamAnnotation(annotation)) {
+            setNewAnnotationRef(markRef.current);
+        }
+    }, []);
+    return (React.createElement("mark", { ref: markRef, className: "e-annotation", "data-annotation-id": isExamAnnotation(annotation) ? annotation.annotationId : '', "data-hidden": "false", "data-annotation-path": annotation.annotationAnchor, onClick: e => (isExamAnnotation(annotation) ? onClickAnnotation(e, annotation) : undefined) },
+        markedText,
+        (annotation === null || annotation === void 0 ? void 0 : annotation.markNumber) && React.createElement("sup", { className: "e-annotation", "data-content": annotation === null || annotation === void 0 ? void 0 : annotation.markNumber })));
+};
+//# sourceMappingURL=Mark.js.map

package/dist/components/shared/Mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.js","sourceRoot":"","sources":["../../../src/components/shared/Mark.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EAMpB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC;YACrD,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,cAAc,wBACJ,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,iBACnE,OAAO,0BACG,UAAU,CAAC,gBAAgB,EACjD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE1F,UAAU;QACV,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,KAAI,6BAAK,SAAS,EAAC,cAAc,kBAAe,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,GAAI,CAC5F,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/components/shared/internal/RestrictedAudioPlayerCommon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare function RestrictedAudioPlayerCommon({ duration, durationRemaining, disabled, restrictedAudioId, playing, labelId, onClick }: {
+    durationRemaining?: number;
+    disabled: boolean;
+    playing: boolean;
+    restrictedAudioId: number;
+    duration: number;
+    labelId: string;
+    onClick: () => void;
+}): React.JSX.Element;
+export declare function formatDuration(duration: number): string;
+//# sourceMappingURL=RestrictedAudioPlayerCommon.d.ts.map

package/dist/components/shared/internal/RestrictedAudioPlayerCommon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestrictedAudioPlayerCommon.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/internal/RestrictedAudioPlayerCommon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,OAAO,EACR,EAAE;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,qBAmCA;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAKvD"}

package/dist/components/shared/internal/RestrictedAudioPlayerCommon.js

@@ -0,0 +1,29 @@
+import { faPlay } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
+import React, { useContext, useRef } from 'react';
+import { useExamTranslation } from '../../../i18n';
+import { CommonExamContext } from '../../context/CommonExamContext';
+export function RestrictedAudioPlayerCommon({ duration, durationRemaining, disabled, restrictedAudioId, playing, labelId, onClick }) {
+    const { abitti2 } = useContext(CommonExamContext);
+    const remainingLabelId = `audio-remaining-${restrictedAudioId}`;
+    const audioRef = useRef(null);
+    const { i18n } = useExamTranslation();
+    const labels = playing ? [] : [remainingLabelId, labelId];
+    return (React.createElement("div", { className: classNames('restricted-audio-player e-column e-column--narrow e-columns e-columns--inline e-columns--center-v e-pad-1', { 'restricted-audio-player--disabled': disabled }), lang: i18n.language },
+        abitti2 && (React.createElement("audio", { ref: audioRef, preload: "none" },
+            React.createElement("source", null))),
+        React.createElement("button", { className: classNames('restricted-audio-player__play e-column e-column--narrow', {
+                'restricted-audio-player__play--playing': playing
+            }), disabled: disabled, onClick: onClick, "aria-labelledby": labels.join(' ') }, !playing && React.createElement(FontAwesomeIcon, { icon: faPlay, fixedWidth: true })),
+        React.createElement("span", { className: "restricted-audio-player__duration e-column e-text-right", id: remainingLabelId }, formatDuration(durationRemaining !== null && durationRemaining !== void 0 ? durationRemaining : duration))));
+}
+export function formatDuration(duration) {
+    const minutes = Math.floor(duration / 60);
+    const seconds = duration % 60;
+    return `${padWithZeroes(minutes)}:${padWithZeroes(seconds)}`;
+}
+function padWithZeroes(num) {
+    return num.toString().padStart(2, '0');
+}
+//# sourceMappingURL=RestrictedAudioPlayerCommon.js.map