@citolab/qti-components 6.9.1-0 → 6.9.1-10

package/dist/item.css

@@ -946,369 +946,4 @@ qti-response-declaration {
   }
 }
 
-/* layer: shortcuts */
-
-.point{padding:0;background-color:transparent;border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-style:solid;height:1.5rem;width:1.5rem;outline:2px solid transparent;outline-offset:2px;}
-
-.spot{padding:0;background-color:transparent;border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-style:solid;height:100%;width:100%;outline:2px solid transparent;outline-offset:2px;}
-
-.text{padding:0.75rem;border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0;border-style:solid;cursor:text;outline:2px solid transparent;outline-offset:2px;}
-
-.placeholder-text::-moz-placeholder{padding:0.75rem;border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0;border-style:solid;cursor:text;outline:2px solid transparent;outline-offset:2px;}
-
-.placeholder-text::placeholder{padding:0.75rem;border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0;border-style:solid;cursor:text;outline:2px solid transparent;outline-offset:2px;}
-
-.button{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;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:pointer;outline:2px solid transparent;outline-offset:2px;}
-
-.check{padding-left:0.25rem;padding-right:0.25rem;padding-top:0.125rem;padding-bottom:0.125rem;border-radius:0.375rem;display:flex;gap:0.5rem;outline:2px solid transparent;outline-offset:2px;align-items:center;}
-
-.drag{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%);
-        background-repeat: repeat-y;
-        background-position: left 2px;
-        background-size: 14px 8px;;}
-
-.p-lg{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:0.75rem;}
-
-.select{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1.75rem;border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0.375rem;border-style:solid;position:relative;outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E") no-repeat center right 6px;}
-
-.drop{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;}
-
-.check-checkbox-checked{--qti-bg-opacity:1;background-color:rgb(0 0 255 / var(--qti-bg-opacity));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");}
-
-.check-radio-checked{--qti-bg-opacity:1;background-color:rgb(0 0 255 / var(--qti-bg-opacity));border-radius:9999px;}
-
-.dis{--qti-bg-opacity:1;background-color:rgb(243 244 246 / var(--qti-bg-opacity));--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));--qti-text-opacity:1;color:rgb(107 114 128 / var(--qti-text-opacity));cursor:not-allowed;}
-
-.hov{--qti-bg-opacity:1;background-color:rgb(249 250 251 / var(--qti-bg-opacity));}
-
-.order{--qti-bg-opacity:1;background-color:rgb(0 0 255 / var(--qti-bg-opacity));border-radius:9999px;--qti-text-opacity:1;color:rgb(255 255 255 / var(--qti-text-opacity));height:1.5rem;width:1.5rem;}
-
-.rdo{--qti-bg-opacity:1;background-color:rgb(255 255 255 / var(--qti-bg-opacity));border-width:0px;cursor:pointer;outline-width:0px;}
-
-.bordered{border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-style:solid;outline:2px solid transparent;outline-offset:2px;}
-
-.check-checkbox{border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:0.25rem;border-style:solid;display:flex;flex-shrink:0;width:1.25rem;height:1.25rem;outline:2px solid transparent;outline-offset:2px;justify-content:center;align-items:center;}
-
-.check-radio{border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-radius:9999px;border-style:solid;display:flex;flex-shrink:0;width:1.25rem;height:1.25rem;outline:2px solid transparent;outline-offset:2px;justify-content:center;align-items:center;}
-
-.form{border-width:2px;--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));border-style:solid;display:flex;flex-shrink:0;width:1.25rem;height:1.25rem;outline:2px solid transparent;outline-offset:2px;justify-content:center;align-items:center;}
-
-.act{--qti-border-opacity:1;border-color:rgb(0 0 255 / var(--qti-border-opacity));}
-
-.borderinvisible{border-color:transparent;}
-
-.foc{outline-width:2px;--qti-outline-color-opacity:1;outline-color:rgb(0 255 0 / var(--qti-outline-color-opacity));}
-
-/* layer: default */
-
-.p-0,
-.p\[0\]{padding:0;}
-
-.p-3{padding:0.75rem;}
-
-.p\[\+\+s\]{padding:++s;}
-
-.p\[1\]{padding:1;}
-
-.px{padding-left:1rem;padding-right:1rem;}
-
-.px-1{padding-left:0.25rem;padding-right:0.25rem;}
-
-.px-2{padding-left:0.5rem;padding-right:0.5rem;}
-
-.px-3{padding-left:0.75rem;padding-right:0.75rem;}
-
-.px-6{padding-left:1.5rem;padding-right:1.5rem;}
-
-.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
-
-.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
-
-.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
-
-.pb{padding-bottom:1rem;}
-
-.pe{padding-inline-end:1rem;}
-
-.pl-4{padding-left:1rem;}
-
-.pr{padding-right:1rem;}
-
-.pr-3{padding-right:0.75rem;}
-
-.pr-7{padding-right:1.75rem;}
-
-.ps{padding-inline-start:1rem;}
-
-.pt{padding-top:1rem;}
-
-.m-2{margin:0.5rem;}
-
-.m-px{margin:1px;}
-
-.m\[0\]{margin:0;}
-
-.m\[d\]{margin:d;}
-
-.m\[u\]{margin:u;}
-
-.m\$1\(n\){margin:var(--\31 \(n\));}
-
-.m157\.22{margin:39.305rem;}
-
-.m211\.07{margin:52.7675rem;}
-
-.m254\.27{margin:63.5675rem;}
-
-.m402\.92{margin:100.73rem;}
-
-.ma{margin:auto;}
-
-.my{margin-top:1rem;margin-bottom:1rem;}
-
-.mb{margin-bottom:1rem;}
-
-.mb\[c\[u\]\]{margin-bottom:c[u];}
-
-.mb\[o\]{margin-bottom:o;}
-
-.me\!{margin-inline-end:1rem !important;}
-
-.mr{margin-right:1rem;}
-
-.ms{margin-inline-start:1rem;}
-
-.mt{margin-top:1rem;}
-
-.inline{display:inline;}
-
-.block{display:block;}
-
-.inline-block{display:inline-block;}
-
-.contents{display:contents;}
-
-.list-item{display:list-item;}
-
-.hidden{display:none;}
-
-.bg-blue-500{--qti-bg-opacity:1;background-color:rgb(59 130 246 / var(--qti-bg-opacity));}
-
-.bg-gray-100{--qti-bg-opacity:1;background-color:rgb(243 244 246 / var(--qti-bg-opacity));}
-
-.bg-gray-50{--qti-bg-opacity:1;background-color:rgb(249 250 251 / var(--qti-bg-opacity));}
-
-.bg-primary{--qti-bg-opacity:1;background-color:rgb(0 0 255 / var(--qti-bg-opacity));}
-
-.bg-transparent{background-color:transparent;}
-
-.bg-white{--qti-bg-opacity:1;background-color:rgb(255 255 255 / var(--qti-bg-opacity));}
-
-.\!b{border-width:1px !important;}
-
-.b,
-.border,
-.border-1{border-width:1px;}
-
-.border-0{border-width:0px;}
-
-.border-2{border-width:2px;}
-
-.border-gray-200{--qti-border-opacity:1;border-color:rgb(229 231 235 / var(--qti-border-opacity));}
-
-.border-gray-400{--qti-border-opacity:1;border-color:rgb(156 163 175 / var(--qti-border-opacity));}
-
-.border-primary{--qti-border-opacity:1;border-color:rgb(0 0 255 / var(--qti-border-opacity));}
-
-.border-transparent{border-color:transparent;}
-
-.rd,
-.rounded{border-radius:0.25rem;}
-
-.rounded-full{border-radius:9999px;}
-
-.rounded-lg{border-radius:0.5rem;}
-
-.rounded-md{border-radius:0.375rem;}
-
-.rounded-none{border-radius:0;}
-
-.border-solid{border-style:solid;}
-
-.text-4xl{font-size:2.25rem;line-height:2.5rem;}
-
-.text-xs{font-size:0.75rem;line-height:1rem;}
-
-.text-blue-100{--qti-text-opacity:1;color:rgb(219 234 254 / var(--qti-text-opacity));}
-
-.text-gray-400{--qti-text-opacity:1;color:rgb(156 163 175 / var(--qti-text-opacity));}
-
-.text-gray-500{--qti-text-opacity:1;color:rgb(107 114 128 / var(--qti-text-opacity));}
-
-.text-gray-700{--qti-text-opacity:1;color:rgb(55 65 81 / var(--qti-text-opacity));}
-
-.text-white{--qti-text-opacity:1;color:rgb(255 255 255 / var(--qti-text-opacity));}
-
-.font-bold{font-weight:700;}
-
-.font-semibold{font-weight:600;}
-
-.leading-tight{line-height:1.25;}
-
-.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
-
-.indent{text-indent:1.5rem;}
-
-.underline{text-decoration-line:underline;}
-
-.text-shadow{--qti-text-shadow:0 0 1px var(--qti-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--qti-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--qti-text-shadow);}
-
-.text-right{text-align:right;}
-
-.italic{font-style:italic;}
-
-.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
-
-.shadow{--qti-shadow:var(--qti-shadow-inset) 0 1px 3px 0 var(--qti-shadow-color, rgb(0 0 0 / 0.1)),var(--qti-shadow-inset) 0 1px 2px -1px var(--qti-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--qti-ring-offset-shadow), var(--qti-ring-shadow), var(--qti-shadow);}
-
-.ring{--qti-ring-width:3px;--qti-ring-offset-shadow:var(--qti-ring-inset) 0 0 0 var(--qti-ring-offset-width) var(--qti-ring-offset-color);--qti-ring-shadow:var(--qti-ring-inset) 0 0 0 calc(var(--qti-ring-width) + var(--qti-ring-offset-width)) var(--qti-ring-color);box-shadow:var(--qti-ring-offset-shadow), var(--qti-ring-shadow), var(--qti-shadow);}
-
-.flex{display:flex;}
-
-.shrink-0{flex-shrink:0;}
-
-.basis-1\/4{flex-basis:25%;}
-
-.basis-3\/4{flex-basis:75%;}
-
-.flex-col{flex-direction:column;}
-
-.flex-wrap{flex-wrap:wrap;}
-
-.grid{display:grid;}
-
-.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
-
-.gap-2{gap:0.5rem;}
-
-.gap-4{gap:1rem;}
-
-.absolute{position:absolute;}
-
-.fixed{position:fixed;}
-
-.relative{position:relative;}
-
-.static{position:static;}
-
-.h-16{height:4rem;}
-
-.h-5,
-.h5{height:1.25rem;}
-
-.h-6,
-.h6{height:1.5rem;}
-
-.h-full{height:100%;}
-
-.h\[0\]{height:0;}
-
-.h\[1\]{height:1;}
-
-.h\[2\]{height:2;}
-
-.h\[a\.toLowerCase\(\)\]{height:a.toLowerCase();}
-
-.h\[b\[1\]\.toLowerCase\(\)\]{height:b[1].toLowerCase();}
-
-.h\[b\]{height:b;}
-
-.h\[d\]{height:d;}
-
-.h\[g\]{height:g;}
-
-.h\[o\]{height:o;}
-
-.h1{height:0.25rem;}
-
-.h2{height:0.5rem;}
-
-.h3{height:0.75rem;}
-
-.h4{height:1rem;}
-
-.ha{height:auto;}
-
-.max-w-\[2rem\]{max-width:2rem;}
-
-.min-w-\[2rem\]{min-width:2rem;}
-
-.w-16{width:4rem;}
-
-.w-5{width:1.25rem;}
-
-.w-6{width:1.5rem;}
-
-.w-full{width:100%;}
-
-.w\$1\(n\,l\,u\,i\,t\,r\,o\,f\,s\,a\){width:var(--\31 \(n, l);}
-
-.cursor-pointer{cursor:pointer;}
-
-.cursor-text{cursor:text;}
-
-.cursor-not-allowed{cursor:not-allowed;}
-
-.cursor-grab{cursor:grab;}
-
-.visible{visibility:visible;}
-
-.resize{resize:both;}
-
-.whitespace-nowrap{white-space:nowrap;}
-
-.break-all{word-break:break-all;}
-
-.overflow-x-auto{overflow-x:auto;}
-
-.outline-0{outline-width:0px;}
-
-.outline-2{outline-width:2px;}
-
-.outline-focus{--qti-outline-color-opacity:1;outline-color:rgb(0 255 0 / var(--qti-outline-color-opacity));}
-
-.outline{outline-style:solid;}
-
-.outline-none{outline:2px solid transparent;outline-offset:2px;}
-
-.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
-
-.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
-
-.justify-end{justify-content:flex-end;}
-
-.justify-center{justify-content:center;}
-
-.items-center{align-items:center;}
-
-.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-
-.ease,
-.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-
-.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
-
-.transform{transform:translateX(var(--qti-translate-x)) translateY(var(--qti-translate-y)) translateZ(var(--qti-translate-z)) rotate(var(--qti-rotate)) rotateX(var(--qti-rotate-x)) rotateY(var(--qti-rotate-y)) rotateZ(var(--qti-rotate-z)) skewX(var(--qti-skew-x)) skewY(var(--qti-skew-y)) scaleX(var(--qti-scale-x)) scaleY(var(--qti-scale-y)) scaleZ(var(--qti-scale-z));}
-
-.text-wrap{text-wrap:wrap;}
-
-.chevron{background:url("data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E") no-repeat center right 6px;}
-
-.handle{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%);
-        background-repeat: repeat-y;
-        background-position: left 2px;
-        background-size: 14px 8px;;}
-
-.check-mask{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");}
+/* @unocss; */

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

@@ -893,6 +893,7 @@ declare global {
 
 declare class QtiCustomInteraction extends Interaction {
     private rawResponse;
+    constructor();
     responseIdentifier: string;
     data: string;
     baseItemUrl: string;
@@ -906,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;
@@ -935,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 {
@@ -1039,10 +1045,12 @@ declare class QtiMatchInteraction extends QtiMatchInteraction_base {
     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 {
@@ -1080,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 {