@citolab/qti-components 7.3.8 → 7.3.10

package/dist/index.js

@@ -3,7 +3,7 @@ import {
 } from "./chunks/chunk-X7TJEF7P.js";
 import {
   ItemContainer
-} from "./chunks/chunk-LNL2LY75.js";
+} from "./chunks/chunk-7PXD4SKY.js";
 import {
   ItemShowCorrectResponse
 } from "./chunks/chunk-G5R527RC.js";
@@ -18,7 +18,7 @@ import {
   QtiTest,
   QtiTestFeedback,
   QtiTestPart
-} from "./chunks/chunk-JCD6FX42.js";
+} from "./chunks/chunk-2M36WE6U.js";
 import "./chunks/chunk-ZGSNDSK3.js";
 import {
   TestStamp
@@ -58,7 +58,7 @@ import {
 } from "./chunks/chunk-7OMJMXHK.js";
 import {
   TestContainer
-} from "./chunks/chunk-3TX2EBTU.js";
+} from "./chunks/chunk-YHIY6E3N.js";
 import {
   TestEndAttempt
 } from "./chunks/chunk-5KCXO2RP.js";
@@ -76,7 +76,7 @@ import "./chunks/chunk-5ZHHNEDA.js";
 import {
   TestPagingButtonsStamp
 } from "./chunks/chunk-CP34TICQ.js";
-import "./chunks/chunk-NJ26K2SA.js";
+import "./chunks/chunk-QZQGK6RL.js";
 import "./chunks/chunk-22IRJWWY.js";
 import {
   INITIAL_TEST_CONTEXT,
@@ -169,7 +169,7 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "./chunks/chunk-JJOLQOBD.js";
+} from "./chunks/chunk-BXUZQSIJ.js";
 import "./chunks/chunk-D3RGDWKP.js";
 import "./chunks/chunk-ELDMXTUQ.js";
 import "./chunks/chunk-OOQLWOYU.js";

package/dist/item.css

@@ -10,10 +10,14 @@
   --qti-correct-light: #c8e6c9;
   --qti-correct: #66bb6a;
 
-  /* Inorrect colors */
+  /* Incorrect colors */
   --qti-incorrect-light: #ef9a9a;
   --qti-incorrect: #ef5350;
 
+  /* Validation colors */
+  --qti-validation-error-bg: #fffbeb;
+  --qti-validation-text: #92400e;
+
   /* Gap size */
   --qti-gap-size: 1rem;
 
@@ -1984,12 +1988,19 @@ qti-response-declaration {
           outline: 4px solid var(--qti-disabled-bg);
         }
 
-        border-radius: var(--qti-border-radius);
+        /* Add styling for correct responses with border instead of checkmark */
+        &:state(correct-response),
+        &[data-correct-response='true'] {
+          border: 3px solid var(--qti-correct) !important;
 
+          /* Remove the checkmark for hidden input controls */
+          &::after {
+            content: none !important;
+          }
+        }
+        border-radius: var(--qti-border-radius);
         padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
         border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
         outline: none
       }
     }
@@ -2079,13 +2090,16 @@ qti-response-declaration {
       }
     }
 
+    /* stylelint-disable-next-line no-descending-specificity */
     & qti-simple-choice {
       width: -moz-fit-content;
       width: fit-content;
       cursor: pointer;
 
+      /* Keep the checkmark for non-hidden input controls */
       &:state(correct-response),
       &[data-correct-response='true'] {
+        /* stylelint-disable-next-line no-descending-specificity */
         &::after {
           content: '\02714';
           color: var(--qti-correct);
@@ -2093,6 +2107,13 @@ qti-response-declaration {
       }
     }
 
+    /* Override to remove the checkmark in qti-input-control-hidden context */
+    /* stylelint-disable-next-line no-duplicate-selectors */
+    &.qti-input-control-hidden qti-simple-choice:state(correct-response)::after,
+    &.qti-input-control-hidden qti-simple-choice[data-correct-response='true']::after {
+      content: none !important;
+    }
+
     & qti-simple-choice > p {
       margin: 0 !important;
       padding: 0 !important;
@@ -3570,3 +3591,19 @@ qti-assessment-section:not(:has(qti-assessment-item)),
 qti-assessment-item-ref:not(:has(qti-assessment-item)) {
   display: none;
 }
+
+qti-hottext-interaction::part(message),
+qti-choice-interaction::part(message),
+qti-association-interaction::part(message),
+qti-graphic-association-interaction::part(message),
+qti-graphic-gap-match-interaction::part(message),
+qti-graphic-order-interaction::part(message),
+qti-math-interaction::part(message) {
+  display: none;
+  color: var(--qti-validation-text, #000);
+  background-color: var(--qti-validation-error-bg, #fff);
+  padding: 10px;
+  border: 3px solid var(--qti-validation-text, #000);
+  border-radius: 4px;
+  margin-top: 8px;
+}

package/dist/qti-components/index.js

@@ -85,7 +85,7 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "../chunks/chunk-JJOLQOBD.js";
+} from "../chunks/chunk-BXUZQSIJ.js";
 import "../chunks/chunk-D3RGDWKP.js";
 import "../chunks/chunk-ELDMXTUQ.js";
 import "../chunks/chunk-OOQLWOYU.js";

package/dist/qti-components-jsx.d.ts

@@ -804,8 +804,6 @@ export type ItemContainerProps = {
   itemXML?: string;
 };
 
-export type PrintItemVariablesProps = {};
-
 export type ItemShowCorrectResponseProps = {
   /**  */
   shown?: boolean;
@@ -823,6 +821,8 @@ export type ItemShowCorrectResponseProps = {
   "onitem-show-correct-response"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+export type PrintItemVariablesProps = {};
+
 export type QtiItemProps = {
   /**  */
   computedContext?: ComputedItemContext;
@@ -1863,18 +1863,18 @@ export type CustomElements = {
    *
    * ---
    *
+   *
+   * ### **Events:**
+   *  - **item-show-correct-response**
    */
-  "print-item-variables": Partial<PrintItemVariablesProps & BaseProps & BaseEvents>;
+  "item-show-correct-response": Partial<ItemShowCorrectResponseProps & BaseProps & BaseEvents>;
 
   /**
    *
    * ---
    *
-   *
-   * ### **Events:**
-   *  - **item-show-correct-response**
    */
-  "item-show-correct-response": Partial<ItemShowCorrectResponseProps & BaseProps & BaseEvents>;
+  "print-item-variables": Partial<PrintItemVariablesProps & BaseProps & BaseEvents>;
 
   /**
    * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.

package/dist/qti-item/components/item-container.js

@@ -1,7 +1,7 @@
 import {
   ItemContainer
-} from "../../chunks/chunk-LNL2LY75.js";
-import "../../chunks/chunk-NJ26K2SA.js";
+} from "../../chunks/chunk-7PXD4SKY.js";
+import "../../chunks/chunk-QZQGK6RL.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-VEWD22O5.js";
 import "../../chunks/chunk-H2JE6IVU.js";

package/dist/qti-item/core/index.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk-X7TJEF7P.js";
 import {
   ItemContainer
-} from "../../chunks/chunk-LNL2LY75.js";
+} from "../../chunks/chunk-7PXD4SKY.js";
 import {
   ItemShowCorrectResponse
 } from "../../chunks/chunk-G5R527RC.js";
@@ -11,7 +11,7 @@ import {
   PrintItemVariables
 } from "../../chunks/chunk-EJZQSOHU.js";
 import "../../chunks/chunk-DZAMXOSC.js";
-import "../../chunks/chunk-NJ26K2SA.js";
+import "../../chunks/chunk-QZQGK6RL.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-VEWD22O5.js";
 import "../../chunks/chunk-4OGJBG35.js";

package/dist/qti-test/components/index.js

@@ -37,7 +37,7 @@ import {
 } from "../../chunks/chunk-7OMJMXHK.js";
 import {
   TestContainer
-} from "../../chunks/chunk-3TX2EBTU.js";
+} from "../../chunks/chunk-YHIY6E3N.js";
 import {
   TestEndAttempt
 } from "../../chunks/chunk-5KCXO2RP.js";
@@ -55,7 +55,7 @@ import "../../chunks/chunk-5ZHHNEDA.js";
 import {
   TestPagingButtonsStamp
 } from "../../chunks/chunk-CP34TICQ.js";
-import "../../chunks/chunk-NJ26K2SA.js";
+import "../../chunks/chunk-QZQGK6RL.js";
 import "../../chunks/chunk-22IRJWWY.js";
 import "../../chunks/chunk-CJADUWEC.js";
 import "../../chunks/chunk-D3RGDWKP.js";

package/dist/qti-test/components/test-container.js

@@ -1,7 +1,7 @@
 import {
   TestContainer
-} from "../../chunks/chunk-3TX2EBTU.js";
-import "../../chunks/chunk-NJ26K2SA.js";
+} from "../../chunks/chunk-YHIY6E3N.js";
+import "../../chunks/chunk-QZQGK6RL.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-VEWD22O5.js";
 import "../../chunks/chunk-H2JE6IVU.js";

package/dist/qti-test/core/index.js

@@ -5,13 +5,13 @@ import {
   QtiTest,
   QtiTestFeedback,
   QtiTestPart
-} from "../../chunks/chunk-JCD6FX42.js";
+} from "../../chunks/chunk-2M36WE6U.js";
 import "../../chunks/chunk-22IRJWWY.js";
 import {
   INITIAL_TEST_CONTEXT,
   testContext
 } from "../../chunks/chunk-CJADUWEC.js";
-import "../../chunks/chunk-JJOLQOBD.js";
+import "../../chunks/chunk-BXUZQSIJ.js";
 import "../../chunks/chunk-D3RGDWKP.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-OOQLWOYU.js";

package/dist/vscode.html-custom-data.json

@@ -750,12 +750,6 @@
       ],
       "references": []
     },
-    {
-      "name": "print-item-variables",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "item-show-correct-response",
       "description": "\n---\n\n\n### **Events:**\n - **item-show-correct-response**",
@@ -768,6 +762,12 @@
       ],
       "references": []
     },
+    {
+      "name": "print-item-variables",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "qti-item",
       "description": "`<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\nIt can also host some functionalities to interact with the item like scoring, showing feedback, etc.\nPlacing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\nSee `<item-container>` for more details.\n\n```html\n<qti-item>\n  <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n</qti-item>\n```\n---\n",

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "7.3.8",
+  "version": "7.3.10",
   "type": "module",
   "main": "dist/index.js",
   "exports": {