@citolab/qti-components 6.9.1-1 → 6.9.1-11

package/dist/item.css

@@ -642,13 +642,24 @@ qti-response-declaration {
 
     & qti-simple-match-set:last-of-type {
 
-      & qti-simple-associable-choice {display:flex;flex-direction:column;height:8rem;margin:1px;--qti-bg-opacity:1;background-color:rgb(249 250 251 / var(--qti-bg-opacity));border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0.5rem;border-style:solid;position:relative;outline:2px solid transparent;outline-offset:2px;
+      & qti-simple-associable-choice {
+        min-height: 4rem;display:flex;flex-direction:column;margin:1px;--qti-bg-opacity:1;background-color:rgb(249 250 251 / var(--qti-bg-opacity));border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0.5rem;border-style:solid;position:relative;outline:2px solid transparent;outline-offset:2px;
       }
 
       & qti-simple-associable-choice:hover{--qti-bg-opacity:1;background-color:rgb(249 250 251 / var(--qti-bg-opacity));}
 
       & qti-simple-associable-choice:focus{outline-width:2px;--qti-outline-color-opacity:1;outline-color:rgb(0 255 0 / var(--qti-outline-color-opacity));}
 
+      & qti-simple-associable-choice[enabled] {outline-width:2px;--qti-outline-color-opacity:1;outline-color:rgb(0 255 0 / var(--qti-outline-color-opacity));
+      }
+
+      & qti-simple-associable-choice[active] {--qti-border-opacity:1;border-color:rgb(0 0 255 / var(--qti-border-opacity));
+      }
+
+      & qti-simple-associable-choice > *:not(qti-simple-associable-choice) {
+        pointer-events: none;
+      }
+
       & qti-simple-associable-choice > qti-simple-associable-choice {
         flex-basis: fit-content;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:0.75rem;display:inline-block;--qti-bg-opacity:1;background-color:rgb(255 255 255 / var(--qti-bg-opacity));border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0.375rem;border-style:solid;font-weight:600;cursor:grab;outline:2px solid transparent;outline-offset:2px;background-image:
         radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 0, rgb(0, 0, 0, 0.1) 2px, white 2px, white 100%);
@@ -659,7 +670,7 @@ qti-response-declaration {
 
       & qti-simple-associable-choice>qti-simple-associable-choice:hover{--qti-bg-opacity:1;background-color:rgb(249 250 251 / var(--qti-bg-opacity));}
 
-      & qti-simple-associable-choice>qti-simple-associable-choice:focus{outline-width:2px;--qti-outline-color-opacity:1;outline-color:rgb(0 255 0 / var(--qti-outline-color-opacity));}display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0.5rem
+      & qti-simple-associable-choice>qti-simple-associable-choice:focus{outline-width:2px;--qti-outline-color-opacity:1;outline-color:rgb(0 255 0 / var(--qti-outline-color-opacity));}display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0.5rem;width:100%
     }
   }
 

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

@@ -893,13 +893,13 @@ declare global {
 
 declare class QtiCustomInteraction extends Interaction {
     private rawResponse;
+    constructor();
     responseIdentifier: string;
     data: string;
     baseItemUrl: string;
     baseRefUrl: string;
     id: string;
     private _errorMessage;
-    private channel;
     manifest: {
         script: string[];
         style: string[];
@@ -907,6 +907,10 @@ declare class QtiCustomInteraction extends Interaction {
     };
     connectedCallback(): void;
     setupCES(): void;
+    private getIFrames;
+    private getInnerIFrames;
+    private postToWindowAndIframes;
+    handlePostMessage(event: MessageEvent): void;
     validate(): boolean;
     set response(val: Readonly<string | string[]>);
     disconnectedCallback(): void;
@@ -936,6 +940,7 @@ declare const QtiGapMatchInteraction_base: (new (...args: any[]) => IInteraction
 declare class QtiGapMatchInteraction extends QtiGapMatchInteraction_base {
     static styles: lit.CSSResult[];
     render(): lit_html.TemplateResult<1>;
+    set correctResponse(value: Readonly<string | string[]>);
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -1035,15 +1040,17 @@ declare global {
 
 declare const QtiMatchInteraction_base: (new (...args: any[]) => IInteraction) & typeof LitElement;
 declare class QtiMatchInteraction extends QtiMatchInteraction_base {
-    static styles: any[];
+    static styles: lit.CSSResult[];
     rows: QtiSimpleAssociableChoice[];
     cols: QtiSimpleAssociableChoice[];
     lastCheckedRadio: HTMLInputElement | null;
     response: any[];
+    correctOptions: string[];
     responseIdentifier: string;
     connectedCallback(): void;
     handleRadioClick: (e: any) => void;
     handleRadioChange: (e: any) => void;
+    set correctResponse(responseValue: string | string[]);
     render(): lit_html.TemplateResult<1>;
 }
 declare global {
@@ -1081,10 +1088,14 @@ declare class QtiOrderInteraction extends QtiOrderInteraction_base {
     private _classNames;
     private _orientation;
     static layoutClass: string[];
+    nrChoices: number;
+    correctResponses: string[];
+    showCorrectResponses: boolean;
     /** orientation of choices */
     orientation: 'horizontal' | 'vertical';
     static styles: lit.CSSResult[];
     render(): lit_html.TemplateResult<1>;
+    set correctResponse(value: Readonly<string | string[]>);
     connectedCallback(): void;
 }
 declare global {