@citolab/qti-components 7.0.5 → 7.0.6-beta.0

package/cdn/index.js

@@ -1,4503 +1 @@
-var wi=Object.defineProperty;var Ei=Object.getOwnPropertyDescriptor;var o=(n,s,e,t)=>{for(var r=t>1?void 0:t?Ei(s,e):s,i=n.length-1,l;i>=0;i--)(l=n[i])&&(r=(t?l(s,e,r):l(r))||r);return t&&r&&wi(s,e,r),r};import{html as Mi}from"lit";import{customElement as Si}from"lit/decorators.js";var Ci=String.raw,ki=Ci`<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="html" version="5.0" encoding="UTF-8" indent="yes" />
-  <xsl:template match="@*|node()">
-    <xsl:copy>
-      <xsl:apply-templates select="@*|node()"/>
-    </xsl:copy>
-  </xsl:template>
-
-  <!-- remove existing namespaces -->
-  <xsl:template match="*">
-    <!-- remove element prefix -->
-    <xsl:element name="{local-name()}">
-      <!-- process attributes -->
-      <xsl:for-each select="@*">
-        <!-- remove attribute prefix -->
-        <xsl:attribute name="{local-name()}">
-          <xsl:value-of select="."/>
-        </xsl:attribute>
-      </xsl:for-each>
-    <xsl:apply-templates/>
-  </xsl:element>
-</xsl:template>
-</xsl:stylesheet>`;function pr(n,s,e){n.querySelectorAll(s).forEach(t=>{let r=`${s}-${e}`,i=hr(t,r);t.replaceWith(i)})}function mr(n,s){n.querySelectorAll("*").forEach(e=>{let t=e.classList;t&&t.forEach(r=>{if(r.startsWith(`${s}:`)){let i=r.slice(`${s}:`.length),l=`${e.nodeName}-${i}`,a=hr(e,l);e.replaceWith(a)}})})}function hr(n,s){let e=document.createElement(s);for(let t of n.attributes)e.setAttribute(t.name,t.value);for(;n.firstChild;)e.appendChild(n.firstChild);return e}function ur(n){let s=[];return n.querySelectorAll("qti-assessment-item-ref").forEach(e=>{let t=e.getAttribute("identifier"),r=e.getAttribute("href"),i=e.getAttribute("category");s.push({identifier:t,href:r,category:i})}),s}var St=null;function re(n,s=!1){return s&&St!==null&&St.abort(),new Promise((e,t)=>{let r=new XMLHttpRequest;St=r,r.open("GET",n,!0),r.responseType="document",r.onload=()=>{r.status>=200&&r.status<300?e(r.responseXML):t(r.statusText)},r.onerror=()=>{t(r.statusText)},r.send()})}function ie(n){return new DOMParser().parseFromString(n,"text/xml")}function oe(n){let s=new XSLTProcessor,e=new DOMParser().parseFromString(ki,"text/xml");return s.importStylesheet(e),s.transformToFragment(n,document)}function Qe(n,s){s.endsWith("/")||(s+="/"),n.querySelectorAll("[src],[href],[primary-path]").forEach(e=>{let t="";e.getAttribute("src")&&(t="src"),e.getAttribute("href")&&(t="href"),e.getAttribute("primary-path")&&(t="primary-path");let r=e.getAttribute(t)?.trim();if(!r.startsWith("data:")&&!r.startsWith("http")){let i=s+encodeURI(r);e.setAttribute(t,i)}})}function gr(n){n.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value').forEach(e=>{let t=document.createComment(e.textContent);e.replaceChild(t,e.firstChild)})}function br(n){n.querySelectorAll("qti-stylesheet").forEach(s=>s.remove())}var z=()=>{let n,s={async load(e,t=!1){return new Promise(r=>{re(e,t).then(i=>(n=i,s.path(e.substring(0,e.lastIndexOf("/"))),r(s)))})},parse(e){return n=ie(e),s},path:e=>(Qe(n,e),s),fn(e){return e(n),s},pciHooks(e){let t=["hook","module"],r=e.substring(0,e.lastIndexOf("/"));for(let i of t)n.querySelectorAll("["+i+"]").forEach(a=>{let c=a.getAttribute(i);!c.startsWith("data:")&&!c.startsWith("http")&&(a.setAttribute("base-url",e),a.setAttribute("module",r+"/"+encodeURI(c+(c.endsWith(".js")?"":".js"))))});return s},extendElementName:(e,t)=>(pr(n,e,t),s),extendElementsWithClass:(e="extend")=>(mr(n,e),s),customInteraction(e,t){let r=n.querySelector("qti-custom-interaction"),i=r.querySelector("object");return r.setAttribute("data-base-ref",e),r.setAttribute("data-base-item",e+t),r.setAttribute("data",i.getAttribute("data")),r.setAttribute("width",i.getAttribute("width")),r.setAttribute("height",i.getAttribute("height")),r.removeChild(i),s},convertCDATAtoComment(){return gr(n),s},stripStyleSheets(){return br(n),s},html(){return new XMLSerializer().serializeToString(oe(n))},xml(){return new XMLSerializer().serializeToString(n)},htmlDoc(){return oe(n)},xmlDoc(){return n}};return s};var fr=()=>{let n,s={async load(e){return new Promise(t=>{re(e).then(r=>(n=r,t(s)))})},parse(e){n=ie(e)},assessmentTest(){let e=n.querySelector('resource[type="imsqti_test_xmlv3p0"]');return{href:e.getAttribute("href"),identifier:e.getAttribute("identifier")}}};return s};var se=()=>{let n,s={async load(e){return new Promise((t,r)=>{re(e).then(i=>(n=i,s.path(e.substring(0,e.lastIndexOf("/"))),t(s)))})},parse(e){return n=ie(e),s},path:e=>(Qe(n,e),s),fn(e){return e(n),s},items(){return ur(n)},html(){return new XMLSerializer().serializeToString(oe(n))},xml(){return new XMLSerializer().serializeToString(n)},htmlDoc(){return oe(n)},xmlDoc(){return n}};return s};var vr=n=>{class s extends n{constructor(...t){super(...t),this.addEventListener("qti-assessment-test-connected",()=>{}),this.addEventListener("qti-load-item-request",({detail:r})=>{r.promise=(async()=>(await z().load(`${r.href}`,r.cancelPreviousRequest)).htmlDoc())()}),this.addEventListener("qti-interaction-changed",r=>{}),this.addEventListener("qti-outcome-changed",()=>{})}}return s};var yr=n=>{class s extends n{constructor(...t){super(...t),this.addEventListener("qti-request-test-item",({detail:r})=>{if(!r)return;this._clearLoadedItems();let i=this.testElement.el.querySelector(`qti-assessment-item-ref[identifier="${r}"]`),l=this._loadItemRequest(i.href,!1),a=i.closest("qti-test-part").identifier,c=i.closest("qti-assessment-section").identifier;this._testContext={...this._testContext,navPartId:a,navSectionId:c,navItemId:r,navItemLoading:!0},l?l.then(d=>{i.xmlDoc=d,requestAnimationFrame(()=>this.dispatchEvent(new CustomEvent("qti-item-connected",{bubbles:!0,composed:!0}))),this._testContext={...this._testContext,navItemLoading:!1}}).catch(d=>console.error("Failed to load item:",d)):console.info("Load item request was not handled:",i.href)}),this.addEventListener("qti-assessment-test-connected",()=>{let r=this._testContext.navItemId;r||(r=this.testElement.el.querySelector("qti-assessment-item-ref").identifier),this.dispatchEvent(new CustomEvent("qti-request-test-item",{detail:r,bubbles:!0,composed:!0}))})}_clearLoadedItems(){let t=this.testElement.el.querySelectorAll("qti-assessment-test qti-assessment-item-ref");Array.from(t).forEach(r=>{r.xmlDoc=null})}_loadItemRequest(t,r=!0){let i=new CustomEvent("qti-load-item-request",{bubbles:!0,composed:!0,detail:{href:t,promise:null,cancelPreviousRequest:r}});return this.dispatchEvent(i),i.detail.promise}}return s};var qr=n=>{class s extends n{constructor(...t){super(...t),this._testContext={...this._testContext,view:"candidate"},this.addEventListener("on-test-switch-view",r=>{this._testContext={...this._testContext,view:r.detail},this._updateElementView()}),this.addEventListener("qti-assessment-test-connected",()=>{this._updateElementView()}),this.addEventListener("qti-assessment-item-connected",r=>{this._updateElementView(),this._setCorrectResponseVisibility(r.detail)})}willUpdate(t){super.willUpdate(t),t.has("_testContext")&&this._updateElementView()}_updateElementView(){if(this.testElement&&this.testElement.el){Array.from(this.testElement.el.querySelectorAll("[view]")).forEach(i=>{i.classList.toggle("show",i.getAttribute("view")===this._testContext.view)});let r=this.testElement.el.querySelector(`qti-assessment-item[identifier="${this._testContext.navItemId}"]`);r&&r.showCorrectResponse(this._testContext.view==="scorer")}}_setCorrectResponseVisibility(t){t.showCorrectResponse(this._testContext.view==="scorer")}}return s};import{provide as wr}from"@lit/context";import{LitElement as Ti}from"lit";import{state as Er}from"lit/decorators.js";import{createContext as xr}from"@lit/context";var S=xr(Symbol("test")),et=xr(Symbol("testElement"));var ae=class extends Ti{constructor(){super();this._testContext={items:[],testOutcomeVariables:[]};this.testElement={el:null};this._updateItemInTestContext=e=>{let{identifier:t,variables:r}=e,i=this._testContext.items.find(l=>l?.identifier===t);if(!i){console.warn(`Item IDs between assessment.xml and item.xml should match: ${t} is not found!`);return}i.variables?.length===1?this._updateItemVariablesInTestContext(t,r):e.variables=[...i.variables||[]]};this.addEventListener("qti-assessment-test-connected",e=>{let t=e.detail,r=Array.from(t.querySelectorAll("qti-assessment-item-ref")).map(i=>({href:i.href,identifier:i.identifier,category:i.category,variables:[{identifier:"completionStatus",value:"not_attempted",type:"outcome"}]}));this.testElement={el:t},this._testContext={...this._testContext,items:r}}),this.addEventListener("qti-assessment-item-connected",e=>{this._updateItemInTestContext(e.detail)}),this.addEventListener("qti-outcome-changed",e=>{let t=e.composedPath()[0];this._updateItemVariablesInTestContext(t.identifier,t.variables)})}get context(){return this._testContext}set context(e){e!=null&&(this._testContext={...e},e.items?.forEach(t=>{let r=this._testContext.items.find(i=>i.identifier===t.identifier);r?r.variables=t.variables:this._testContext.items.push(t)}))}_updateItemVariablesInTestContext(e,t){this._testContext={...this._testContext,items:this._testContext.items.map(r=>r.identifier!==e?r:{...r,variables:t.map(i=>{let l=r.variables.find(a=>a.identifier===i.identifier);return l?{...l,...i}:i})})}}connectedCallback(){super.connectedCallback(),this.setAttribute("qti-test","")}};o([Er(),wr({context:S})],ae.prototype,"_testContext",2),o([Er(),wr({context:et})],ae.prototype,"testElement",2);var tt=class extends vr(yr(qr(ae))){render(){return Mi`<slot></slot>`}};tt=o([Si("qti-test")],tt);import{consume as Li}from"@lit/context";import{html as _i,LitElement as Ai}from"lit";import{property as ne}from"lit/decorators.js";var Cr={fromAttribute(n){return n==="true"},toAttribute(n){return n?"true":"false"}},L=class extends Ai{constructor(){super(...arguments);this.weigths=new Map}createRenderRoot(){return this}get assessmentItem(){return this.renderRoot?.querySelector("qti-assessment-item")}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-assessment-item-ref-connected",{bubbles:!0,composed:!0,detail:{identifier:this.identifier,href:this.href,category:this.category}}))}render(){return _i`${this.xmlDoc}`}};o([ne({type:String})],L.prototype,"category",2),o([ne({type:String})],L.prototype,"identifier",2),o([ne({type:Boolean,converter:Cr})],L.prototype,"required",2),o([ne({type:Boolean,converter:Cr})],L.prototype,"fixed",2),o([ne({type:String})],L.prototype,"href",2),o([Li({context:S,subscribe:!0})],L.prototype,"_testContext",2),o([ne({type:Object,attribute:!1})],L.prototype,"xmlDoc",2);customElements.get("qti-assessment-item-ref")||customElements.define("qti-assessment-item-ref",L);import{consume as Ri}from"@lit/context";import{html as Di,LitElement as Ii}from"lit";import{property as le}from"lit/decorators.js";var Lt={fromAttribute(n){return n==="true"},toAttribute(n){return n?"true":"false"}},_=class extends Ii{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new Event("qti-assessment-section-connected",{bubbles:!0,composed:!0}))}render(){return Di`<slot name="qti-rubric-block"></slot><slot></slot>`}};o([le({type:String})],_.prototype,"identifier",2),o([le({type:String})],_.prototype,"required",2),o([le({type:Boolean,converter:Lt})],_.prototype,"fixed",2),o([le({type:String})],_.prototype,"title",2),o([le({type:Boolean,converter:Lt})],_.prototype,"visible",2),o([le({type:Boolean,converter:Lt,attribute:"keep-together"})],_.prototype,"keepTogether",2),o([Ri({context:S,subscribe:!0})],_.prototype,"_testContext",2);customElements.get("qti-assessment-section")||customElements.define("qti-assessment-section",_);import{consume as Vi}from"@lit/context";import{html as Hi,LitElement as Ni}from"lit";import{customElement as $i,property as kr}from"lit/decorators.js";var Q=class extends Ni{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-assessment-test-connected",{detail:this,bubbles:!0,composed:!0}))}render(){return Hi` <slot></slot>`}};o([kr({type:String})],Q.prototype,"identifier",2),o([kr({type:String})],Q.prototype,"title",2),o([Vi({context:S,subscribe:!0})],Q.prototype,"_testContext",2),Q=o([$i("qti-assessment-test")],Q);import{html as zi,LitElement as Oi}from"lit";import{customElement as Fi,property as Te}from"lit/decorators.js";var A=class extends Oi{constructor(){super(...arguments);this.identifier="";this.title="";this.class="";this.NavigationMode="nonlinear";this.submissionMode="individual"}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new Event("qti-test-part-connected",{bubbles:!0,composed:!0}))}render(){return zi` <slot></slot>`}};o([Te({type:String})],A.prototype,"identifier",2),o([Te({type:String})],A.prototype,"title",2),o([Te({type:String})],A.prototype,"class",2),o([Te({type:String,attribute:"navigation-mode"})],A.prototype,"NavigationMode",2),o([Te({type:String,attribute:"submission-mode"})],A.prototype,"submissionMode",2),A=o([Fi("qti-test-part")],A);customElements.get("qti-test-part")||customElements.define("qti-test-part",A);import{consume as Mr}from"@lit/context";import{LitElement as Ui}from"lit";import{state as Sr}from"lit/decorators.js";function rt(n,s){let e;return(t,r)=>{let{connectedCallback:i,disconnectedCallback:l}=t;t.connectedCallback=function(){i.call(this);let a=d=>{let p=Array.from(this.querySelectorAll(n)).concat(Array.from(this.shadowRoot?.querySelectorAll(n)||[]));for(let m of d){let h=Array.from(m.addedNodes).map(y=>y),b=Array.from(m.addedNodes).map(y=>y);m.type==="childList"&&h.find(y=>p.includes(y))&&this[r](h,b)}};e=new MutationObserver(a),e.observe(this,{childList:!0,subtree:!0});let c=Array.from(this.querySelectorAll(n)).concat(Array.from(this.shadowRoot?.querySelectorAll(n)||[]));this[r](Array.from(c),[])},t.disconnectedCallback=function(){l.call(this),e.disconnect()}}}function v(n,s){let e={waitUntilFirstUpdate:!1,...s};return(t,r)=>{let{update:i}=t,l=Array.isArray(n)?n:[n];t.update=function(a){l.forEach(c=>{let d=c;if(a.has(d)){let p=a.get(d),m=this[d];p!==m&&(!e.waitUntilFirstUpdate||this.hasUpdated)&&this[r](p,m)}}),i.call(this,a)}}}import{property as Pi}from"lit/decorators.js";function Tr(n){return(s,e)=>{Pi(n)(s,e);let t=`__${e}`;Object.defineProperty(s,e,{get(){return this[t]},set(r){let i=this[t];if(this[t]=r,i!==r){if(this._internals?.states){let l=e.toLowerCase();r?this._internals.states.add(`--${l}`):this._internals.states.delete(`--${l}`)}if(n.aria&&this._internals){let l=n.aria;r?this._internals[l]="true":this._internals[l]=null}this.requestUpdate(e,i)}},configurable:!0,enumerable:!0})}}var q=class extends Ui{constructor(){super();this.disabled=!0;this._internals=this.attachInternals()}_handleTestElementChange(e,t){t.el&&(this.disabled=!1)}willUpdate(e){if(e.has("_testContext")){let{items:t=[],navItemId:r}=this._testContext??{};this.itemIndex=t.findIndex(i=>i.identifier===r),this.items=t,this.view=this._testContext?.view}}_switchView(e){this.dispatchEvent(new CustomEvent("on-test-switch-view",{composed:!0,bubbles:!0,detail:e}))}_requestItem(e){this.dispatchEvent(new CustomEvent("qti-request-test-item",{composed:!0,bubbles:!0,detail:e}))}};o([Tr({type:Boolean,reflect:!0,aria:"ariaDisabled"})],q.prototype,"disabled",2),o([Sr(),Mr({context:S,subscribe:!0})],q.prototype,"_testContext",2),o([Sr(),Mr({context:et,subscribe:!0})],q.prototype,"_testElement",2),o([v("_testElement")],q.prototype,"_handleTestElementChange",1);import{css as Xi,html as Bi}from"lit";import{customElement as ji}from"lit/decorators.js";import{css as it}from"lit";var Lr=it`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 0.5rem 1rem;
-  border-radius: 0.25rem;
-  user-select: none;
-`,ce=it`
-  background-color: lightgray;
-  ${Lr};
-`,de=it`
-  cursor: not-allowed;
-  opacity: 0.5;
-`,Wc=it`
-  ${Lr};
-  border: 1px solid gray;
-`;var Me=class extends q{constructor(){super(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",s=>{s.preventDefault(),this.disabled||this._requestItem(this.items[this.itemIndex+1].identifier)})}willUpdate(s){super.willUpdate(s),s.has("_testContext")&&(this.disabled=!this._testElement?.el||this.itemIndex<0||this.itemIndex>=this.items.length-1)}render(){return Bi`<slot></slot>`}};Me.styles=Xi`
-    :host {
-      ${ce};
-    }
-    :host([disabled]) {
-      ${de};
-    }
-  `,Me=o([ji("test-next")],Me);import{css as Wi,html as Yi}from"lit";import{customElement as Ki}from"lit/decorators.js";var Se=class extends q{constructor(){super(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",s=>{s.preventDefault(),this.disabled||this._requestItem(this.items[this.itemIndex-1].identifier)})}willUpdate(s){super.willUpdate(s),s.has("_testContext")&&(this.disabled=!this._testElement?.el||this.itemIndex===0||this.itemIndex===-1)}render(){return Yi`<slot></slot>`}};Se.styles=Wi`
-    :host {
-      ${ce};
-    }
-    :host([disabled]) {
-      ${de};
-    }
-  `,Se=o([Ki("test-prev")],Se);import{html as _r}from"lit";import{customElement as Gi,property as Ar,state as Ji}from"lit/decorators.js";var w=class extends q{constructor(){super(...arguments);this.label="view";this._handleViewOptionsChange=()=>{this.updateViewOptions()};this._viewOptions=w.DEFAULT_VIEW_OPTIONS}connectedCallback(){super.connectedCallback(),this.updateViewOptions()}updateViewOptions(){if(this.viewOptions){let e=this.viewOptions.split(",").map(t=>t.trim());this._viewOptions=e.filter(t=>w.DEFAULT_VIEW_OPTIONS.includes(t))}else this._viewOptions=w.DEFAULT_VIEW_OPTIONS}render(){return _r`
-      <label part="label" for="viewSelect">${this.label}</label>
-      <select
-        part="select"
-        id="viewSelect"
-        .disabled=${this.disabled}
-        @change=${e=>{let t=e.target;this._switchView(t.value)}}
-      >
-        ${this._viewOptions.map(e=>_r`<option value="${e}" ?selected=${e===this.view}>${e}</option>`)}
-      </select>
-    `}};w.DEFAULT_VIEW_OPTIONS=["author","candidate","proctor","scorer","testConstructor","tutor"],o([Ar({type:String})],w.prototype,"label",2),o([Ar({type:String,attribute:"view-options"})],w.prototype,"viewOptions",2),o([v("viewOptions",{waitUntilFirstUpdate:!0})],w.prototype,"_handleViewOptionsChange",2),o([Ji()],w.prototype,"_viewOptions",2),w=o([Gi("test-view")],w);import{css as Zi,html as Qi}from"lit";import{customElement as eo,property as to}from"lit/decorators.js";var pe=class extends q{constructor(){super();this.itemId=null;this.addEventListener("click",()=>this._requestItem(this.itemId))}render(){return Qi` <slot></slot> `}};pe.styles=Zi`
-    :host {
-      ${ce};
-    }
-    :host([disabled]) {
-      ${de};
-    }
-  `,o([to({type:String,attribute:"item-id"})],pe.prototype,"itemId",2),pe=o([eo("test-item-link")],pe);import{LitElement as io,html as At}from"lit";import{customElement as oo,property as so,state as Rr}from"lit/decorators.js";import{until as ao}from"lit/directives/until.js";var ot=`@layer qti-base, qti-components, qti-utilities, qti-variants, qti-extended;
-
-:root,
-:host {
-  /* Active colors */
-  --qti-bg-active: #ffecec;
-  --qti-border-active: #f86d70;
-
-  /* Gap size */
-  --qti-gap-size: 1rem;
-
-  /* Background colors */
-  --qti-bg: white;
-  --qti-hover-bg: #f9fafb;
-
-  /* Light theme colors */
-  --qti-light-bg-active: #f0f0f0; /* Light gray */
-  --qti-light-border-active: #d0d0d0; /* Medium gray */
-
-  /* Dark theme colors */
-  --qti-dark-bg-active: #1f2937; /* Dark gray */
-  --qti-dark-border-active: #64748b; /* Medium gray */
-
-  /* Disabled colors */
-  --qti-disabled-bg: #f3f4f6;
-  --qti-disabled-color: #45484f;
-
-  /* Border properties */
-  --qti-border-thickness: 2px;
-  --qti-border-style: solid;
-  --qti-border-color: #c6cad0;
-  --qti-border-radius: 0.3rem;
-  --qti-drop-border-radius: calc(var(--qti-border-radius) + var(--qti-border-thickness));
-
-  /* Focus & active states */
-  --qti-focus-border-width: 5px;
-  --qti-focus-color: #bddcff7e;
-
-  /* Class-specific variables */
-
-  /* Form elements */
-  --qti-form-size: 1rem;
-
-  /* Point elements */
-  --qti-point-size: 2rem;
-
-  /* Order buttons */
-  --qti-order-size: 2rem;
-
-  /* Generic padding for all elements */
-  --qti-padding-vertical: 0.5rem; /* py-2 */
-  --qti-padding-horizontal: 0.5rem; /* px-2 */
-}
-
-/* SVG masks and backgrounds */
-
-.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,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  );
-  background-repeat: repeat-y;
-  background-position: left center;
-  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");
-          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");
-}
-
-/* 
-  Following are classes that can be applied to elements and element states, so they are not used directly 
-  The @apply directive is used to apply these classes to elements
-*/
-
-/* Apply .bordered to an element */
-
-.bordered {
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .form rules for checkbox and radiobutton */
-
-.form {
-
-  display: grid;
-  place-content: center;
-  width: var(--qti-form-size);
-  height: var(--qti-form-size);
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .button rules for button-like elements, such as drags and buttons */
-
-.button {
-
-  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;
-}
-
-/* Apply .select for the select dropdown element */
-
-.select {
-
-  border-radius: var(--qti-border-radius);
-  position: relative;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-  padding-right: calc(var(--qti-padding-horizontal) + 1.5rem); /* 1.5rem for the chevron */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: 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;
-}
-
-/* Apply .text for the input text and textarea */
-
-.text {
-
-  border-radius: 0;
-  cursor: text;
-  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-  background: unset;
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .spot for hotspot shapes */
-
-.spot {
-
-  width: 100%;
-  height: 100%;
-  background-color: transparent;
-  padding: 0;
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .point for circular small hotspots */
-
-.point {
-
-  border-radius: 100%;
-  width: var(--qti-point-size);
-  height: var(--qti-point-size);
-  background-color: transparent;
-  padding: 0;
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .drag for draggable elements */
-
-.drag {
-
-  transition:
-    transform 200ms ease-out,
-    box-shadow 200ms ease-out,
-    rotate 200ms ease-out;
-  cursor: grab;
-  background-color: var(--qti-bg);
-  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-  border-radius: var(--qti-border-radius);
-  padding-left: calc(var(--qti-padding-horizontal) + 0.5rem) !important; /* 1.5rem for the drag */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background-image: radial-gradient(
-    circle at center,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  ); background-repeat: repeat-y; background-position: left center; background-size: 14px 8px;
-}
-
-/* Apply .dragging for the dragging state of a draggable element */
-
-.dragging {
-  pointer-events: none;
-  rotate: -2deg;
-  box-shadow:
-    0 8px 12px rgb(0 0 0 / 20%),
-    0 4px 8px rgb(0 0 0 / 10%);
-}
-
-/* Apply .drop for an element where you can drop the draggable */
-
-.drop {
-
-  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="7" stroke="%23CCCCCC" stroke-width="1" fill="transparent" /></svg>')
-    center no-repeat;
-  border-radius: var(--qti-border-radius);
-  position: relative;
-  background-color: var(--qti-bg);
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .dropping for an indicator where you can drop the draggable */
-
-.dropping {
-  background-color: var(--qti-bg-active);
-}
-
-/* Apply .order for a small circular button */
-
-.order {
-
-  display: grid;
-  place-content: center;
-
-  /* background-color: var(--qti-bg-active); */
-  border-radius: 100%;
-  width: var(--qti-order-size);
-  height: var(--qti-order-size);
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .check-size for radio and checkbox size */
-
-.check-size {
-  width: calc(var(--qti-form-size) - 6px);
-  height: calc(var(--qti-form-size) - 6px);
-}
-
-/* Apply .check for checkbox */
-
-.check {
-  gap: 0.5rem;
-  border-radius: var(--qti-border-radius);
-  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-  outline: none;
-  cursor: pointer;
-}
-
-/* Apply .check-radio for outer circle of the radio buttons */
-
-.check-radio {
-
-  border-radius: 100%;
-
-  display: grid;
-
-  place-content: center;
-
-  width: var(--qti-form-size);
-
-  height: var(--qti-form-size);
-
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-  outline: none;
-}
-
-/* Apply .check-radio-checked for the inner checked radio */
-
-.check-radio-checked {
-  background-color: var(--qti-border-active);
-  border-radius: 100%;
-}
-
-/* Apply .check-checkbox for outer square of the checkbox */
-
-.check-checkbox {
-
-  display: flex;
-  place-items: center;
-  border-radius: var(--qti-border-radius);
-  display: grid;
-  place-content: center;
-  width: var(--qti-form-size);
-  height: var(--qti-form-size);
-  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-  outline: none;
-}
-
-/* Apply .check-checkbox-checked for the inner checkmark */
-
-.check-checkbox-checked {
-  background-color: var(--qti-border-active);
-  -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");
-          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");
-}
-
-/* Apply .hov for hover state */
-
-.hov {
-  background-color: var(--qti-hover-bg);
-}
-
-/* Apply .foc for focus state */
-
-.foc {
-  box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-}
-
-/* Apply .act for active state */
-
-.act {
-  border-color: var(--qti-border-active);
-  background-color: var(--qti-bg-active);
-}
-
-.act-bg {
-  background-color: var(--qti-bg-active);
-}
-
-.act-bor {
-  border-color: var(--qti-border-active);
-}
-
-/* Apply .rdo for readonly state */
-
-.rdo {
-  cursor: pointer;
-  background-color: var(--qti-bg);
-  outline: 0;
-  border: none;
-}
-
-/* Apply .dis for disabled state */
-
-.dis {
-  cursor: not-allowed;
-  background-color: var(--qti-disabled-bg);
-  color: var(--qti-disabled-color);
-  border-color: var(--qti-border-color);
-  outline: 4px solid var(--qti-disabled-bg);
-}
-
-/* base */
-
-/* ============================
-   QTI 3 shared css
-   1.  Display
-   2.  Special Flex styles
-   3.  Margin
-   4.  Padding
-   5.  Horizontal Alignment styles
-   6.  Vertical Alignment styles
-   7.  Height
-   8.  Width
-   9.  Text-Indent
-   10. List Style
-   11. Layout
-   12. Other QTI 3 presentation utilities
-   ============================ */
-
-/* ==========
-  Display css
-  =========== */
-
-.qti-display-inline {
-  display: inline;
-}
-
-.qti-display-inline-block {
-  display: inline-block;
-}
-
-.qti-display-block {
-  display: block;
-}
-
-.qti-display-flex {
-  display: flexbox;
-  display: flex;
-}
-
-.qti-display-inline-flex {
-  display: inline-flex;
-}
-
-.qti-display-grid {
-  display: grid;
-}
-
-.qti-display-inline-grid {
-  display: inline-grid;
-}
-
-.qti-display-table {
-  display: table;
-}
-
-.qti-display-table-cell {
-  display: table-cell;
-}
-
-.qti-display-table-row {
-  display: table-row;
-}
-
-.qti-display-list-item {
-  display: list-item;
-}
-
-.qti-display-inherit {
-  display: inherit;
-}
-
-/* 
-   * hidden to screen readers and sighted
-   */
-
-.qti-hidden {
-  display: none;
-}
-
-/*
-  * visible to screen readers, hidden to sighted
-   */
-
-.qti-visually-hidden {
-  position: fixed !important;
-  overflow: hidden;
-  clip: rect(1px 1px 1px 1px);
-  height: 1px;
-  width: 1px;
-  border: 0;
-  margin: -1px;
-}
-
-/* =============================
-     Special flex styles
-     ============================= */
-
-.qti-flex-direction-column {
-  flex-direction: column;
-}
-
-.qti-flex-direction-row {
-  flex-direction: row;
-}
-
-.qti-flex-grow-1 {
-  flex-grow: 1;
-}
-
-.qti-flex-grow-0 {
-  flex-grow: 0;
-}
-
-/* =========
-    Margin css
-    ========== */
-
-/**
-   * For margin Top and Bottom and Left and Right
-   */
-
-.qti-margin-0 {
-  margin: 0 !important;
-}
-
-.qti-margin-1 {
-  margin: 0.25rem !important;
-}
-
-.qti-margin-2 {
-  margin: 0.5rem !important;
-}
-
-.qti-margin-3 {
-  margin: 1rem !important;
-}
-
-.qti-margin-4 {
-  margin: 1.5rem !important;
-}
-
-.qti-margin-5 {
-  margin: 3rem !important;
-}
-
-.qti-margin-auto {
-  margin: auto !important;
-}
-
-/*
-   For margin Left and Right
-   */
-
-.qti-margin-x-0 {
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-}
-
-.qti-margin-x-1 {
-  margin-right: 0.25rem !important;
-  margin-left: 0.25rem !important;
-}
-
-.qti-margin-x-2 {
-  margin-right: 0.5rem !important;
-  margin-left: 0.5rem !important;
-}
-
-.qti-margin-x-3 {
-  margin-right: 1rem !important;
-  margin-left: 1rem !important;
-}
-
-.qti-margin-x-4 {
-  margin-right: 1.5rem !important;
-  margin-left: 1.5rem !important;
-}
-
-.qti-margin-x-5 {
-  margin-right: 3rem !important;
-  margin-left: 3rem !important;
-}
-
-.qti-margin-x-auto {
-  margin-right: auto !important;
-  margin-left: auto !important;
-}
-
-/*
-   For margin Top and Bottom
-   */
-
-.qti-margin-y-0 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-
-.qti-margin-y-1 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important;
-}
-
-.qti-margin-y-2 {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important;
-}
-
-.qti-margin-y-3 {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important;
-}
-
-.qti-margin-y-4 {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important;
-}
-
-.qti-margin-y-5 {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important;
-}
-
-.qti-margin-y-auto {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
-}
-
-/*
-   For margin Top
-   */
-
-.qti-margin-t-0 {
-  margin-top: 0 !important;
-}
-
-.qti-margin-t-1 {
-  margin-top: 0.25rem !important;
-}
-
-.qti-margin-t-2 {
-  margin-top: 0.5rem !important;
-}
-
-.qti-margin-t-3 {
-  margin-top: 1rem !important;
-}
-
-.qti-margin-t-4 {
-  margin-top: 1.5rem !important;
-}
-
-.qti-margin-t-5 {
-  margin-top: 3rem !important;
-}
-
-.qti-margin-t-auto {
-  margin-top: auto !important;
-}
-
-/* 
-  For margin Bottom
-   */
-
-.qti-margin-b-0 {
-  margin-bottom: 0 !important;
-}
-
-.qti-margin-b-1 {
-  margin-bottom: 0.25rem !important;
-}
-
-.qti-margin-b-2 {
-  margin-bottom: 0.5rem !important;
-}
-
-.qti-margin-b-3 {
-  margin-bottom: 1rem !important;
-}
-
-.qti-margin-b-4 {
-  margin-bottom: 1.5rem !important;
-}
-
-.qti-margin-b-5 {
-  margin-bottom: 3rem !important;
-}
-
-.qti-margin-b-auto {
-  margin-bottom: auto !important;
-}
-
-/*
-   For margin Start LTR
-   */
-
-.qti-margin-s-0 {
-  margin-left: 0 !important;
-}
-
-.qti-margin-s-1 {
-  margin-left: 0.25rem !important;
-}
-
-.qti-margin-s-2 {
-  margin-left: 0.5rem !important;
-}
-
-.qti-margin-s-3 {
-  margin-left: 1rem !important;
-}
-
-.qti-margin-s-4 {
-  margin-left: 1.5rem !important;
-}
-
-.qti-margin-s-5 {
-  margin-left: 3rem !important;
-}
-
-.qti-margin-s-auto {
-  margin-left: auto !important;
-}
-
-/* 
-  For margin End LTR
-   */
-
-.qti-margin-e-0 {
-  margin-right: 0 !important;
-}
-
-.qti-margin-e-1 {
-  margin-right: 0.25rem !important;
-}
-
-.qti-margin-e-2 {
-  margin-right: 0.5rem !important;
-}
-
-.qti-margin-e-3 {
-  margin-right: 1rem !important;
-}
-
-.qti-margin-e-4 {
-  margin-right: 1.5rem !important;
-}
-
-.qti-margin-e-5 {
-  margin-right: 3rem !important;
-}
-
-.qti-margin-e-auto {
-  margin-right: auto !important;
-}
-
-/* =========
-    Padding css
-    ========== */
-
-/*
-  For padding Top and Bottom and Left and Right
-   */
-
-.qti-padding-0 {
-  padding: 0 !important;
-}
-
-.qti-padding-1 {
-  padding: 0.25rem !important;
-}
-
-.qti-padding-2 {
-  padding: 0.5rem !important;
-}
-
-.qti-padding-3 {
-  padding: 1rem !important;
-}
-
-.qti-padding-4 {
-  padding: 1.5rem !important;
-}
-
-.qti-padding-5 {
-  padding: 3rem !important;
-}
-
-/*
-   For padding Left and Right
-   */
-
-.qti-padding-x-0 {
-  padding-right: 0 !important;
-  padding-left: 0 !important;
-}
-
-.qti-padding-x-1 {
-  padding-right: 0.25rem !important;
-  padding-left: 0.25rem !important;
-}
-
-.qti-padding-x-2 {
-  padding-right: 0.5rem !important;
-  padding-left: 0.5rem !important;
-}
-
-.qti-padding-x-3 {
-  padding-right: 1rem !important;
-  padding-left: 1rem !important;
-}
-
-.qti-padding-x-4 {
-  padding-right: 1.5rem !important;
-  padding-left: 1.5rem !important;
-}
-
-.qti-padding-x-5 {
-  padding-right: 3rem !important;
-  padding-left: 3rem !important;
-}
-
-/*
-    For padding Top and Bottom
-   */
-
-.qti-padding-y-0 {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-
-.qti-padding-y-1 {
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important;
-}
-
-.qti-padding-y-2 {
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
-}
-
-.qti-padding-y-3 {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important;
-}
-
-.qti-padding-y-4 {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important;
-}
-
-.qti-padding-y-5 {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important;
-}
-
-/*
-   For padding Top
-   */
-
-.qti-padding-t-0 {
-  padding-top: 0 !important;
-}
-
-.qti-padding-t-1 {
-  padding-top: 0.25rem !important;
-}
-
-.qti-padding-t-2 {
-  padding-top: 0.5rem !important;
-}
-
-.qti-padding-t-3 {
-  padding-top: 1rem !important;
-}
-
-.qti-padding-t-4 {
-  padding-top: 1.5rem !important;
-}
-
-.qti-padding-t-5 {
-  padding-top: 3rem !important;
-}
-
-/*
-   For padding Bottom
-   */
-
-.qti-padding-b-0 {
-  padding-bottom: 0 !important;
-}
-
-.qti-padding-b-1 {
-  padding-bottom: 0.25rem !important;
-}
-
-.qti-padding-b-2 {
-  padding-bottom: 0.5rem !important;
-}
-
-.qti-padding-b-3 {
-  padding-bottom: 1rem !important;
-}
-
-.qti-padding-b-4 {
-  padding-bottom: 1.5rem !important;
-}
-
-.qti-padding-b-5 {
-  padding-bottom: 3rem !important;
-}
-
-/*
-    For padding Start LTR
-   */
-
-.qti-padding-s-0 {
-  padding-left: 0 !important;
-}
-
-.qti-padding-s-1 {
-  padding-left: 0.25rem !important;
-}
-
-.qti-padding-s-2 {
-  padding-left: 0.5rem !important;
-}
-
-.qti-padding-s-3 {
-  padding-left: 1rem !important;
-}
-
-.qti-padding-s-4 {
-  padding-left: 1.5rem !important;
-}
-
-.qti-padding-s-5 {
-  padding-left: 3rem !important;
-}
-
-/*
-   For padding End LTR
-   */
-
-.qti-padding-e-0 {
-  padding-right: 0 !important;
-}
-
-.qti-padding-e-1 {
-  padding-right: 0.25rem !important;
-}
-
-.qti-padding-e-2 {
-  padding-right: 0.5rem !important;
-}
-
-.qti-padding-e-3 {
-  padding-right: 1rem !important;
-}
-
-.qti-padding-e-4 {
-  padding-right: 1.5rem !important;
-}
-
-.qti-padding-e-5 {
-  padding-right: 3rem !important;
-}
-
-/* ====================
-     Horizontal alignment
-     ==================== */
-
-.qti-align-left {
-  text-align: left;
-}
-
-.qti-align-center {
-  text-align: center;
-}
-
-.qti-align-right {
-  text-align: right;
-}
-
-/* ==================
-     Vertical alignment
-     ================== */
-
-.qti-valign-top {
-  vertical-align: top;
-}
-
-.qti-valign-middle {
-  vertical-align: middle;
-}
-
-.qti-valign-baseline {
-  vertical-align: baseline;
-}
-
-.qti-valign-bottom {
-  vertical-align: bottom;
-}
-
-/* =============
-     Height styles
-     ============= */
-
-.qti-height-0 {
-  height: 0;
-}
-
-.qti-height-px {
-  height: 1px;
-}
-
-.qti-height-0p5 {
-  height: 0.125rem;
-}
-
-.qti-height-1 {
-  height: 0.25rem;
-}
-
-.qti-height-1p5 {
-  height: 0.375rem;
-}
-
-.qti-height-2 {
-  height: 0.5rem;
-}
-
-.qti-height-2p5 {
-  height: 0.625rem;
-}
-
-.qti-height-3 {
-  height: 0.75rem;
-}
-
-.qti-height-3p5 {
-  height: 0.875rem;
-}
-
-.qti-height-4 {
-  height: 1rem;
-}
-
-.qti-height-5 {
-  height: 1.25rem;
-}
-
-.qti-height-6 {
-  height: 1.5rem;
-}
-
-.qti-height-7 {
-  height: 1.75rem;
-}
-
-.qti-height-8 {
-  height: 2rem;
-}
-
-.qti-height-9 {
-  height: 2.25rem;
-}
-
-.qti-height-10 {
-  height: 2.5rem;
-}
-
-.qti-height-11 {
-  height: 2.75rem;
-}
-
-.qti-height-12 {
-  height: 3rem;
-}
-
-.qti-height-14 {
-  height: 3.5rem;
-}
-
-.qti-height-16 {
-  height: 4rem;
-}
-
-.qti-height-20 {
-  height: 5rem;
-}
-
-.qti-height-24 {
-  height: 6rem;
-}
-
-.qti-height-28 {
-  height: 7rem;
-}
-
-.qti-height-32 {
-  height: 8rem;
-}
-
-.qti-height-36 {
-  height: 9rem;
-}
-
-.qti-height-40 {
-  height: 10rem;
-}
-
-.qti-height-44 {
-  height: 11rem;
-}
-
-.qti-height-48 {
-  height: 12rem;
-}
-
-.qti-height-52 {
-  height: 13rem;
-}
-
-.qti-height-56 {
-  height: 14rem;
-}
-
-.qti-height-60 {
-  height: 15rem;
-}
-
-.qti-height-64 {
-  height: 16rem;
-}
-
-.qti-height-72 {
-  height: 18rem;
-}
-
-.qti-height-80 {
-  height: 20rem;
-}
-
-.qti-height-96 {
-  height: 24rem;
-}
-
-.qti-height-1-2 {
-  height: 50%;
-}
-
-.qti-height-1-3 {
-  height: 33.3333%;
-}
-
-.qti-height-2-3 {
-  height: 66.6667%;
-}
-
-.qti-height-1-4 {
-  height: 25%;
-}
-
-.qti-height-2-4 {
-  height: 50%;
-}
-
-.qti-height-3-4 {
-  height: 75%;
-}
-
-.qti-height-1-5 {
-  height: 20%;
-}
-
-.qti-height-2-5 {
-  height: 40%;
-}
-
-.qti-height-3-5 {
-  height: 60%;
-}
-
-.qti-height-4-5 {
-  height: 80%;
-}
-
-.qti-height-1-6 {
-  height: 16.6667%;
-}
-
-.qti-height-2-6 {
-  height: 33.3333%;
-}
-
-.qti-height-3-6 {
-  height: 50%;
-}
-
-.qti-height-4-6 {
-  height: 66.6667%;
-}
-
-.qti-height-5-6 {
-  height: 83.3333%;
-}
-
-.qti-height-auto {
-  height: auto;
-}
-
-.qti-height-full {
-  height: 100%;
-}
-
-/* ============
-     Width styles
-     ============ */
-
-.qti-width-0 {
-  width: 0;
-}
-
-.qti-width-px {
-  width: 1px;
-}
-
-.qti-width-0p5 {
-  width: 0.125rem;
-}
-
-.qti-width-1 {
-  width: 0.25rem;
-}
-
-.qti-width-1p5 {
-  width: 0.375rem;
-}
-
-.qti-width-2 {
-  width: 0.5rem;
-}
-
-.qti-width-2p5 {
-  width: 0.625rem;
-}
-
-.qti-width-3 {
-  width: 0.75rem;
-}
-
-.qti-width-3p5 {
-  width: 0.875rem;
-}
-
-.qti-width-4 {
-  width: 1rem;
-}
-
-.qti-width-5 {
-  width: 1.25rem;
-}
-
-.qti-width-6 {
-  width: 1.5rem;
-}
-
-.qti-width-7 {
-  width: 1.75rem;
-}
-
-.qti-width-8 {
-  width: 2rem;
-}
-
-.qti-width-9 {
-  width: 2.25rem;
-}
-
-.qti-width-10 {
-  width: 2.5rem;
-}
-
-.qti-width-11 {
-  width: 2.75rem;
-}
-
-.qti-width-12 {
-  width: 3rem;
-}
-
-.qti-width-14 {
-  width: 3.5rem;
-}
-
-.qti-width-16 {
-  width: 4rem;
-}
-
-.qti-width-20 {
-  width: 5rem;
-}
-
-.qti-width-24 {
-  width: 6rem;
-}
-
-.qti-width-28 {
-  width: 7rem;
-}
-
-.qti-width-32 {
-  width: 8rem;
-}
-
-.qti-width-36 {
-  width: 9rem;
-}
-
-.qti-width-40 {
-  width: 10rem;
-}
-
-.qti-width-44 {
-  width: 11rem;
-}
-
-.qti-width-48 {
-  width: 12rem;
-}
-
-.qti-width-52 {
-  width: 13rem;
-}
-
-.qti-width-56 {
-  width: 14rem;
-}
-
-.qti-width-60 {
-  width: 15rem;
-}
-
-.qti-width-64 {
-  width: 16rem;
-}
-
-.qti-width-72 {
-  width: 18rem;
-}
-
-.qti-width-80 {
-  width: 20rem;
-}
-
-.qti-width-96 {
-  width: 24rem;
-}
-
-.qti-width-auto {
-  width: auto;
-}
-
-.qti-width-1-2 {
-  width: 50%;
-}
-
-.qti-width-1-3 {
-  width: 33.3333%;
-}
-
-.qti-width-2-3 {
-  width: 66.6667%;
-}
-
-.qti-width-1-4 {
-  width: 25%;
-}
-
-.qti-width-2-4 {
-  width: 50%;
-}
-
-.qti-width-3-4 {
-  width: 75%;
-}
-
-.qti-width-1-5 {
-  width: 20%;
-}
-
-.qti-width-2-5 {
-  width: 40%;
-}
-
-.qti-width-3-5 {
-  width: 60%;
-}
-
-.qti-width-4-5 {
-  width: 80%;
-}
-
-.qti-width-1-6 {
-  width: 16.6667%;
-}
-
-.qti-width-2-6 {
-  width: 33.3333%;
-}
-
-.qti-width-3-6 {
-  width: 50%;
-}
-
-.qti-width-4-6 {
-  width: 66.6667%;
-}
-
-.qti-width-5-6 {
-  width: 83.3333%;
-}
-
-.qti-width-1-12 {
-  width: 8.3333%;
-}
-
-.qti-width-2-12 {
-  width: 16.6667%;
-}
-
-.qti-width-3-12 {
-  width: 25%;
-}
-
-.qti-width-4-12 {
-  width: 33.3333%;
-}
-
-.qti-width-5-12 {
-  width: 41.6667%;
-}
-
-.qti-width-6-12 {
-  width: 50%;
-}
-
-.qti-width-7-12 {
-  width: 58.3333%;
-}
-
-.qti-width-8-12 {
-  width: 66.6667%;
-}
-
-.qti-width-9-12 {
-  width: 75%;
-}
-
-.qti-width-10-12 {
-  width: 83.3333%;
-}
-
-.qti-width-11-12 {
-  width: 91.6667%;
-}
-
-.qti-width-full,
-.qti-fullwidth {
-  width: 100%;
-}
-
-/* ==================
-     Text Indent styles
-     ================== */
-
-.qti-text-indent-0 {
-  text-indent: 0;
-}
-
-.qti-text-indent-px {
-  text-indent: 1px;
-}
-
-.qti-text-indent-0p5 {
-  text-indent: 0.125rem;
-}
-
-.qti-text-indent-1 {
-  text-indent: 0.25rem;
-}
-
-.qti-text-indent-1p5 {
-  text-indent: 0.375rem;
-}
-
-.qti-text-indent-2 {
-  text-indent: 0.5rem;
-}
-
-.qti-text-indent-2p5 {
-  text-indent: 0.625rem;
-}
-
-.qti-text-indent-3 {
-  text-indent: 0.75rem;
-}
-
-.qti-text-indent-3p5 {
-  text-indent: 0.875rem;
-}
-
-.qti-text-indent-4 {
-  text-indent: 1rem;
-}
-
-.qti-text-indent-5 {
-  text-indent: 1.25rem;
-}
-
-.qti-text-indent-6 {
-  text-indent: 1.5rem;
-}
-
-.qti-text-indent-7 {
-  text-indent: 1.75rem;
-}
-
-.qti-text-indent-8 {
-  text-indent: 2rem;
-}
-
-.qti-text-indent-12 {
-  text-indent: 3rem;
-}
-
-.qti-text-indent-16 {
-  text-indent: 4rem;
-}
-
-.qti-text-indent-20 {
-  text-indent: 5rem;
-}
-
-.qti-text-indent-24 {
-  text-indent: 6rem;
-}
-
-.qti-text-indent-28 {
-  text-indent: 7rem;
-}
-
-.qti-text-indent-32 {
-  text-indent: 8rem;
-}
-
-/* =================
-     List Style styles
-     ================= */
-
-.qti-list-style-type-none {
-  list-style-type: none;
-}
-
-.qti-list-style-type-disc {
-  list-style-type: disc;
-}
-
-.qti-list-style-type-circle {
-  list-style-type: circle;
-}
-
-.qti-list-style-type-square {
-  list-style-type: square;
-}
-
-.qti-list-style-type-decimal {
-  list-style-type: decimal;
-}
-
-.qti-list-style-type-decimal-leading-zero {
-  list-style-type: decimal-leading-zero;
-}
-
-.qti-list-style-type-lower-alpha {
-  list-style-type: lower-alpha;
-}
-
-.qti-list-style-type-upper-alpha {
-  list-style-type: upper-alpha;
-}
-
-.qti-list-style-type-lower-roman {
-  list-style-type: lower-roman;
-}
-
-.qti-list-style-type-upper-roman {
-  list-style-type: upper-roman;
-}
-
-.qti-list-style-type-lower-latin {
-  list-style-type: lower-latin;
-}
-
-.qti-list-style-type-upper-latin {
-  list-style-type: upper-latin;
-}
-
-.qti-list-style-type-lower-greek {
-  list-style-type: lower-greek;
-}
-
-.qti-list-style-type-arabic-indic {
-  list-style-type: arabic-indic;
-}
-
-.qti-list-style-type-armenian {
-  list-style-type: armenian;
-}
-
-.qti-list-style-type-lower-armenian {
-  list-style-type: lower-armenian;
-}
-
-.qti-list-style-type-upper-armenian {
-  list-style-type: upper-armenian;
-}
-
-.qti-list-style-type-bengali {
-  list-style-type: bengali;
-}
-
-.qti-list-style-type-cambodian {
-  list-style-type: cambodian;
-}
-
-.qti-list-style-type-simp-chinese-formal {
-  list-style-type: simp-chinese-formal;
-}
-
-.qti-list-style-type-simp-chinese-informal {
-  list-style-type: simp-chinese-informal;
-}
-
-.qti-list-style-type-trad-chinese-formal {
-  list-style-type: trad-chinese-formal;
-}
-
-.qti-list-style-type-trad-chinese-informal {
-  list-style-type: trad-chinese-informal;
-}
-
-.qti-list-style-type-cjk-ideographic {
-  list-style-type: cjk-ideographic;
-}
-
-.qti-list-style-type-cjk-heavenly-stem {
-  list-style-type: cjk-heavenly-stem;
-}
-
-.qti-list-style-type-cjk-earthly-branch {
-  list-style-type: cjk-earthly-branch;
-}
-
-.qti-list-style-type-devanagari {
-  list-style-type: devanagari;
-}
-
-.qti-list-style-type-ethiopic-halehame-ti-er {
-  list-style-type: ethiopic-halehame-ti-er;
-}
-
-.qti-list-style-type-ethiopic-halehame-ti-et {
-  list-style-type: ethiopic-halehame-ti-et;
-}
-
-.qti-list-style-type-ethiopic-halehame-am {
-  list-style-type: ethiopic-halehame-am;
-}
-
-.qti-list-style-type-ethiopic-halehame {
-  list-style-type: ethiopic-halehame;
-}
-
-.qti-list-style-type-georgian {
-  list-style-type: georgian;
-}
-
-.qti-list-style-type-gujarati {
-  list-style-type: gujarati;
-}
-
-.qti-list-style-type-gurmukhi {
-  list-style-type: gurmukhi;
-}
-
-.qti-list-style-type-hangul {
-  list-style-type: hangul;
-}
-
-.qti-list-style-type-hangul-consonant {
-  list-style-type: hangul-consonant;
-}
-
-.qti-list-style-type-hebrew {
-  list-style-type: hebrew;
-}
-
-.qti-list-style-type-hiragana {
-  list-style-type: hiragana;
-}
-
-.qti-list-style-type-hiragana-iroha {
-  list-style-type: hiragana-iroha;
-}
-
-.qti-list-style-type-khmer {
-  list-style-type: khmer;
-}
-
-.qti-list-style-type-korean-hangul-formal {
-  list-style-type: korean-hangul-formal;
-}
-
-.qti-list-style-type-korean-hanja-formal {
-  list-style-type: korean-hanja-formal;
-}
-
-.qti-list-style-type-korean-hanja-informal {
-  list-style-type: korean-hanja-informal;
-}
-
-.qti-list-style-type-lao {
-  list-style-type: lao;
-}
-
-.qti-list-style-type-malayalam {
-  list-style-type: malayalam;
-}
-
-.qti-list-style-type-mongolian {
-  list-style-type: mongolian;
-}
-
-.qti-list-style-type-myanmar {
-  list-style-type: myanmar;
-}
-
-.qti-list-style-type-oriya {
-  list-style-type: oriya;
-}
-
-.qti-list-style-type-persian {
-  list-style-type: persian;
-}
-
-.qti-list-style-type-thai {
-  list-style-type: thai;
-}
-
-.qti-list-style-type-tibetan {
-  list-style-type: tibetan;
-}
-
-.qti-list-style-type-telugu {
-  list-style-type: telugu;
-}
-
-.qti-list-style-type-urdu {
-  list-style-type: urdu;
-}
-
-/* =========================
-     Other QTI 3 Presentation Utilities
-     ========================= */
-
-.qti-bordered {
-  border: 1px solid var(--table-border-color);
-}
-
-.qti-underline {
-  text-decoration: underline;
-  text-decoration-color: var(--foreground);
-}
-
-.qti-italic {
-  font-style: italic;
-}
-
-.qti-well {
-  min-height: 20px;
-  padding: 19px;
-  margin-bottom: 20px;
-  background-color: var(--well-bg);
-  border: var(--well-border);
-  border-radius: 4px;
-  box-shadow: var(--well-box-shadow);
-}
-
-/* Set writing-mode to vertical-rl 
-     Typical for CJK vertical text */
-
-.qti-writing-mode-vertical-rl {
-  writing-mode: vertical-rl;
-}
-
-/* Set writing-mode to vertical-lr
-     Typical for Mongolian vertical text  */
-
-.qti-writing-mode-vertical-lr {
-  writing-mode: vertical-lr;
-}
-
-/* Set writing-mode to horizontal-tb 
-     Browser default */
-
-.qti-writing-mode-horizontal-tb {
-  writing-mode: horizontal-tb;
-}
-
-/* Float an element left */
-
-.qti-float-left {
-  float: left;
-}
-
-/* Float an element right */
-
-.qti-float-right {
-  float: right;
-}
-
-/* Remove a float */
-
-.qti-float-none {
-  float: none;
-}
-
-/* Clearfix Hack to apply to a container of 
-   floated content that overflows the container. */
-
-.qti-float-clearfix::after {
-  content: '';
-  clear: both;
-  display: table;
-}
-
-.qti-float-clear-left
-  .qti-float-clear-right
-  .qti-float-clear-both
-  
-  /* Set text-orientation to upright */
-  .qti-text-orientation-upright {
-  text-orientation: upright;
-}
-
-/* stylelint-disable number-max-precision */
-
-@layer qti-base {
-  .qti-layout-row {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    gap: 2.1276595745%;
-  }
-
-  .qti-layout-row [class*='qti-layout-col']:not(:empty) {
-    box-sizing: border-box;
-  }
-
-  .qti-layout-row [class*='qti-layout-col']:empty {
-    width: 0;
-    overflow: hidden; /* to fully collapse if there\u2019s padding or borders */
-  }
-
-  .qti-layout-col1 {
-    width: 6.3829787234%;
-  }
-
-  .qti-layout-col2 {
-    width: 14.8936170213%;
-  }
-
-  .qti-layout-col3 {
-    width: 23.4042553191%;
-  }
-
-  .qti-layout-col4 {
-    width: 31.914893617%;
-  }
-
-  .qti-layout-col5 {
-    width: 40.4255319149%;
-  }
-
-  .qti-layout-col6 {
-    width: 48.9361702128%;
-  }
-
-  .qti-layout-col7 {
-    width: 57.4468085106%;
-  }
-
-  .qti-layout-col8 {
-    width: 65.9574468085%;
-  }
-
-  .qti-layout-col9 {
-    width: 74.4680851064%;
-  }
-
-  .qti-layout-col10 {
-    width: 82.9787234043%;
-  }
-
-  .qti-layout-col11 {
-    width: 91.4893617021%;
-  }
-
-  .qti-layout-col12 {
-    width: 100%;
-  }
-
-  .qti-layout-offset1 {
-    margin-left: 8.5106382979%;
-  }
-
-  .qti-layout-offset2 {
-    margin-left: 17.0212765957%;
-  }
-
-  .qti-layout-offset3 {
-    margin-left: 25.5319148936%;
-  }
-
-  .qti-layout-offset4 {
-    margin-left: 34.0425531915%;
-  }
-
-  .qti-layout-offset5 {
-    margin-left: 42.5531914894%;
-  }
-
-  .qti-layout-offset6 {
-    margin-left: 51.0638297872%;
-  }
-
-  .qti-layout-offset7 {
-    margin-left: 59.5744680851%;
-  }
-
-  .qti-layout-offset8 {
-    margin-left: 68.085106383%;
-  }
-
-  .qti-layout-offset9 {
-    margin-left: 76.5957446809%;
-  }
-
-  .qti-layout-offset10 {
-    margin-left: 85.1063829787%;
-  }
-
-  .qti-layout-offset11 {
-    margin-left: 93.6170212766%;
-  }
-
-  .qti-layout-offset12 {
-    margin-left: 102.1276595745%;
-  }
-
-  @media (width <= 767px) {
-    [class*='qti-layout-col'] {
-      width: 100%;
-    }
-  }
-}
-
-[view],
-qti-outcome-declaration,
-qti-response-declaration {
-  display: none;
-}
-
-[view].show {
-  display: block;
-}
-
-:host {
-  box-sizing: border-box;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
-
-/* components */
-
-@layer qti-components {
-  qti-choice-interaction {
-    &.qti-input-control-hidden {
-      & qti-simple-choice {
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &::part(ch) {
-          display: none;
-        }
-
-        &:state(--checked),
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &:state(readonly),
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &:state(disabled),
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        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
-      }
-    }
-
-    &:not(.qti-input-control-hidden) {
-      & qti-simple-choice {
-
-        &:not([aria-disabled='true'], [aria-readonly='true'], :state(--checked)):hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &:state(--checked),
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &:state(readonly),
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &:state(disabled),
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        &::part(cha) {
-          width: calc(var(--qti-form-size) - 6px);
-          height: calc(var(--qti-form-size) - 6px);
-        }
-
-        &:state(radio)::part(ch) {
-          border-radius: 100%;
-          display: grid;
-          place-content: center;
-          width: var(--qti-form-size);
-          height: var(--qti-form-size);
-          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-          outline: none;
-        }
-
-        &:state(radio):state(--checked)::part(cha) {
-          background-color: var(--qti-border-active);
-          border-radius: 100%;
-        }
-
-        &:state(checkbox)::part(ch) {
-          display: flex;
-          place-items: center;
-          border-radius: var(--qti-border-radius);
-          display: grid;
-          place-content: center;
-          width: var(--qti-form-size);
-          height: var(--qti-form-size);
-          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-          outline: none;
-        }
-
-        &:state(checkbox):state(--checked)::part(cha) {
-          background-color: var(--qti-border-active);
-          -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");
-                  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");
-        }
-
-        gap: 0.5rem;
-
-        border-radius: var(--qti-border-radius);
-
-        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-        outline: none;
-
-        cursor: pointer
-      }
-    }
-
-    & qti-simple-choice {
-      width: -moz-fit-content;
-      width: fit-content;
-      cursor: pointer;
-
-      &:state(correct-response),
-      &[data-correct-response='true'] {
-        &::after {
-          content: '\\02714';
-          color: #16a34a; /* text-green-600 */
-        }
-      }
-    }
-
-    & qti-simple-choice > p {
-      margin: 0 !important;
-      padding: 0 !important;
-    }
-  }
-
-  .hover-border {
-    border: 2px solid #000; /* Adjust the border style and color as needed */
-  }
-
-  qti-graphic-gap-match-interaction {
-    position: relative;
-
-    &.qti-selections-light {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-        border-color: var(--qti-light-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-      }
-    }
-
-    &.qti-selections-dark {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-        border-color: var(--qti-dark-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-      }
-    }
-
-    /* General styles for active and enabled states */
-    &:state(--dragzone-active)::part(drags) {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    &:state(--dragzone-enabled)::part(drags) {
-      background-color: var(--qti-bg-active);
-    }
-
-    & qti-gap-img,
-    qti-gap-text {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      cursor: grab;
-    }
-
-    & qti-associable-hotspot {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border: 2px solid transparent;
-
-      &[enabled] {
-
-        /* Light theme override */
-        .qti-selections-light {
-          background-color: var(--qti-light-bg-active);
-        }
-
-        /* Dark theme override */
-        .qti-selections-dark {
-          background-color: var(--qti-dark-bg-active);
-        }
-        background-color: var(--qti-bg-active)
-      }
-
-      &[active] {
-
-        /* Light theme override */
-        .qti-selections-light {
-          background-color: var(--qti-light-bg-active);
-          border-color: var(--qti-light-border-active);
-        }
-
-        /* Dark theme override */
-        .qti-selections-dark {
-          background-color: var(--qti-dark-bg-active);
-          border-color: var(--qti-dark-border-active);
-        }
-        border-color: var(--qti-border-active);
-        background-color: var(--qti-bg-active)
-      }
-
-      &[disabled] {
-
-        &:not(:empty) {
-          cursor: default !important;
-        }
-
-        cursor: not-allowed;
-
-        background-color: var(--qti-disabled-bg);
-
-        color: var(--qti-disabled-color);
-
-        border-color: var(--qti-border-color);
-
-        outline: 4px solid var(--qti-disabled-bg)
-      }
-
-      &:empty::after {
-        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */
-        content: '\\0000a0'; /* when empty, put a space in it */
-      }
-
-      &:not(:empty) {
-        padding: 0;
-        width: auto;
-      }
-
-      &:not(:empty) > * {
-        flex: 1;
-        transform: rotate(0); /* rotate-0 */
-        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */
-      }
-    }
-
-    & img {
-      margin: 0;
-      padding: 0;
-    }
-  }
-
-  qti-text-entry-interaction {
-    &::part(input) {
-      border-radius: 0;
-      cursor: text;
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-      background: unset;
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-      outline: none;
-    }
-
-    &:hover {
-      background-color: var(--qti-hover-bg);
-    }
-
-    &:focus-within {
-      &::part(input) {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        border-color: var(--qti-border-active);
-      }
-    }
-  }
-
-  qti-extended-text-interaction {
-    &::part(textarea) {
-      border-radius: 0;
-      cursor: text;
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-      background: unset;
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-      outline: none;
-    }
-
-    &:hover {
-      background-color: var(--qti-hover-bg);
-    }
-
-    &:focus-within {
-      &::part(textarea) {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        border-color: var(--qti-border-active);
-      }
-    }
-  }
-
-  qti-gap-match-interaction {
-    &.qti-selections-light {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-        border-color: var(--qti-light-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-      }
-    }
-
-    &.qti-selections-dark {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-        border-color: var(--qti-dark-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-      }
-    }
-
-    /* General styles for active and enabled states */
-    &:state(--dragzone-active)::part(drags) {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    &:state(--dragzone-enabled)::part(drags) {
-      background-color: var(--qti-bg-active);
-    }
-
-    & qti-gap-text {
-
-      &[dragging] {
-        pointer-events: none;
-        rotate: -2deg;
-        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
-    0 4px 8px rgb(0 0 0 / 10%);
-      }
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      transition: transform 200ms ease-out,
-    box-shadow 200ms ease-out,
-    rotate 200ms ease-out;
-
-      cursor: grab;
-
-      background-color: var(--qti-bg);
-
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-      border-radius: var(--qti-border-radius);
-
-      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: none;
-
-      background-image: radial-gradient(
-    circle at center,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  );
-
-      background-repeat: repeat-y;
-
-      background-position: left center;
-
-      background-size: 14px 8px
-    }
-
-    & qti-gap {
-
-      &[disabled] {
-
-        &:not(:empty) {
-          cursor: default !important;
-        }
-
-        cursor: not-allowed;
-
-        background-color: var(--qti-disabled-bg);
-
-        color: var(--qti-disabled-color);
-
-        border-color: var(--qti-border-color);
-
-        outline: 4px solid var(--qti-disabled-bg)
-      }
-
-      &[enabled] {
-
-        /* Light theme override */
-        .qti-selections-light {
-          border-color: var(--qti-light-border-active);
-        }
-
-        /* Dark theme override */
-        .qti-selections-dark {
-          border-color: var(--qti-dark-border-active);
-        }
-        background-color: var(--qti-bg-active)
-      }
-
-      &[active] {
-
-        /* Light theme override */
-        .qti-selections-light {
-          background-color: var(--qti-light-bg-active);
-          border-color: var(--qti-light-border-active);
-        }
-
-        /* Dark theme override */
-        .qti-selections-dark {
-          background-color: var(--qti-dark-bg-active);
-          border-color: var(--qti-dark-border-active);
-        }
-        border-color: var(--qti-border-active);
-        background-color: var(--qti-bg-active)
-      }
-
-      display: inline-flex;
-      align-items: center;
-
-      &:empty::after {
-        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */
-        content: '\\0000a0'; /* when empty, put a space in it */
-      }
-
-      &:not(:empty) {
-        display: inline-flex;
-        padding: 0;
-        width: auto;
-      }
-
-      &:not(:empty) > * {
-        flex: 1;
-        transform: rotate(0); /* rotate-0 */
-        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */
-      }
-
-      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="7" stroke="%23CCCCCC" stroke-width="1" fill="transparent" /></svg>')
-    center no-repeat;
-
-      border-radius: var(--qti-border-radius);
-
-      position: relative;
-
-      background-color: var(--qti-bg);
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: none
-    }
-  }
-
-  qti-hotspot-interaction {
-    & qti-hotspot-choice {
-      &[shape='circle'] {
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &:state(--checked),
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-        }
-
-        &:state(--readonly),
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &:state(--disabled),
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        width: 100%;
-
-        height: 100%;
-
-        background-color: transparent;
-
-        padding: 0;
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none
-      }
-
-      &[shape='rect'] {
-
-        /* &:hover {
-          @apply hov;
-        } */
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &:state(--checked),
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        width: 100%;
-
-        height: 100%;
-
-        background-color: transparent;
-
-        padding: 0;
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none
-      }
-
-      &[shape='poly'] {
-        &:hover::after {
-          content: '';
-          width: 100%;
-          height: 100%;
-          background: repeating-linear-gradient(
-            45deg,
-            var(--qti-border-active),
-            var(--qti-border-active) 5px,
-            transparent 5px,
-            transparent 10px
-          );
-          display: block;
-        }
-
-        &:state(--checked)::after,
-        &[aria-checked='true']::after {
-          content: '';
-          width: 100%;
-          height: 100%;
-          background: repeating-linear-gradient(
-            45deg,
-            transparent,
-            transparent 5px,
-            var(--qti-border-active) 5px,
-            var(--qti-border-active) 10px
-          );
-          display: block;
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-      }
-    }
-  }
-
-  qti-hottext-interaction {
-    /* &:not(.qti-input-control-hidden),
-    &:not(.qti-unselected-hidden) { */
-    qti-hottext {
-      display: inline-flex;
-      align-items: center;
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      &::part(cha) {
-        width: calc(var(--qti-form-size) - 6px);
-        height: calc(var(--qti-form-size) - 6px);
-      }
-
-      &:state(radio)::part(ch) {
-        border-radius: 100%;
-        display: grid;
-        place-content: center;
-        width: var(--qti-form-size);
-        height: var(--qti-form-size);
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-        outline: none;
-      }
-
-      &:state(radio):state(--checked)::part(cha) {
-        background-color: var(--qti-border-active);
-        border-radius: 100%;
-      }
-
-      &:state(checkbox)::part(ch) {
-        display: flex;
-        place-items: center;
-        border-radius: var(--qti-border-radius);
-        display: grid;
-        place-content: center;
-        width: var(--qti-form-size);
-        height: var(--qti-form-size);
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-        outline: none;
-      }
-
-      &:state(checkbox):state(--checked)::part(cha) {
-        background-color: var(--qti-border-active);
-        -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");
-                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");
-      }
-
-      gap: 0.5rem;
-
-      border-radius: var(--qti-border-radius);
-
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-      outline: none;
-
-      cursor: pointer
-    }
-
-    /* } */
-
-    &.qti-input-control-hidden {
-      qti-hottext {
-        /* --qti-padding-md: 0.1rem;
-        --qti-padding-lg: 0.2rem;
-        --qti-border-radius-md: 0.3rem;
-        --qti-border-thickness: 1px;
-        --qti-font-weight-semibold: 400; */
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        /* @layer qti-variants { */
-        &::part(ch) {
-          display: none;
-        }
-
-        &:state(--checked) {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        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
-      }
-
-      /* } */
-    }
-
-    &.qti-unselected-hidden {
-      qti-hottext {
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        cursor: pointer;
-
-        &::part(ch) {
-          display: none;
-        }
-
-        &:state(--checked) {
-          background-color: var(--qti-bg-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-      }
-    }
-  }
-
-  qti-inline-choice-interaction {
-    &::part(select) {
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      border-radius: var(--qti-border-radius);
-
-      position: relative;
-
-      -webkit-appearance: none;
-
-         -moz-appearance: none;
-
-              appearance: none;
-
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-      padding-right: calc(var(--qti-padding-horizontal) + 1.5rem);
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: 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
-    }
-  }
-
-  qti-match-interaction:not(.qti-match-tabular) {
-    &:state(--dragzone-enabled) qti-simple-match-set:first-of-type {
-      background-color: var(--qti-bg-active);
-    }
-
-    &:state(--dragzone-active) qti-simple-match-set:first-of-type {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    /* The draggables */
-    & qti-simple-match-set:first-of-type {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start; /* Prevents children from stretching */
-      gap: var(--qti-gap-size);
-      border: 2px solid transparent;
-
-      & qti-simple-associable-choice {
-
-        &[dragging] {
-          pointer-events: none;
-          rotate: -2deg;
-          box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
-    0 4px 8px rgb(0 0 0 / 10%);
-        }
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        transition: transform 200ms ease-out,
-    box-shadow 200ms ease-out,
-    rotate 200ms ease-out;
-
-        cursor: grab;
-
-        background-color: var(--qti-bg);
-
-        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-        border-radius: var(--qti-border-radius);
-
-        padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none;
-
-        background-image: radial-gradient(
-    circle at center,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  );
-
-        background-repeat: repeat-y;
-
-        background-position: left center;
-
-        background-size: 14px 8px
-      }
-    }
-
-    /* The droppables */
-    & qti-simple-match-set:last-of-type {
-      display: grid;
-      grid-auto-columns: 1fr; /* auto-cols-fr */
-      grid-auto-flow: column; /* grid-flow-col */
-      gap: var(--qti-gap-size); /* gap-2 */
-      width: 100%; /* w-full */
-
-      & qti-simple-associable-choice {
-        display: flex;
-        flex-direction: column;
-      }
-
-      & > qti-simple-associable-choice {
-        /* a droppable qti-simple-associable-choice */
-        box-sizing: border-box;
-        display: grid;
-        grid-row: 2 / 4;
-        grid-template-rows: subgrid;
-
-        & img {
-          max-width: 100%;
-          height: auto;
-        }
-
-        &[enabled] {
-          &::part(dropslot) {
-            background-color: var(--qti-bg-active);
-          }
-        }
-
-        &[disabled] {
-          &::part(dropslot) {
-            cursor: not-allowed;
-            background-color: var(--qti-disabled-bg);
-            color: var(--qti-disabled-color);
-            border-color: var(--qti-border-color);
-            outline: 4px solid var(--qti-disabled-bg);
-          }
-        }
-
-        &[active] {
-          &::part(dropslot) {
-            border-color: var(--qti-border-active);
-            background-color: var(--qti-bg-active);
-          }
-        }
-
-        &::part(dropslot) {
-
-          &[dragging] {
-            pointer-events: none;
-            rotate: -2deg;
-            box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
-    0 4px 8px rgb(0 0 0 / 10%);
-          }
-
-          &:focus {
-            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-          }
-
-          min-height: 6rem;
-          gap: var(--qti-gap-size);
-          box-sizing: border-box;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="7" stroke="%23CCCCCC" stroke-width="1" fill="transparent" /></svg>')
-    center no-repeat;
-          border-radius: var(--qti-border-radius);
-          position: relative;
-          background-color: var(--qti-bg);
-          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-          outline: none;
-        }
-
-        & > *:not(qti-simple-associable-choice) {
-          pointer-events: none;
-        }
-
-        & > qti-simple-associable-choice {
-
-          &::part(dropslot) {
-            display: none;
-          }
-
-          &:hover {
-            background-color: var(--qti-hover-bg);
-          }
-
-          &:focus {
-            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-          }
-
-          flex-basis: fit-content;
-
-          transition: transform 200ms ease-out,
-    box-shadow 200ms ease-out,
-    rotate 200ms ease-out;
-
-          cursor: grab;
-
-          background-color: var(--qti-bg);
-
-          padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-          border-radius: var(--qti-border-radius);
-
-          padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);
-
-          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-          outline: none;
-
-          background-image: radial-gradient(
-    circle at center,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  );
-
-          background-repeat: repeat-y;
-
-          background-position: left center;
-
-          background-size: 14px 8px;
-        }
-      }
-    }
-  }
-
-  qti-order-interaction:state(--dragzone-active)::part(drags) {
-    border-color: var(--qti-border-active);
-    background-color: var(--qti-bg-active);
-  }
-
-  qti-order-interaction:state(--dragzone-enabled)::part(drags) {
-    background-color: var(--qti-bg-active);
-  }
-
-  qti-order-interaction {
-    &::part(qti-simple-choice),
-    & qti-simple-choice {
-
-      &[dragging] {
-        pointer-events: none;
-        rotate: -2deg;
-        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
-    0 4px 8px rgb(0 0 0 / 10%);
-      }
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      transition: transform 200ms ease-out,
-    box-shadow 200ms ease-out,
-    rotate 200ms ease-out;
-
-      cursor: grab;
-
-      background-color: var(--qti-bg);
-
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-      border-radius: var(--qti-border-radius);
-
-      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: none;
-
-      background-image: radial-gradient(
-    circle at center,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  );
-
-      background-repeat: repeat-y;
-
-      background-position: left center;
-
-      background-size: 14px 8px
-    }
-
-    &::part(qti-simple-choice) {
-      display: flex;
-      overflow: hidden;
-      align-items: center;
-      width: 100%;
-      text-overflow: ellipsis;
-    }
-
-    &::part(drops) {
-      gap: 0.5rem; /* gap-2 */
-    }
-
-    &::part(drags) {
-      gap: 0.5rem; /* gap-2 */
-    }
-
-    &::part(drop-list) {
-
-      &[enabled] {
-
-        /* Light theme override */
-        .qti-selections-light {
-          border-color: var(--qti-light-border-active);
-        }
-
-        /* Dark theme override */
-        .qti-selections-dark {
-          border-color: var(--qti-dark-border-active);
-        }
-        background-color: var(--qti-bg-active)
-      }
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      display: flex;
-      min-height: 4rem;
-      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="7" stroke="%23CCCCCC" stroke-width="1" fill="transparent" /></svg>')
-    center no-repeat;
-      border-radius: var(--qti-border-radius);
-      position: relative;
-      background-color: var(--qti-bg);
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-      outline: none;
-    }
-
-    &::part(active) {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    & drop-list {
-      &[shape='circle'] {
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        width: 100%;
-
-        height: 100%;
-
-        background-color: transparent;
-
-        padding: 0;
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none
-      }
-
-      &[shape='square'] {
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        width: 100%;
-
-        height: 100%;
-
-        background-color: transparent;
-
-        padding: 0;
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none
-      }
-    }
-  }
-
-  qti-associate-interaction {
-    /* General styles for active and enabled states */
-    &:state(--dragzone-active) slot[name='qti-simple-associable-choice'] {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    &:state(--dragzone-enabled) slot[name='qti-simple-associable-choice'] {
-      background-color: var(--qti-bg-active);
-    }
-
-    & qti-simple-associable-choice, /* drags when in lightdom */
-    &::part(qti-simple-associable-choice) /* drags when in shadowdom */ {
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      &[dragging] {
-        pointer-events: none;
-        rotate: -2deg;
-        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
-    0 4px 8px rgb(0 0 0 / 10%);
-      }
-
-      transition: transform 200ms ease-out,
-    box-shadow 200ms ease-out,
-    rotate 200ms ease-out;
-
-      cursor: grab;
-
-      background-color: var(--qti-bg);
-
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-
-      border-radius: var(--qti-border-radius);
-
-      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: none;
-
-      background-image: radial-gradient(
-    circle at center,
-    rgb(0 0 0 / 10%) 0,
-    rgb(0 0 0 / 20%) 2px,
-    rgb(255 255 255 / 0%) 2px,
-    rgb(255 255 255 / 0%) 100%
-  );
-
-      background-repeat: repeat-y;
-
-      background-position: left center;
-
-      background-size: 14px 8px
-    }
-
-    /* display: flex;
-    overflow: hidden;
-    align-items: center; */
-
-    /* &::part(drop-container) {
-      display: flex;
-      flex-direction: column;
-      gap: var(--qti-gap-size);
-    } */
-
-    &::part(drop-list) {
-
-      display: grid;
-      height: 3rem;
-      min-width: 10rem;
-      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="7" stroke="%23CCCCCC" stroke-width="1" fill="transparent" /></svg>')
-    center no-repeat;
-      border-radius: var(--qti-border-radius);
-      position: relative;
-      background-color: var(--qti-bg);
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-      outline: none;
-    }
-
-    &::part(drop-list):focus {
-      box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-    }
-
-    &::part(drop-list)[dragging] {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    /* &::part(drop-list) {
-      @apply act;
-    } */
-  }
-
-  qti-graphic-order-interaction {
-    & qti-hotspot-choice {
-
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      &:state(--checked),
-      &[aria-checked='true'] {
-        border-color: var(--qti-border-active);
-        background-color: var(--qti-bg-active);
-      }
-
-      &[aria-readonly='true'] {
-        cursor: pointer;
-        background-color: var(--qti-bg);
-        outline: 0;
-        border: none;
-      }
-
-      &[aria-disabled='true'] {
-        cursor: not-allowed;
-        background-color: var(--qti-disabled-bg);
-        color: var(--qti-disabled-color);
-        border-color: var(--qti-border-color);
-        outline: 4px solid var(--qti-disabled-bg);
-      }
-
-      &[aria-ordervalue] {
-        display: grid;
-        place-content: center;
-      }
-
-      &[aria-ordervalue]::after {
-        content: attr(aria-ordervalue) !important;
-      }
-
-      width: 100%;
-
-      height: 100%;
-
-      background-color: transparent;
-
-      padding: 0;
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: none
-    }
-
-    &.qti-selections-light {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-        border-color: var(--qti-light-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-      }
-    }
-
-    &.qti-selections-dark {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-        border-color: var(--qti-dark-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-      }
-    }
-
-    /* General styles for active and enabled states */
-    &:state(--dragzone-active)::part(drags) {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    &:state(--dragzone-enabled)::part(drags) {
-      background-color: var(--qti-bg-active);
-    }
-  }
-
-  qti-graphic-associate-interaction {
-    position: relative;
-    display: block;
-
-    & qti-associable-hotspot {
-      &[shape='circle'] {
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        width: 100%;
-
-        height: 100%;
-
-        background-color: transparent;
-
-        padding: 0;
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none
-      }
-
-      &[shape='square'] {
-
-        &:hover {
-          background-color: var(--qti-hover-bg);
-        }
-
-        &:focus {
-          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-        }
-
-        &[aria-checked='true'] {
-          border-color: var(--qti-border-active);
-          background-color: var(--qti-bg-active);
-        }
-
-        &[aria-readonly='true'] {
-          cursor: pointer;
-          background-color: var(--qti-bg);
-          outline: 0;
-          border: none;
-        }
-
-        &[aria-disabled='true'] {
-          cursor: not-allowed;
-          background-color: var(--qti-disabled-bg);
-          color: var(--qti-disabled-color);
-          border-color: var(--qti-border-color);
-          outline: 4px solid var(--qti-disabled-bg);
-        }
-
-        width: 100%;
-
-        height: 100%;
-
-        background-color: transparent;
-
-        padding: 0;
-
-        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-        outline: none
-      }
-    }
-
-    &.qti-selections-light {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-        border-color: var(--qti-light-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-light-bg-active);
-      }
-    }
-
-    &.qti-selections-dark {
-      &:state(--dragzone-active)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-        border-color: var(--qti-dark-border-active);
-      }
-
-      &:state(--dragzone-enabled)::part(drags) {
-        background-color: var(--qti-dark-bg-active);
-      }
-    }
-
-    /* General styles for active and enabled states */
-    &:state(--dragzone-active)::part(drags) {
-      border-color: var(--qti-border-active);
-      background-color: var(--qti-bg-active);
-    }
-
-    &:state(--dragzone-enabled)::part(drags) {
-      background-color: var(--qti-bg-active);
-    }
-  }
-
-  qti-slider-interaction {
-    --qti-tick-color: rgb(229 231 235 / 100%);
-    --qti-tick-width: 1px;
-  }
-
-  qti-select-point-interaction {
-    &::part(point) {
-      &:hover {
-        background-color: var(--qti-hover-bg);
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
-      }
-
-      border-radius: 100%;
-
-      width: var(--qti-point-size);
-
-      height: var(--qti-point-size);
-
-      background-color: transparent;
-
-      padding: 0;
-
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-
-      outline: none;
-    }
-  }
-
-  qti-position-object-stage {
-    & qti-position-object-interaction {
-      /* no styles necessary, only layout styles, defined in the component */
-    }
-  }
-
-  qti-prompt {
-    margin: 0.5rem 0; /* my-2 */
-    display: block;
-    width: 100%;
-  }
-}
-`;var O=class extends io{constructor(){super(...arguments);this.testURL=null;this.testDoc=null;this.testXML=null;this.templateContent=null}async handleTestURLChange(){if(this.testURL)try{let e=await se().load(this.testURL);this.testDoc=e.htmlDoc()}catch(e){console.error("Error loading or parsing XML:",e)}}handleTestXMLChange(){if(this.testXML)try{this.testDoc=se().parse(this.testXML).htmlDoc()}catch(e){console.error("Error parsing XML:",e)}}async connectedCallback(){super.connectedCallback(),this.initializeTemplateContent(),this.applyStyles(),this.testURL&&this.handleTestURLChange(),this.testXML&&this.handleTestXMLChange()}initializeTemplateContent(){let e=this.querySelector("template");this.templateContent=e?e.content:At``}applyStyles(){let e=new CSSStyleSheet;e.replaceSync(ot),this.shadowRoot.adoptedStyleSheets=[e]}render(){return At`
-      ${this.templateContent}
-      <slot></slot>
-      ${ao(this.testDoc,At`<span>Loading...</span>`)}
-    `}};o([so({type:String,attribute:"test-url"})],O.prototype,"testURL",2),o([Rr()],O.prototype,"testDoc",2),o([Rr()],O.prototype,"testXML",2),o([v("testURL",{waitUntilFirstUpdate:!0})],O.prototype,"handleTestURLChange",1),o([v("testXML",{waitUntilFirstUpdate:!0})],O.prototype,"handleTestXMLChange",1),O=o([oo("test-container")],O);import{html as no}from"lit";import{customElement as lo,property as Dr}from"lit/decorators.js";import{prepareTemplate as co}from"stampino";var me=class extends q{constructor(){super();this.maxDisplayedItems=2;this.skipOnCategory="dep-informational";this._internals.ariaLabel="pagination"}createRenderRoot(){return this}render(){let e=this._testContext.items.reduce((a,c)=>{let p=c.category?.split(" ").includes(this.skipOnCategory)?"i":a.counter++;return a.result.push({...c,newIndex:p}),a},{counter:0,result:[]}).result,t=e.findIndex(a=>a.identifier===this._testContext.navItemId),r=Math.max(0,t-this.maxDisplayedItems),i=Math.min(e.length,t+this.maxDisplayedItems+1),l=e.slice(r,i);return no`
-      ${l.map(a=>{let c=a.variables.find(ke=>ke.identifier=="SCORE"),d=parseInt(c?.value?.toString()),p=a.variables.find(ke=>ke.identifier==="completionStatus")?.value,m=a.category!==this.skipOnCategory?"regular":"info",h=this._testContext.navItemId===a.identifier,b=this._testContext.view==="scorer"&&m=="regular"&&d!==void 0&&!isNaN(d)&&d>0,y=this._testContext.view==="scorer"&&m=="regular"&&d!==void 0&&!isNaN(d)&&d<=0,f=this._testContext.view==="candidate"&&p==="completed"&&a.category!==this.skipOnCategory,Ce={...a,type:m,active:h,correct:b,incorrect:y,answered:f},Ze=this.firstElementChild;return co(Ze)({item:Ce})})}
-    `}};o([Dr({type:Number,attribute:"max-displayed-items"})],me.prototype,"maxDisplayedItems",2),o([Dr({type:String,attribute:"skip-on-category"})],me.prototype,"skipOnCategory",2),me=o([lo("test-paging-buttons-stamp")],me);import{html as po,LitElement as mo}from"lit";import{customElement as ho}from"lit/decorators.js";var st=class extends mo{render(){return po`<slot></slot>`}};st=o([ho("qti-item")],st);import{LitElement as uo,html as Rt}from"lit";import{customElement as go,property as bo,state as Ir}from"lit/decorators.js";import{until as fo}from"lit/directives/until.js";var F=class extends uo{constructor(){super(...arguments);this.itemURL=null;this.itemDoc=null;this.itemXML=null;this.templateContent=null}async handleItemURLChange(){if(this.itemURL)try{let e=await z().load(this.itemURL);this.itemDoc=e.htmlDoc()}catch(e){console.error("Error loading or parsing XML:",e)}}handleItemXMLChange(){if(this.itemXML)try{this.itemDoc=z().parse(this.itemXML).htmlDoc()}catch(e){console.error("Error parsing XML:",e)}}async connectedCallback(){super.connectedCallback(),this.initializeTemplateContent(),this.applyStyles(),this.itemURL&&this.handleItemURLChange(),this.itemXML&&this.handleItemXMLChange()}initializeTemplateContent(){let e=this.querySelector("template");this.templateContent=e?e.content:Rt``}applyStyles(){let e=new CSSStyleSheet;e.replaceSync(ot),this.shadowRoot.adoptedStyleSheets=[e]}render(){return Rt`
-      ${this.templateContent}
-      <slot></slot>
-      ${fo(this.itemDoc,Rt`<span>Loading...</span>`)}
-    `}};o([bo({type:String,attribute:"item-url"})],F.prototype,"itemURL",2),o([Ir()],F.prototype,"itemDoc",2),o([Ir()],F.prototype,"itemXML",2),o([v("itemURL",{waitUntilFirstUpdate:!0})],F.prototype,"handleItemURLChange",1),o([v("itemXML",{waitUntilFirstUpdate:!0})],F.prototype,"handleItemXMLChange",1),F=o([go("item-container")],F);import{provide as yo}from"@lit/context";import{LitElement as qo,html as xo}from"lit";import{customElement as wo,property as he}from"lit/decorators.js";import{createContext as vo}from"@lit/context";var Vr=[{identifier:"completionStatus",cardinality:"single",baseType:"string",value:"unknown",type:"outcome"},{identifier:"numAttempts",cardinality:"single",baseType:"integer",value:"0",type:"response"}],x=vo(Symbol("item"));var E=class extends qo{constructor(){super();this.identifier="";this.adaptive="false";this.timeDependent=null;this._handleDisabledChange=(e,t)=>{this._interactionElements.forEach(r=>r.disabled=t)};this._handleReadonlyChange=(e,t)=>this._interactionElements.forEach(r=>r.readonly=t);this._context={identifier:this.getAttribute("identifier"),variables:Vr};this._initialContext={...this._context,variables:this._context.variables};this._feedbackElements=[];this._interactionElements=[];this.addEventListener("qti-register-variable",e=>{this._context={...this._context,variables:[...this._context.variables,e.detail.variable]},this._initialContext=this._context,e.stopPropagation()}),this.addEventListener("qti-register-feedback",e=>{e.stopPropagation();let t=e.detail;this._feedbackElements.push(t),(Number(this._context.variables.find(i=>i.identifier==="numAttempts")?.value)||0)>0&&t.checkShowFeedback(t.outcomeIdentifier)}),this.addEventListener("qti-register-interaction",e=>{e.stopPropagation(),this._interactionElements.push(e.target)}),this.addEventListener("end-attempt",e=>{let{responseIdentifier:t,countAttempt:r}=e.detail;this.validate(),this.updateResponseVariable(t,"true"),this.processResponse(r)}),this.addEventListener("qti-set-outcome-value",e=>{let{outcomeIdentifier:t,value:r}=e.detail;this.updateOutcomeVariable(t,r),e.stopPropagation()}),this.addEventListener("qti-interaction-response",this.handleUpdateResponseVariable)}get variables(){return this._context.variables.map(e=>({identifier:e.identifier,value:e.value,type:e.type,...e.type==="outcome"&&e.identifier==="SCORE"?{externalScored:e.externalScored}:{}}))}set variables(e){if(!Array.isArray(e)||e.some(t=>!("identifier"in t))){console.warn("variables property should be an array of VariableDeclaration");return}this._context={...this._context,variables:this._context.variables.map(t=>{let r=e.find(i=>i.identifier===t.identifier);return r?{...t,...r}:t})},this._context.variables.forEach(t=>{if(t.type==="response"){let r=this._interactionElements.find(i=>i.responseIdentifier===t.identifier);r&&(r.value=t.value)}})}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this._emit("qti-assessment-item-connected",this)}set responses(e){if(e)for(let t of e){this.getResponse(t.responseIdentifier)&&this.updateResponseVariable(t.responseIdentifier,t.response);let i=this._interactionElements.find(l=>l.getAttribute("response-identifier")===t.responseIdentifier);i&&(i.value=t.response)}}render(){return xo`<slot></slot>`}showCorrectResponse(e){let r=this._context.variables.filter(i=>"correctResponse"in i&&i.correctResponse).map(i=>({responseIdentifier:i.identifier,response:i.correctResponse}));for(let i of r){let l=this._interactionElements.find(a=>a.getAttribute("response-identifier")===i.responseIdentifier);l&&(l.correctResponse=e?i.response:"")}}processResponse(e=!0){this.validate();let t=this.querySelector("qti-response-processing");return!t||!t.process?!1:(t.process(),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus()),e&&this.updateOutcomeVariable("numAttempts",(+this._context.variables.find(r=>r.identifier==="numAttempts")?.value+1).toString()),this._emit("qti-response-processed"),!0)}resetResponses(){this._context=this._initialContext}getResponse(e){return this.getVariable(e)}getOutcome(e){return this.getVariable(e)}getVariable(e){return this._context.variables.find(t=>t.identifier===e)||null}handleUpdateResponseVariable(e){let{responseIdentifier:t,response:r}=e.detail;this.updateResponseVariable(t,r)}updateResponseVariable(e,t){this._context={...this._context,variables:this._context.variables.map(r=>r.identifier!==e?r:{...r,value:t})},this._emit("qti-interaction-changed",{item:this.identifier,responseIdentifier:e,response:Array.isArray(t)?[...t]:t}),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus())}updateOutcomeVariable(e,t){let r=this.getOutcome(e);if(!r){console.warn(`Can not set qti-outcome-identifier: ${e}, it is not available`);return}this._context={...this._context,variables:this._context.variables.map(i=>i.identifier!==e?i:{...i,value:r.cardinality==="single"?t:[...i.value,t]})},this._feedbackElements.forEach(i=>i.checkShowFeedback(e)),this._emit("qti-outcome-changed",{item:this.identifier,outcomeIdentifier:e,value:this._context.variables.find(i=>i.identifier===e)?.value})}validate(){return this._interactionElements.every(e=>e.validate())?!0:this._interactionElements.some(e=>e.validate())?!1:null}_getCompletionStatus(){let e=this.validate();return e===!0?"completed":e===!1?"incomplete":"not_attempted"}_emit(e,t=null){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t}))}};o([he({type:String})],E.prototype,"title",2),o([he({type:String})],E.prototype,"identifier",2),o([he({type:String})],E.prototype,"adaptive",2),o([he({type:String})],E.prototype,"timeDependent",2),o([he({type:Boolean})],E.prototype,"disabled",2),o([v("disabled",{waitUntilFirstUpdate:!0})],E.prototype,"_handleDisabledChange",2),o([he({type:Boolean})],E.prototype,"readonly",2),o([v("readonly",{waitUntilFirstUpdate:!0})],E.prototype,"_handleReadonlyChange",2),o([yo({context:x})],E.prototype,"_context",2),E=o([wo("qti-assessment-item")],E);import{LitElement as Eo}from"lit";import{customElement as Co,property as Hr}from"lit/decorators.js";var ue=class extends Eo{constructor(){super(...arguments);this.identifier="";this.href=""}async connectedCallback(){super.connectedCallback();let e=new Event("qti-assessment-stimulus-ref-connected",{cancelable:!0,bubbles:!0,composed:!0});if(this.dispatchEvent(e)){let i=this.closest("qti-assessment-item").querySelector(`[data-stimulus-idref=${this.identifier}]`);i?await this.updateStimulusRef(i):console.warn(`Stimulus with data-stimulus-idref ${this.identifier} not found`)}}async updateStimulusRef(e){let t=await z().load(this.href).then(r=>r.htmlDoc());if(t){let r=t.querySelectorAll("qti-stimulus-body, qti-stylesheet");e.innerHTML="",e.append(...r)}}};o([Hr({type:String})],ue.prototype,"identifier",2),o([Hr({type:String})],ue.prototype,"href",2),ue=o([Co("qti-assessment-stimulus-ref")],ue);import{html as ko}from"lit";import{property as at}from"lit/decorators.js";var Nr={toAttribute:n=>n?"true":"false",fromAttribute:n=>n==="true"};function R(n,s){class e extends n{constructor(...i){super(...i);this.identifier="";this.tabIndex=0;this.disabled=!1;this.readonly=!1;this.internals=this.attachInternals()}handleDisabledChange(i,l){this.tabIndex=l?-1:0,l&&this.blur()}connectedCallback(){super.connectedCallback(),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`register-${s}`,{bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keyup",this._onKeyUp),this.removeEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`unregister-${s}`,{bubbles:!0,composed:!0}))}_onKeyUp(i){i.altKey||i.code==="Space"&&(i.preventDefault(),this._activate())}_onClick(){this.disabled||this.readonly||(this.focus(),this._activate())}_activate(){this.disabled||this.readonly||this.dispatchEvent(new CustomEvent(`activate-${s}`,{bubbles:!0,composed:!0,detail:{identifier:this.identifier}}))}render(){return ko`<slot></slot>`}}return o([at({type:String})],e.prototype,"identifier",2),o([at({type:Number,reflect:!0,attribute:"tabindex"})],e.prototype,"tabIndex",2),o([at({type:Boolean,reflect:!0,attribute:"aria-disabled",converter:Nr})],e.prototype,"disabled",2),o([at({type:Boolean,reflect:!0,attribute:"aria-readonly",converter:Nr})],e.prototype,"readonly",2),o([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e}import{customElement as Mo}from"lit/decorators.js";import{html as So,LitElement as Lo}from"lit";import{css as To}from"lit";var $r=To`
-  :host {
-    display: block;
-  }
-`;var Le=class extends Lo{render(){return So`<slot name="qti-rubric-block"></slot><slot></slot>`}};Le.styles=$r,Le=o([Mo("qti-item-body")],Le);import{html as _o,LitElement as Ao}from"lit";import{customElement as Ro}from"lit/decorators.js";var nt=class extends Ao{render(){return _o`<slot></slot>`}connectedCallback(){this.parentElement.tagName.endsWith("INTERACTION")&&this.setAttribute("slot","prompt")}};nt=o([Ro("qti-prompt")],nt);import{LitElement as Do}from"lit";import{customElement as Io}from"lit/decorators.js";var lt=class extends Do{constructor(){super(...arguments);this.styleElement=null}firstUpdated(e){super.firstUpdated(e);let t=this.getAttribute("href");if(t!==null&&fetch(t).then(r=>r.text()).then(r=>{let i=this.minifyCss(r);this.styleElement=document.createElement("style"),this.styleElement.media="screen",this.styleElement.textContent=`@scope {${i}}`,this.parentElement?this.parentElement.appendChild(this.styleElement):console.warn("No parent element to append the scoped stylesheet to.")}).catch(r=>{console.error("Failed to load stylesheet:",r)}),this.textContent!==null&&this.textContent.trim()!==""){let r=this.minifyCss(this.textContent);this.styleElement=document.createElement("style"),this.styleElement.media="screen",this.styleElement.textContent=`@scope {${r}}`,this.parentElement?this.parentElement.appendChild(this.styleElement):console.warn("No parent element to append the scoped stylesheet to.")}}minifyCss(e){return e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s+/g," ").replace(/\s*([{}:;])\s*/g,"$1").trim()}disconnectedCallback(){if(this.styleElement)try{this.styleElement.remove()}catch(e){console.error("Could not remove stylesheet:",e)}super.disconnectedCallback()}};lt=o([Io("qti-stylesheet")],lt);import{consume as $o}from"@lit/context";import{css as zo,html as Oo}from"lit";import{customElement as Fo,property as ct,state as Po}from"lit/decorators.js";import{html as Vo,LitElement as Ho}from"lit";import{customElement as No}from"lit/decorators.js";var W=class extends Ho{render(){return Vo`<slot></slot>`}defaultValues(s){let e=Array.from(this.querySelectorAll("qti-default-value > qti-value"));if(e.length===0)return null;let t=e.map(r=>r.innerHTML.trim());return t.length>1||s.cardinality==="multiple"||s.cardinality==="ordered"?t:t[0]}};W=o([No("qti-variabledeclaration")],W);var D=class extends W{constructor(){super(...arguments);this.externalScored=null}render(){let e=this.itemContext?.variables.find(t=>t.identifier===this.identifier)?.value;return Oo`${JSON.stringify(e,null,2)}`}get interpolationTable(){let e=this.querySelector("qti-interpolation-table");if(e){let t=new Map;for(let r of e.querySelectorAll("qti-interpolation-table-entry")){!r.getAttribute("source-value")&&r.getAttribute("target-value")&&console.error("source-value or target-value is missing in qti-interpolation-table-entry");let i=parseInt(r.getAttribute("source-value")),l=parseInt(r.getAttribute("target-value"));(isNaN(i)||isNaN(l))&&console.error("source-value or target-value is not a number in qti-interpolation-table-entry"),t.set(i,l)}return t}return null}connectedCallback(){super.connectedCallback();let e={identifier:this.identifier,cardinality:this.cardinality,baseType:this.baseType,type:"outcome",value:null,interpolationTable:this.interpolationTable,externalScored:this.externalScored};e.value=this.defaultValues(e),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:e}}))}};D.styles=[zo`
-      :host {
-        display: none;
-      }
-    `],o([ct({type:String,attribute:"base-type"})],D.prototype,"baseType",2),o([ct({type:String,attribute:"external-scored"})],D.prototype,"externalScored",2),o([ct({type:String})],D.prototype,"identifier",2),o([ct({type:String})],D.prototype,"cardinality",2),o([$o({context:x,subscribe:!0}),Po()],D.prototype,"itemContext",2),D=o([Fo("qti-outcome-declaration")],D);import{consume as Uo}from"@lit/context";import{css as Xo,html as Bo}from"lit";import{customElement as jo,property as Dt,state as Wo}from"lit/decorators.js";var P=class extends W{render(){let s=this.itemContext?.variables.find(e=>e.identifier===this.identifier)?.value;return Bo`${JSON.stringify(s,null,2)}`}connectedCallback(){super.connectedCallback();let s={baseType:this.baseType,identifier:this.identifier,correctResponse:this.correctResponse,cardinality:this.cardinality||"single",mapping:this.mapping,value:null,type:"response",candidateResponse:null};s.value=this.defaultValues(s),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:s}}))}get correctResponse(){let s,e=this.querySelector("qti-correct-response");if(e){let t=e.querySelectorAll("qti-value");if(this.cardinality==="single"&&t.length>0)s=t[0].textContent,t[0].remove();else if(this.cardinality!=="single"){s=[];for(let r=0;r<t.length;r++)s.push(t[r].textContent),t[r].remove()}}return s}get mapping(){return this.querySelector("qti-mapping")}};P.styles=[Xo`
-      :host {
-        display: none;
-      }
-    `],o([Dt({type:String,attribute:"base-type"})],P.prototype,"baseType",2),o([Dt({type:String})],P.prototype,"identifier",2),o([Dt({type:String})],P.prototype,"cardinality",2),o([Uo({context:x,subscribe:!0}),Wo()],P.prototype,"itemContext",2),P=o([jo("qti-response-declaration")],P);import{LitElement as Yo}from"lit";import{customElement as Ko}from"lit/decorators.js";var dt=class extends Yo{};dt=o([Ko("qti-companion-materials-info")],dt);import{LitElement as Go,html as Jo}from"lit";import{customElement as Zo}from"lit/decorators.js";var pt=class extends Go{render(){return Jo`<slot></slot>`}};pt=o([Zo("qti-content-body")],pt);import{LitElement as Qo,css as es,html as ts}from"lit";import{customElement as rs,property as mt}from"lit/decorators.js";var I=class extends Qo{handleclassNamesChange(){this.classNames.split(" ").forEach(e=>{switch(e){case"qti-rubric-discretionary-placement":this.setAttribute("slot","qti-rubric-block");break;case"qti-rubric-inline":this.setAttribute("slot","");break;default:break}})}render(){return ts`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","qti-rubric-block")}};I.styles=es`
-    :host {
-      display: block;
-    }
-  `,o([mt({type:String})],I.prototype,"id",2),o([mt({type:String})],I.prototype,"use",2),o([mt({type:String})],I.prototype,"view",2),o([mt({type:String,attribute:"class"})],I.prototype,"classNames",2),o([v("classNames",{waitUntilFirstUpdate:!0})],I.prototype,"handleclassNamesChange",1),I=o([rs("qti-rubric-block")],I);import{css as ns,html as ls}from"lit";import{customElement as cs}from"lit/decorators.js";import{consume as os}from"@lit/context";import{LitElement as ss}from"lit";import{property as ht,state as as}from"lit/decorators.js";var is=()=>new Intl.NumberFormat().format(.1).replace(/\d/g,""),_e=n=>{if(typeof n=="string")return n;let s=is();return s==="."?n.toLocaleString():n.toString().replace(".","").replace(s,".")};function It(n){return n==null}function Ae(n){return n.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}var C=class extends ss{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-feedback",{bubbles:!0,composed:!0,detail:this}))}checkShowFeedback(s){let e=this._context.variables.find(r=>r.identifier===s)||null;if(this.outcomeIdentifier!==s||!e)return;let t=!1;Array.isArray(e.value)?t=e.value.includes(this.identifier):t=!It(this.identifier)&&!It(e?.value)&&this.identifier===e.value||!1,this.showFeedback(t)}showFeedback(s){this.showStatus=s&&this.showHide==="show"||!s&&this.showHide==="hide"?"on":"off"}};o([ht({type:String,attribute:"show-hide"})],C.prototype,"showHide",2),o([ht({type:String,attribute:"outcome-identifier"})],C.prototype,"outcomeIdentifier",2),o([ht({type:String})],C.prototype,"identifier",2),o([ht({type:String,attribute:!1})],C.prototype,"showStatus",2),o([os({context:x,subscribe:!0}),as()],C.prototype,"_context",2);var Re=class extends C{render(){return ls` <slot part="feedback" class="feedback ${this.showStatus}"></slot> `}firstUpdated(s){this.checkShowFeedback(this.outcomeIdentifier)}};Re.styles=ns`
-    :host {
-      display: block;
-    }
-    .on {
-      display: block;
-    }
-    .off {
-      display: none;
-    }
-  `,Re=o([cs("qti-feedback-block")],Re);import{css as ds,html as ps}from"lit";import{customElement as ms}from"lit/decorators.js";var De=class extends C{constructor(){super(...arguments);this.render=()=>ps` <slot part="feedback" class="${this.showStatus}"></slot> `}};De.styles=ds`
-    .on {
-      display: inline-block;
-    }
-    .off {
-      display: none;
-    }
-  `,De=o([ms("qti-feedback-inline")],De);import{css as hs,html as us}from"lit";import{customElement as gs}from"lit/decorators.js";var Ie=class extends C{render(){return us`
-      <dialog class="qti-dialog" part="feedback" ?open="${this.showStatus==="on"}">
-        <slot></slot>
-        <div style="margin-top: var(--qti-gap-size); text-align: center;">
-          <button class="button close-button" @click="${this.closeFeedback}"></button>
-        </div>
-      </dialog>
-    `}openFeedback(){let s=this.shadowRoot?.querySelector("dialog");s&&!s.open&&s.showModal()}closeFeedback(){let s=this.shadowRoot?.querySelector("dialog");s&&s.open&&(s.close(),this.showStatus="off")}firstUpdated(){this.showStatus==="on"&&this.openFeedback()}updated(s){s.has("showStatus")&&(this.showStatus==="on"?this.openFeedback():this.closeFeedback())}};Ie.styles=hs`
-    .qti-dialog {
-      background: var(--qti-bg);
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-      border-radius: var(--qti-border-radius);
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      z-index: 1000;
-      width: auto;
-      max-width: 90%;
-    }
-
-    .button {
-      border-radius: var(--qti-border-radius);
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-      background-color: var(--qti-bg-active);
-      border: var(--qti-border-active);
-      cursor: pointer;
-      position: relative;
-      display: inline-block;
-    }
-
-    .button:hover {
-      background-color: var(--qti-hover-bg);
-    }
-
-    .button:disabled {
-      background-color: var(--qti-disabled-bg);
-      color: var(--qti-disabled-color);
-      cursor: not-allowed;
-    }
-
-    .button:focus {
-      outline: var(--qti-focus-border-width) solid var(--qti-focus-color);
-    }
-
-    /* Text content of the button */
-    .button::after {
-      content: var(--qti-close-text, 'Close');
-      color: inherit;
-      font-size: inherit;
-      text-align: center;
-      display: inline-block;
-      line-height: 1.5;
-    }
-  `,Ie=o([gs("qti-modal-feedback")],Ie);import{html as ys}from"lit";import{ifDefined as qs}from"lit/directives/if-defined.js";import{property as Vt,state as bs}from"lit/decorators.js";import{LitElement as fs}from"lit";var u=class extends fs{constructor(){super();this.disabled=!1;this.readonly=!1;this._internals=this.attachInternals()}reportValidity(){return this._internals.reportValidity()}reset(){this.value=""}get correctResponse(){return this._correctResponse}set correctResponse(e){this._correctResponse=e}connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-interaction",{bubbles:!0,composed:!0,cancelable:!1,detail:{responseIdentifier:this.responseIdentifier}}))}saveResponse(e){this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,cancelable:!1,detail:{responseIdentifier:this.responseIdentifier,response:Array.isArray(e)?[...e]:e}}))}};u.formAssociated=!0,o([Vt({type:String,attribute:"response-identifier"})],u.prototype,"responseIdentifier",2),o([Vt({reflect:!0,type:Boolean})],u.prototype,"disabled",2),o([Vt({reflect:!0,type:Boolean})],u.prototype,"readonly",2),o([bs()],u.prototype,"_correctResponse",2);import{customElement as xs,property as Ve,state as Or}from"lit/decorators.js";import{css as vs}from"lit";var zr=vs`
-  /* PK: display host as block, else design will be collapsed */
-  :host {
-    display: block;
-  }
-  textarea {
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    border: 0;
-  }
-`;var k=class extends u{constructor(){super(...arguments);this._rows=5;this._value=""}handleclassNamesChange(e,t){let r=t.split(" "),i=!1;if(r.forEach(l=>{if(l.startsWith("qti-height-lines-")){let a=l.replace("qti-height-lines-","");this._rows=parseInt(a),i=!0}}),!i&&this.expectedLength){let l=Math.ceil(this.expectedLength/50);this._rows=l}}get value(){return this._value}set value(e){if(typeof e=="string"){this._value=e;let t=new FormData;t.append(this.responseIdentifier,e),this._internals.setFormValue(t),this.validate()}else throw new Error("Value must be a string")}validate(){let e=this.shadowRoot.querySelector("textarea");if(!e)return!1;if(this.patternMask&&this.dataPatternmaskMessage){this._internals.setValidity({}),e.setCustomValidity("");let t=this.patternMask.startsWith("^")&&this.patternMask.endsWith("$")?this.patternMask:`^${this.patternMask}$`,r=new RegExp(t);e.checkValidity()&&r.test(e.value)||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),e.setCustomValidity(this.dataPatternmaskMessage))}else{let t=e.checkValidity();this._internals.setValidity(t?{}:{customError:!1})}return this._value!==""&&e.checkValidity()}reportValidity(){let e=this.shadowRoot.querySelector("textarea");if(!e)return!1;let t=this.validate();return t||e.reportValidity(),t}render(){return ys`<slot name="prompt"></slot
-      ><textarea
-        part="textarea"
-        name="${this.responseIdentifier}"
-        spellcheck="false"
-        autocomplete="off"
-        maxlength="${5e3}"
-        @keydown="${e=>e.stopImmediatePropagation()}"
-        @keyup="${this.textChanged}"
-        @change="${this.textChanged}"
-        @blur="${e=>{this.reportValidity()}}"
-        placeholder="${qs(this.placeholderText?this.placeholderText:void 0)}"
-        rows="${this._rows}"
-        ?disabled="${this.disabled}"
-        ?readonly="${this.readonly}"
-        .value=${this._value}
-      ></textarea>`}textChanged(e){if(this.disabled||this.readonly)return;let t=e.target;this.setEmptyAttribute(t.value),this._value!==t.value&&(this.value=t.value,this.saveResponse(t.value))}setEmptyAttribute(e){this.setAttribute("empty",e===""?"true":"false")}};k.styles=zr,o([Or()],k.prototype,"_rows",2),o([Ve({type:Number,attribute:"expected-length"})],k.prototype,"expectedLength",2),o([Ve({type:String,attribute:"pattern-mask"})],k.prototype,"patternMask",2),o([Ve({type:String,attribute:"placeholder-text"})],k.prototype,"placeholderText",2),o([Ve({type:String,attribute:"data-patternmask-message"})],k.prototype,"dataPatternmaskMessage",2),o([Or()],k.prototype,"_value",2),o([Ve({type:String,attribute:"class"})],k.prototype,"classNames",2),o([v("classNames")],k.prototype,"handleclassNamesChange",1),k=o([xs("qti-extended-text-interaction")],k);import{html as Es}from"lit";import{customElement as Cs,property as ut,state as ks}from"lit/decorators.js";import{ifDefined as Pr}from"lit/directives/if-defined.js";import{createRef as Ts}from"lit/directives/ref.js";import{css as ws}from"lit";var Fr=ws`
-  :host {
-    display: inline-block;
-  }
-  [part='correct'] {
-    position: absolute;
-    width: 100%;
-  }
-  :host(.qti-input-width-1) [part='input'] {
-    width: 1.1rem;
-    min-width: 1.1rem;
-  }
-
-  :host(.qti-input-width-2) [part='input'] {
-    width: 2.3rem;
-    min-width: 2.3rem;
-  }
-
-  :host(.qti-input-width-3) [part='input'] {
-    width: 3.3rem;
-    min-width: 3.3rem;
-  }
-
-  :host(.qti-input-width-4) [part='input'] {
-    width: 4.2rem;
-    min-width: 4.2rem;
-  }
-
-  :host(.qti-input-width-6) [part='input'] {
-    width: 6.6rem;
-    min-width: 6.6rem;
-  }
-
-  :host(.qti-input-width-10) [part='input'] {
-    width: 8rem;
-    min-width: 8rem;
-  }
-
-  :host(.qti-input-width-15) [part='input'] {
-    width: 12rem;
-    min-width: 12rem;
-  }
-
-  :host(.qti-input-width-20) [part='input'] {
-    width: 17rem;
-    min-width: 17rem;
-  }
-
-  :host(.qti-input-width-25) [part='input'] {
-    width: 20rem;
-    min-width: 20rem;
-  }
-
-  :host(.qti-input-width-30) [part='input'] {
-    width: 24rem;
-    min-width: 24rem;
-  }
-
-  :host(.qti-input-width-35) [part='input'] {
-    width: 28rem;
-    min-width: 28rem;
-  }
-
-  :host(.qti-input-width-40) [part='input'] {
-    width: 32rem;
-    min-width: 32rem;
-  }
-
-  :host(.qti-input-width-45) [part='input'] {
-    width: 36rem;
-    min-width: 36rem;
-  }
-
-  :host(.qti-input-width-50) [part='input'] {
-    width: 40rem;
-    min-width: 40rem;
-  }
-
-  :host(.qti-input-width-72) [part='input'] {
-    width: 57rem;
-    min-width: 57rem;
-  }
-`;var V=class extends u{constructor(){super(...arguments);this._value="";this.inputRef=Ts()}get value(){return this._value}set value(e){if(typeof e=="string"){this._value=e;let t=new FormData;t.append(this.responseIdentifier,e),this._internals.setFormValue(t),this.validate()}else throw new Error("Value must be a string")}validate(){let e=this.shadowRoot.querySelector("input");if(!e)return!1;if(this.patternMask&&this.dataPatternmaskMessage)this._internals.setValidity({}),e.setCustomValidity(""),e.checkValidity()||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),e.setCustomValidity(this.dataPatternmaskMessage));else{let t=e.checkValidity();this._internals.setValidity(t?{}:{customError:!1})}return this._value!==""&&e.checkValidity()}render(){return Es`
-      <input
-        part="input"
-        name="${this.responseIdentifier}"
-        spellcheck="false"
-        autocomplete="off"
-        @blur="${e=>{this.reportValidity()}}"
-        @keydown="${e=>e.stopImmediatePropagation()}"
-        @keyup="${this.textChanged}"
-        @change="${this.textChanged}"
-        type="${this.patternMask=="[0-9]*"?"number":"text"}"
-        placeholder="${Pr(this.placeholderText?this.placeholderText:void 0)}"
-        .value="${this._value}"
-        pattern="${Pr(this.patternMask?this.patternMask:void 0)}"
-        maxlength=${1e3}
-        ?disabled="${this.disabled}"
-        ?readonly="${this.readonly}"
-      />
-      <div part="correct">${this._correctResponse}</div>
-    `}textChanged(e){if(this.disabled||this.readonly)return;let t=e.target;this.setEmptyAttribute(t.value),this._value!==t.value&&(this.value=t.value,this.saveResponse(t.value))}reportValidity(){let e=this.shadowRoot.querySelector("input");if(!e)return!1;let t=this.validate();return t||e.reportValidity(),t}reset(){this._value=""}setEmptyAttribute(e){this.setAttribute("empty",e===""?"true":"false")}};V.styles=Fr,o([ut({type:Number,attribute:"expected-length"})],V.prototype,"expectedLength",2),o([ut({type:String,attribute:"pattern-mask"})],V.prototype,"patternMask",2),o([ut({type:String,attribute:"placeholder-text"})],V.prototype,"placeholderText",2),o([ut({type:String,attribute:"data-patternmask-message"})],V.prototype,"dataPatternmaskMessage",2),o([ks()],V.prototype,"_value",2),V=o([Cs("qti-text-entry-interaction")],V);import{html as Ss}from"lit";import{customElement as Ls}from"lit/decorators.js";import{property as Ur,query as Ms}from"lit/decorators.js";var Y=(n,s)=>{class e extends n{constructor(){super(...arguments);this._choiceElements=[];this.minChoices=0;this.maxChoices=1;this._handleDisabledChange=(i,l)=>{this._choiceElements.forEach(a=>a.disabled=l)};this._handleReadonlyChange=(i,l)=>{this._choiceElements.forEach(a=>a.readonly=l)};this._value=""}_handleMaxChoicesChange(i,l){this._determineInputType()}get value(){return Array.isArray(this._value)?this._value.join(","):this._value}set value(i){if(this.maxChoices>1&&typeof i=="string"?this._value=i.split(","):this._value=i,Array.isArray(this._value)){let l=new FormData;this._value.forEach(a=>{l.append(this.responseIdentifier,a)}),this._internals.setFormValue(l)}else this._internals.setFormValue(this._value);this._updateChoiceSelection()}get correctResponse(){return this._correctResponse}set correctResponse(i){this._correctResponse=i;let l=Array.isArray(i)?i:[i];this._choiceElements.forEach(a=>{a.internals.states.delete("correct-response"),a.internals.states.delete("incorrect-response"),l.length>0&&(l.includes(a.identifier)?a.internals.states.add("correct-response"):a.internals.states.add("incorrect-response"))})}connectedCallback(){super.connectedCallback(),this.addEventListener(`register-${s}`,this._registerChoiceElement),this.addEventListener(`unregister-${s}`,this._unregisterChoiceElement),this.addEventListener(`activate-${s}`,this._choiceElementSelectedHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`register-${s}`,this._registerChoiceElement),this.removeEventListener(`unregister-${s}`,this._unregisterChoiceElement),this.removeEventListener(`activate-${s}`,this._choiceElementSelectedHandler)}validate(){let i=this._choiceElements.filter(d=>this._getChoiceChecked(d)),l=i.length,a=!0,c="";return this.maxChoices!==0&&l>this.maxChoices?(a=!1,c=this.dataset.maxSelectionsMessage||`You can select at most ${this.maxChoices} choices.`):l<this.minChoices&&(a=!1,c=this.dataset.minSelectionsMessage||`You must select at least ${this.minChoices} choices.`),i.length>0&&this._internals.setValidity(a?{}:{customError:!0},c,i[l-1]||this._choiceElements[0]||this),this.reportValidity(),a}reportValidity(){return this._validationMessageElement&&(this._internals.validity.valid?(this._validationMessageElement.textContent="",this._validationMessageElement.style.display="none"):(this._validationMessageElement.textContent=this._internals.validationMessage,this._validationMessageElement.style.display="block")),this._internals.validity.valid}_registerChoiceElement(i){i.stopPropagation();let l=i.target;l.disabled=this.disabled,this._choiceElements.push(l),this._setInputType(l)}_unregisterChoiceElement(i){i.stopPropagation();let l=i.target;this._choiceElements=this._choiceElements.filter(a=>a!==l)}_determineInputType(){this._choiceElements.forEach(i=>{this._setInputType(i)})}_setInputType(i){this._internals.ariaLabel=this.maxChoices===1?"radio-group":"checkbox-group";let l=this.maxChoices===1?"radio":"checkbox";i.internals.role=l,i.internals.states.delete(l==="radio"?"checkbox":"radio"),i.internals.states.add(l)}_choiceElementSelectedHandler(i){this._toggleChoiceChecked(i.target),this.maxChoices===1&&this._choiceElements.forEach(l=>{l.identifier!==i.detail.identifier&&this._setChoiceChecked(l,!1)}),this._handleChoiceSelection()}_setChoiceChecked(i,l){i.internals?.states&&(l?(i.internals.states.add("--checked"),i.internals.ariaChecked="true"):(i.internals.states.delete("--checked"),i.internals.ariaChecked="false"))}_getChoiceChecked(i){return i.internals.states.has("--checked")}_toggleChoiceChecked(i){let l=this._getChoiceChecked(i);this._setChoiceChecked(i,!l)}_handleChoiceSelection(){let l=this._choiceElements.filter(a=>this._getChoiceChecked(a)).map(a=>a.identifier);this.value=this.maxChoices===1?l[0]||"":l,this.validate(),this.saveResponse(this._value)}_updateChoiceSelection(){let i=Array.isArray(this._value)?this._value:[this._value];this._choiceElements.forEach(l=>{let a=i.includes(l.identifier);this._setChoiceChecked(l,a)})}}return o([Ms("#validationMessage")],e.prototype,"_validationMessageElement",2),o([Ur({type:Number,attribute:"min-choices"})],e.prototype,"minChoices",2),o([Ur({type:Number,attribute:"max-choices"})],e.prototype,"maxChoices",2),o([v("maxChoices",{waitUntilFirstUpdate:!0})],e.prototype,"_handleMaxChoicesChange",1),o([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"_handleDisabledChange",2),o([v("readonly",{waitUntilFirstUpdate:!0})],e.prototype,"_handleReadonlyChange",2),e};var gt=class extends Y(u,"qti-hottext"){constructor(){super(...arguments);this.render=()=>Ss`<slot></slot>`}};gt=o([Ls("qti-hottext-interaction")],gt);import{css as _s,html as Xr}from"lit";import{customElement as As,property as Rs,state as Br}from"lit/decorators.js";import{unsafeHTML as jr}from"lit/directives/unsafe-html.js";var K=class extends u{constructor(){super(...arguments);this.options=[];this.correctOption="";this.dataPrompt="select"}static get styles(){return[_s`
-        :host {
-          display: inline-block;
-        }
-        slot {
-          display: flex;
-          flex-direction: column;
-        }
-        [role='menu'] {
-          position: absolute;
-          z-index: 1000;
-        }
-        .anchor {
-          /* anchor-name: --infobox; */
-          width: fit-content;
-        }
-
-        .positionedElement {
-          position: absolute;
-          /* position-anchor: --infobox; */
-          /* top: anchor(bottom); */
-        }
-      `]}render(){return Xr`
-      <select part="select" @change="${this.choiceSelected}" ?disabled="${this.disabled}" ?readonly="${this.readonly}">
-        ${this.options.map(e=>Xr`
-            <option value="${e.value}" ?selected="${e.selected}">${jr(e.textContent)}</option>
-          `)}
-      </select>
-
-      ${jr(this.correctOption)}
-    `}connectedCallback(){super.connectedCallback(),this.addEventListener("on-dropdown-selected",this.choiceSelected);let e=Array.from(this.querySelectorAll("qti-inline-choice"));this.options=[{textContent:this.dataPrompt,value:"",selected:!1},...e.map(t=>({textContent:t.innerHTML,value:t.getAttribute("identifier"),selected:!1}))]}disconnectedCallback(){this.removeEventListener("on-dropdown-selected",this.choiceSelected)}validate(){let e=this.options.find(t=>t.selected);return e?e.value!=="":!1}reset(){this.options=this.options.map((e,t)=>({...e,selected:t===0}))}set value(e){this.options=this.options.map(t=>(e===t.value&&(t.selected=!0),t))}get value(){return this.options.find(e=>e.selected).value}set correctResponse(e){if(e===""){this.correctOption="";return}this.correctOption=`<span part="correct-option">${this.options.find(t=>e===t.value).textContent}</span>`}choiceSelected(e){let t=e.target.value;this.options=this.options.map(r=>({...r,selected:r.value===t})),this.saveResponse(t)}};K.inputWidthClass=["","qti-input-width-2","qti-input-width-1","qti-input-width-3","qti-input-width-4","qti-input-width-6","qti-input-width-10","qti-input-width-15","qti-input-width-20","qti-input-width-72"],o([Br()],K.prototype,"options",2),o([Br()],K.prototype,"correctOption",2),o([Rs({attribute:"data-prompt",type:String})],K.prototype,"dataPrompt",2),K=o([As("qti-inline-choice-interaction")],K);import{html as Hs}from"lit";import{customElement as Ns,property as $s}from"lit/decorators.js";import{property as Ds}from"lit/decorators.js";var bt=(n,s)=>{class e extends n{constructor(){super(...arguments);this.shuffle="false"}connectedCallback(){super.connectedCallback(),this._applyShuffle()}updated(i){i.has("shuffle")&&this._applyShuffle()}_applyShuffle(){this.shuffle==="true"?this._shuffleChoices():this._resetShuffleChoices()}_shuffleChoices(){let i=Array.from(this.querySelectorAll(s)),l=i.filter(h=>h.hasAttribute("fixed")),a=i.filter(h=>!h.hasAttribute("fixed"));if(a.length<=1){console.warn("Shuffling is not possible with fewer than 2 non-fixed elements.");return}let c=[...a],d=!1,p=0;for(;!d&&p<10;){p++;for(let h=a.length-1;h>0;h--){let b=Math.floor(Math.random()*(h+1));[a[h],a[b]]=[a[b],a[h]]}d=!a.every((h,b)=>h===c[b])}d||console.warn("Failed to shuffle the choices after multiple attempts.");let m=1;[...l,...a].forEach(h=>{h.style.setProperty("order",String(m++))})}_resetShuffleChoices(){this.querySelectorAll(s).forEach(i=>{i.style.setProperty("order","initial")})}}return o([Ds({type:String,reflect:!0})],e.prototype,"shuffle",2),e};import{property as Is}from"lit/decorators.js";var Wr=(n,s)=>{class e extends n{constructor(){super(...arguments);this._classes=[];this._allLabels=["qti-labels-decimal","qti-labels-lower-alpha","qti-labels-upper-alpha"];this._allLabelSuffixes=["qti-labels-suffix-period","qti-labels-suffix-parenthesis"]}set class(i){i&&(this._classes=i.split(" "),this._addLabels())}get class(){return this._classes?.join(" ")||""}updated(i){super.updated(i),i.has("shuffle")&&this._addLabels()}_addLabels(){let i=this._classes.some(a=>this._allLabels.includes(a)||this._allLabelSuffixes.includes(a)),l=a=>!isNaN(+a);if(i){let c=Array.from(this.querySelectorAll("qti-simple-choice")).map(d=>d).map((d,p)=>({el:d,order:l(d.style.order)?+d.style.order:p+1})).sort((d,p)=>d.order-p.order).map(d=>d.el);for(let d=0;d<c.length;d++)c[d].marker=this._getLabel(d+1)}}_getLabel(i){let l=this._classes.filter(d=>this._allLabels.includes(d)).pop(),a=this._classes.filter(d=>this._allLabelSuffixes.includes(d)).pop();!l&&a&&(l="qti-labels-upper-alpha");let c="";switch(l){case"qti-labels-decimal":c=`${i}`;break;case"qti-labels-lower-alpha":c=`${String.fromCharCode(97+i-1)}`;break;case"qti-labels-upper-alpha":c=`${String.fromCharCode(65+i-1)}`;break}return a==="qti-labels-suffix-period"?c+=".":a==="qti-labels-suffix-parenthesis"&&(c+=")"),c}}return o([Is({type:String,reflect:!0})],e.prototype,"class",1),e};import{css as Vs}from"lit";var Yr=Vs`
-  [part='slot'] {
-    display: flex;
-    flex-direction: column;
-    gap: var(--qti-gap-size);
-    flex-wrap: wrap;
-  }
-
-  ::slotted(qti-simple-choice) {
-    flex: 0 0
-      calc((100% - (var(--qti-gap-size) * var(--choice-interactions-stacking))) / var(--choice-interactions-stacking)) !important;
-    box-sizing: border-box !important;
-  }
-
-  :host(.qti-choices-stacking-1) [part='slot'] {
-    flex-direction: row;
-    --choice-interactions-stacking: 1;
-  }
-
-  :host(.qti-choices-stacking-2) [part='slot'] {
-    flex-direction: row;
-    --choice-interactions-stacking: 2;
-  }
-  :host(.qti-choices-stacking-3) [part='slot'] {
-    flex-direction: row;
-    --choice-interactions-stacking: 3;
-  }
-  :host(.qti-choices-stacking-4) [part='slot'] {
-    flex-direction: row;
-    --choice-interactions-stacking: 4;
-  }
-  :host(.qti-choices-stacking-5) [part='slot'] {
-    flex-direction: row;
-    --choice-interactions-stacking: 5;
-  }
-  :host([orientation='horizontal']) [part='slot'] {
-    flex-direction: row;
-  }
-`;var ge=class extends Wr(bt(Y(u,"qti-simple-choice"),"qti-simple-choice"),"qti-simple-choice"){constructor(){super(),this._internals.role="group"}render(){return Hs`
-      <slot part="prompt" name="prompt"></slot><slot part="slot"></slot>
-      <div part="message" role="alert" id="validationMessage"></div>
-    `}};ge.styles=Yr,o([$s({type:String})],ge.prototype,"orientation",2),ge=o([Ns("qti-choice-interaction")],ge);import{css as zs,html as Os}from"lit";import{customElement as Fs}from"lit/decorators.js";var He=class extends u{constructor(){super(...arguments);this._file=null;this._base64=null}reset(){this._file=null,this._base64=null,this.saveResponse(null)}validate(){return this._base64!==null}get value(){return this._base64}set value(e){if(typeof e=="string")this._base64=e,this.saveResponse(e);else if(e===null)this.reset();else throw new Error("Value must be a Base64-encoded string or null")}static get properties(){return{...u.properties}}render(){return Os`
-      <div>
-        <slot name="prompt"></slot>
-        <input type="file" @change="${this._onFileChange}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" />
-      </div>
-    `}async _onFileChange(e){let t=e.target;t.files&&t.files.length>0&&(this._file=t.files[0],this._base64=await this._convertToBase64(this._file),this.saveResponse(this._base64),this.dispatchEvent(new CustomEvent("qti-interaction-response",{detail:{response:this._base64}})))}_convertToBase64(e){return new Promise((t,r)=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>r(i.error),i.readAsDataURL(e)})}};He.styles=[zs`
-      :host {
-        display: block;
-        margin: 1em 0;
-      }
-      input[type='file'] {
-        display: block;
-        margin-top: 0.5em;
-      }
-    `],He=o([Fs("qti-upload-interaction")],He);import{css as Ps,html as Us,LitElement as Xs}from"lit";import{customElement as Bs}from"lit/decorators.js";var Ne=class extends Xs{render(){return Us`<slot></slot>`}process(){let s=new Ht,e=[...this.children];s.process(e)}};Ne.styles=[Ps`
-      :host {
-        display: none;
-      }
-    `],Ne=o([Bs("qti-outcome-processing")],Ne);var Ht=class{process(s){for(let e of s)e.process()}};import{css as js,html as Ws,LitElement as Ys}from"lit";import{customElement as Ks}from"lit/decorators.js";var Kr=`<qti-response-processing>
-  <qti-response-condition>
-    <qti-response-if>
-      <qti-match>
-        <qti-variable identifier="RESPONSE"></qti-variable>
-        <qti-correct identifier="RESPONSE"></qti-correct>
-      </qti-match>
-      <qti-set-outcome-value identifier="SCORE">
-        <qti-base-value base-type="float">1</qti-base-value>
-      </qti-set-outcome-value>
-    </qti-response-if>
-    <qti-response-else>
-      <qti-set-outcome-value identifier="SCORE">
-        <qti-base-value base-type="float">0</qti-base-value>
-      </qti-set-outcome-value>
-    </qti-response-else>
-  </qti-response-condition>
-</qti-response-processing>`,Gr=`<qti-response-processing>
-  <qti-response-condition>
-    <qti-response-if>
-      <qti-is-null>
-        <qti-variable identifier="RESPONSE"></qti-variable>
-      </qti-is-null>
-      <qti-set-outcome-value identifier="SCORE">
-        <qti-base-value base-type="float">0.0</qti-base-value>
-      </qti-set-outcome-value>
-    </qti-response-if>
-    <qti-response-else>
-      <qti-set-outcome-value identifier="SCORE">
-        <qti-map-response identifier="RESPONSE"> </qti-map-response>
-      </qti-set-outcome-value>
-    </qti-response-else>
-  </qti-response-condition>
-</qti-response-processing>`,Jr=`<qti-response-processing>
-  <qti-response-condition>
-    <qti-response-if>
-      <qti-is-null>
-        <qti-variable identifier="RESPONSE"></qti-variable>
-      </qti-is-null>
-      <qti-set-outcome-value identifier="SCORE">
-        <qti-base-value base-type="float">0</qti-base-value>
-      </qti-set-outcome-value>
-    </qti-response-if>
-    <qti-response-else>
-      <qti-set-outcome-value identifier="SCORE">
-        <qti-map-response-point identifier="RESPONSE"></qti-map-response-point>
-      </qti-set-outcome-value>
-    </qti-response-else>
-  </qti-response-condition>
-</qti-response-processing>`;var ee=class extends Ys{render(){return Ws`<slot></slot>`}process(){if(!this.closest("qti-assessment-item"))return;let e=[...this.children];for(let t of e)t.process()}firstUpdated(s){if(this.getAttribute("template")){let e=this.getAttribute("template").split("/"),t=e[e.length-1].replace(".xml","");switch(this.innerHTML="",t){case"map_response":{this.appendChild(this.fragmentFromString(Gr).firstElementChild.firstElementChild);break}case"map_response_point":{this.appendChild(this.fragmentFromString(Jr).firstElementChild.firstElementChild);break}case"match_correct":this.appendChild(this.fragmentFromString(Kr).firstElementChild.firstElementChild);break}}}fragmentFromString(s){return document.createRange().createContextualFragment(s)}};ee.styles=[js`
-      :host {
-        display: none;
-      }
-    `],ee=o([Ks("qti-response-processing")],ee);import{property as Qs}from"lit/decorators.js";import{customElement as Gs}from"lit/decorators.js";import{html as Js,LitElement as Zs}from"lit";var H=class extends Zs{render(){return Js`<slot></slot>`}process(){throw new Error("Not implemented")}};H=o([Gs("qti-rule")],H);var ft=class extends H{get childExpression(){return this.firstElementChild}process(){let s=this.getAttribute("identifier"),e=this.closest("qti-assessment-item").getVariable(s),t;return e.interpolationTable&&(t=e.interpolationTable.get(parseInt(this.childExpression.calculate()))),t==null?(console.warn("lookupOutcomeValue: value is null or undefined"),0):(this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:this.identifier,value:_e(t)}})),t)}};o([Qs({type:String})],ft.prototype,"identifier",2);customElements.define("qti-lookup-outcome-value",ft);import{html as ea}from"lit";var Nt=class extends H{render(){return ea`<slot></slot>`}process(){let s=[...this.children];for(let e=0;e<s.length;e++){let t=s[e];if(t.calculate()){t.process();return}}}};customElements.define("qti-response-condition",Nt);var $t=class extends H{process(){let s=this.getAttribute("identifier"),e=this.firstElementChild,r=new zt(e).process();this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:s,value:Array.isArray(r)?r.map(i=>_e(i)):_e(r)}}))}},zt=class{constructor(s){this.expression=s}process(){let s=this.expression?this.expression.calculate():null;if(s==null){console.warn("setOutcomeValue: value is null or undefined");return}return s}};customElements.define("qti-set-outcome-value",$t);import{LitElement as ta,html as ra}from"lit";var $e=class extends ta{render(){return ra`<slot></slot>`}calculate(){return!0}getSubRules(){return[...this.children]}process(){let s=this.getSubRules();for(let e=0;e<s.length;e++)s[e].process()}};customElements.define("qti-response-else",$e);import{html as ia}from"lit";var ze=class extends $e{calculate(){return this.firstElementChild.calculate()}getSubRules(){let s=[];for(let e=1;e<this.children.length;e++)s.push(this.children[e]);return s}};customElements.define("qti-response-if",ze);var Ot=class extends ze{render(){return ia`${super.render()}`}};customElements.define("qti-response-else-if",Ot);import{consume as oa}from"@lit/context";import{css as sa,html as aa,LitElement as na}from"lit";import{state as Zr}from"lit/decorators.js";var g=class extends na{constructor(){super(...arguments);this.getVariables=()=>Array.from(this.children).map(e=>{switch(e.tagName.toLowerCase()){case"qti-base-value":return{baseType:e.getAttribute("base-type"),value:e.textContent.trim(),cardinality:"single"};case"qti-variable":{let t=e.getAttribute("identifier")||"";return this.context.variables.find(i=>i.identifier===t)||null}case"qti-multiple":{let r=e.getResult();return r.length>0?{identifier:"",baseType:r[0].baseType,value:r.map(i=>i.value),cardinality:"multiple",type:"response"}:null}case"qti-correct":{let t=e.getAttribute("identifier")||"",r=this.context.variables.find(i=>i.identifier===t)||null;return{baseType:r.baseType,value:r.correctResponse,cardinality:r.cardinality}}default:{try{return{baseType:"integer",value:e.getResult().toString(),cardinality:"single"}}catch{console.warn("default not sufficient")}return null}}}).filter(e=>e!==null)}render(){return aa`<pre>${JSON.stringify(this.result,null,2)}</pre>
-      <slot></slot>`}calculate(){return this.result=this.getResult(),this.result}getResult(){throw new Error("Not implemented")}};g.styles=sa`
-    slot {
-      display: none;
-    }
-  `,o([Zr()],g.prototype,"result",2),o([oa({context:x,subscribe:!0}),Zr()],g.prototype,"context",2);var T=class extends g{calculate(){return this.result=this.getResult(),this.result}getResult(){throw new Error("Not implemented")}};var vt=class extends la(T){calculate(){return this.calculateChildren(Array.from(this.children))}};function la(n){return class extends n{calculateChildren(e){return e.map(r=>{let i=r;if(!i.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let l=i.calculate(),a=!1;if(typeof l=="string")if(l==="true")a=!0;else if(l==="false")a=!1;else return console.error("unexpected val in qti-or, expected boolean"),null;else typeof l=="boolean"&&(a=l);return a}).every(r=>typeof r=="boolean"&&r)}}}customElements.define("qti-and",vt);import{property as ca}from"lit/decorators.js";var yt=class extends g{constructor(){super(...arguments);this.baseType="string"}getResult(){return this.textContent.trim()}};o([ca({type:String,attribute:"base-type"})],yt.prototype,"baseType",2);customElements.define("qti-base-value",yt);var Ft=class extends T{getResult(){let s=this.getVariables();if(this.children.length===2){let e=s[0],t=s[1];if(e.baseType==="directedPair"&&t.baseType==="directedPair"&&e.cardinality==="multiple"){let r=e.value,i=t.value;return r.filter(c=>i.includes(c)).length>0}else if(e.baseType==="directedPair"&&t.baseType==="directedPair"&&e.cardinality==="single"){let r=e.value;return t.value.includes(r)}else console.error("unsupported baseType or cardinality in qti contains, only baseType: directedPair and cardinality: multiple is supported")}else console.error("unexpected number of children in qti contains");return!1}};customElements.define("qti-contains",Ft);var Pt=class extends g{get interpretation(){return this.getAttribute("interpretation")||""}getResult(){let s=this.getAttribute("identifier")||"",e=this.context.variables.find(t=>t.identifier===s)||null;return e.cardinality!=="single"?e.correctResponse.length>0?e.correctResponse[0]:"":e.correctResponse}};customElements.define("qti-correct",Pt);import{property as da}from"lit/decorators.js";var qt=class extends g{constructor(){super(...arguments);this.roundingMode="significantFigures"}get figures(){if(!this.getAttribute("figures"))return console.error("figures attribute is missing"),null;let t=parseInt(this.getAttribute("figures")||"0");return isNaN(t)?(console.error("figures attribute is not a number"),null):t<0?(console.error("figures attribute is negative"),null):t<1&&this.roundingMode==="significantFigures"?(console.error("figures cannot be smaller than 1 for RoundingMode significantFigures"),null):t}getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];if(this.roundingMode===null)return null;if(t.cardinality!=="single"||r.cardinality!=="single"||Array.isArray(t.value)||Array.isArray(r.value))return console.error("unexpected cardinality in qti equal"),!1;switch(e[0].baseType){case"integer":case"float":{let i=parseFloat(t.value),l=parseFloat(r.value);if(!isNaN(i)&&!isNaN(l))return this.roundingMode==="significantFigures"?i.toPrecision(this.figures)===l.toPrecision(this.figures):Math.round(i*Math.pow(10,this.figures))/Math.pow(10,this.figures)===Math.round(l*Math.pow(10,this.figures))/Math.pow(10,this.figures);console.error(`value cannot be casted to numeric value in equalRounded operator: ${i}, ${l}`);break}default:{console.error("values other than float and int cannot be used in equalRounded operator.");break}}return!1}return console.error("unexpected number of children in qti-equal-rounded"),null}};o([da({type:String})],qt.prototype,"roundingMode",2);customElements.define("qti-equal-rounded",qt);import{property as pa}from"lit/decorators.js";var M=class{static compareSingleValues(s,e,t){switch(t){case"identifier":case"string":return s===e;case"integer":{let r=parseInt(s,10),i=parseInt(e,10);if(!isNaN(r)&&!isNaN(i))return r===i;console.error(`Cannot convert ${s} and/or ${e} to int.`);break}case"float":{let r=parseFloat(s),i=parseFloat(e);if(!isNaN(r)&&!isNaN(i))return r===i;console.error(`couldn't convert ${s} and/or ${e} to float.`);break}case"pair":case"directedPair":{let r=s.split(" ").sort(),i=e.split(" ").sort();if(r.length===2&&i.length===2)return t==="pair"&&(r.sort(),i.sort()),r.join(" ")===i.join(" ");console.error(`compared two pair but one of the values does not have 2 values: 1: ${s} 2: ${e}`);break}}return!1}};var xt=class extends g{constructor(){super(...arguments);this.toleranceMode="exact"}getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];return this.toleranceMode!=="exact"?(console.error("toleranceMode is not supported yet"),!1):t.cardinality!=="single"||r.cardinality!=="single"||Array.isArray(t.value)||Array.isArray(r.value)?(console.error("unexpected cardinality in qti equal"),!1):M.compareSingleValues(t.value,r.value,t.baseType)}return console.error("unexpected number of children in qti-equal"),null}};o([pa({type:String})],xt.prototype,"toleranceMode",2);customElements.define("qti-equal",xt);var Ut=class extends g{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];if((e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float"))return+e.value>+t.value;console.error("unexpected baseType or cardinality in qti gt")}return console.error("unexpected number of children in qt"),null}};customElements.define("qti-gt",Ut);var Xt=class extends T{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];return(e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float")?+e.value>=+t.value:(console.error("unexpected baseType or cardinality in qti gte"),null)}return console.log("unexpected number of children in qte"),null}};customElements.define("qti-gte",Xt);var Bt=class extends g{getResult(){if(this.children.length===1){let s=this.getVariables();if(!s)return!0;let e=s[0].value;return e==null||e==null||e===""}return console.error("unexpected number of children in qti Null"),null}};customElements.define("qti-is-null",Bt);var jt=class extends g{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];if((e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float"))return+e.value<+t.value;console.error("unexpected baseType or cardinality in qti lt")}return console.error("unexpected number of children in lt"),null}};customElements.define("qti-lt",jt);var Wt=class extends T{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];return(e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float")?+e.value<=+t.value:(console.error("unexpected baseType or cardinality in qti lte"),null)}return console.log("unexpected number of children in lte"),null}};customElements.define("qti-lte",Wt);import{property as ma}from"lit/decorators.js";var wt=class extends g{getResult(){let s=this.context.variables.find(i=>i.identifier===this.identifier);if(!s)return console.warn(`Response ${this.identifier} can not be found`),null;let e=s.mapping,t=Array.isArray(s.value)?s.value:[s.value],r=0;for(let i of t){let l=e.mapEntries.find(a=>M.compareSingleValues(a.mapKey,i,s.baseType));l==null||l.mappedValue==null?r+=e.defaultValue:r+=l.mappedValue}return e.lowerBound!=null&&(r=Math.max(e.lowerBound,r)),e.upperBound!=null&&(r=Math.min(e.upperBound,r)),r}};o([ma({type:String})],wt.prototype,"identifier",2);customElements.define("qti-map-response",wt);import{property as Yt}from"lit/decorators.js";import{LitElement as ha}from"lit";var be=class extends ha{constructor(){super(...arguments);this.defaultValue=0}get mapEntries(){return Array.from(this.querySelectorAll("qti-map-entry")).map(e=>({mapKey:e.getAttribute("map-key"),mappedValue:+e.getAttribute("mapped-value")}))}};o([Yt({attribute:"default-value",type:Number})],be.prototype,"defaultValue",2),o([Yt({attribute:"lower-bound",type:Number})],be.prototype,"lowerBound",2),o([Yt({attribute:"upper-bound",type:Number})],be.prototype,"upperBound",2);customElements.define("qti-mapping",be);var Kt=class n extends g{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];return n.match(e,t)}return console.error("unexpected number of children in match"),null}static match(s,e){switch(e.cardinality){case"single":return s.value===null?!1:Array.isArray(s.value)||Array.isArray(e.value)?(console.error("unexpected cardinality in qti match"),!1):M.compareSingleValues(s.value?.toString(),e.value.toString(),e.baseType);case"ordered":{if(!Array.isArray(s.value)||!Array.isArray(e.value))return console.error("unexpected cardinality in qti match"),!1;if(s.value.length!==e.value.length)return!1;for(let t=0;t<s.value.length;t++)if(!M.compareSingleValues(e.value[t],s.value[t],e.baseType))return!1;return!0}case"multiple":{if(!Array.isArray(s.value)||!Array.isArray(e.value))return console.error("unexpected cardinality in qti match"),!1;if(s.value.length!==e.value.length)return!1;let t=0;for(let r of e.value){let i=null,l=[...s.value];for(let a of l)if(M.compareSingleValues(r,a,e.baseType)){i=a;break}if(i!==null)l.splice(l.indexOf(i),1);else return!1;t++}return!0}default:return console.error("unexpected cardinality in qti match"),!1}}};customElements.define("qti-match",Kt);var Gt=class extends g{getResult(){let s=this.getVariables();this.children.length!==2&&console.warn("The member operator takes two sub-expressions");let[e,t]=s;if(e.baseType===t.baseType||e.baseType==="integer"&&t.baseType==="float"||e.baseType==="float"&&t.baseType==="integer"||console.warn("Which must both have the same base-type"),t.cardinality==="multiple"||t.cardinality==="ordered"||console.warn("and the second must be a multiple or ordered container"),(e.baseType==="float"||t.baseType==="float")&&console.warn("The member operator should not be used on sub-expressions with a base-type of float"),(e.baseType==="duration"||t.baseType==="duration")&&console.warn("It must not be used on sub-expressions with a base-type of duration"),e.value===null||t.value===null)return null;let r=e.value;return t.value.includes(r)}};customElements.define("qti-member",Gt);var Jt=class extends g{getResult(){let s=this.getVariables();if(s.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let e of s)if(e.cardinality!=="multiple"&&e.cardinality!=="single")return console.error("unexpected cardinality in qti multiple"),[];return s}};customElements.define("qti-multiple",Jt);import{html as ua}from"lit";var Zt=class extends g{render(){return ua`${super.render()}`}getResult(){return!this.firstElementChild.calculate()}};customElements.define("qti-not",Zt);var Qt=class extends T{getResult(){return Array.from(this.children).map(e=>{let t=e;if(!t.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let r=t.calculate(),i=!1;if(typeof r=="string")if(r==="true")i=!0;else if(r==="false")i=!1;else return console.error("unexpected val in qti-or, expected boolean"),null;else typeof r=="boolean"&&(i=r);return i}).some(e=>typeof e=="boolean"&&e)}};customElements.define("qti-or",Qt);var er=class extends g{getResult(){let s=this.getVariables();if(s.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let e of s)if(e.cardinality!=="ordered"&&e.cardinality!=="single")return console.error("unexpected cardinality in qti ordered"),[];return s}};customElements.define("qti-ordered",er);import{consume as ga}from"@lit/context";import{LitElement as ba,html as fa}from"lit";import{property as va,state as ya}from"lit/decorators.js";var Oe=class extends ba{render(){let s=this.context?.variables.find(e=>e.identifier===this.identifier)?.value;return fa`${JSON.stringify(s,null,2)}`}calculate(){return this.context.variables.find(e=>e.identifier===this.identifier)||null}};o([va({type:String})],Oe.prototype,"identifier",2),o([ga({context:x,subscribe:!0}),ya()],Oe.prototype,"context",2);customElements.define("qti-printed-variable",Oe);var tr=class extends g{getResult(){return this.getVariables().reduce((t,r)=>{if(r.baseType=="float"||r.baseType=="integer")try{return t*parseInt(r.value.toString())}catch{console.warn("can not convert to number")}else console.warn(`has another baseType ${r.baseType}`);return t},1)}};customElements.define("qti-product",tr);var Et=class extends qa(g){getResult(){return this.calculateChildren(Array.from(this.children))}};function qa(n){return class extends n{calculateChildren(e){let t=e.map(r=>{if(!r.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let i=r.calculate();return Number.isNaN(i)?(console.error("Unexpected value in qti-subtract, expected number"),null):Number(i)});return t.some(r=>r===null)?(console.error("One or more child expressions returned invalid values"),0):t[0]-t[1]}}}customElements.define("qti-subtract",Et);import{property as xa}from"lit/decorators.js";var Ct=class extends g{constructor(){super(...arguments);this.caseSensitive="true"}getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];if(t.cardinality!=="single"||r.cardinality!=="single"||Array.isArray(t.value)||Array.isArray(r.value))return console.error("unexpected cardinality in qti string-match"),!1;let i=this.caseSensitive==="true"?t.value:t.value.toLowerCase(),l=this.caseSensitive==="true"?r.value:r.value.toLowerCase();return M.compareSingleValues(i,l,t.baseType)}return console.error("unexpected number of children in qti-string-match"),null}};o([xa({type:String,attribute:"case-sensitive"})],Ct.prototype,"caseSensitive",2);customElements.define("qti-string-match",Ct);var rr=class extends g{constructor(){super(),this._expression=new ir(Array.from(this.children))}getResult(){return this._expression.calculate()}},ir=class{constructor(s){this.expressions=s}calculate(){return this.expressions.map(e=>{if(!e.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let t=e.calculate();return Number.isNaN(t)?(console.error("unexpected value in qti-sum, expected number"),null):Number(t)}).reduce((e,t)=>e+t,0)}};customElements.define("qti-sum",rr);var or=class extends g{getResult(){let s=this.getAttribute("identifier");return this.context.variables.find(t=>t.identifier===s).value}};customElements.define("qti-variable",or);import{html as Qr}from"lit";import{customElement as wa,property as ei,state as Ea}from"lit/decorators.js";var te=class extends u{constructor(){super(...arguments);this._errorMessage=null;this.loadConfig=async(e,t)=>{e=this.removeDoubleSlashes(e);try{let r=await fetch(e);if(r.ok){let l=await r.json();for(let a in l.paths)t&&(l.paths[a]=this.getResolvablePath(l.paths[a],t));return l}}catch{}return null};this.getResolvablePathString=(e,t)=>(e=e.replace(/\.js$/,""),e?.toLocaleLowerCase().startsWith("http")||!t?e:this.removeDoubleSlashes(`${t}/${e}`));this.getResolvablePath=(e,t)=>Array.isArray(e)?e.map(r=>this.getResolvablePathString(r,t)):this.getResolvablePathString(e,t)}convertQtiVariableJSON(e){for(let t in e)if(e.hasOwnProperty(t)){let r=e[t];if(r){for(let i in r)if(r.hasOwnProperty(i)){let l=r[i];if(Array.isArray(l))return l.map(String);if(l!=null)return String(l)}}}return null}startChecking(){this.intervalId=setInterval(()=>{let e=this.pci.getResponse(),t=this.pci.getResponse(),r=JSON.stringify(e);if(r!==this.rawResponse){this.rawResponse=r;let i=this.convertQtiVariableJSON(t);this.value=i,this.saveResponse(i)}},200)}stopChecking(){this.intervalId!==void 0&&clearInterval(this.intervalId)}validate(){return!0}set value(e){}get value(){return this.rawResponse}getTAOConfig(e){let t=e.querySelectorAll("properties"),r={},i=a=>{let c={},d=a.getAttribute("key");if(d){let p=Array.from(a.children),m=p.map(b=>b.getAttribute("key"));m.length>0&&!m.find(b=>!Number.isInteger(+b))?c[d]=p.map(b=>l(b)):c[d]=a.textContent}return c},l=a=>{if(a){let c={};for(let d of a.children)c={...c,...i(d)};return c}};for(let a of t)return a.getAttribute("key")||(r={...r,...l(a)}),r;return console.log("Can not find qti-custom-interaction config"),null}register(e){this.pci=e;let t=this.parentElement.tagName==="QTI-CUSTOM-INTERACTION"?"TAO":"IMS",r=t=="IMS"?this.querySelector("qti-interaction-markup"):this.querySelector("markup");r.classList.add("qti-customInteraction"),t=="TAO"&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");let i=t=="IMS"?{properties:this.dataset,onready:()=>{console.log("onready")}}:this.getTAOConfig(this);t=="IMS"?e.getInstance(r,i,void 0):e.initialize(this.customInteractionTypeIdentifier,r.firstElementChild,i),t=="TAO"&&Array.from(this.querySelectorAll("link")).map(a=>a.getAttribute("href")).forEach(a=>{let c=document.createElement("link");c.rel="stylesheet",c.type="text/css",c.media="screen",c.href=a,r.appendChild(c)}),this.startChecking()}connectedCallback(){super.connectedCallback(),define("qtiCustomInteractionContext",()=>({register:r=>{this.register(r)},notifyReady:()=>{}}));let e=this.buildRequireConfig();requirejs.config(e)(["require"],r=>{r([this.module])})}disconnectedCallback(){super.disconnectedCallback(),requirejs.undef(this.customInteractionTypeIdentifier);let e=requirejs.s.contexts;delete e[this.customInteractionTypeIdentifier],this.stopChecking()}buildRequireConfig(){let e={context:this.customInteractionTypeIdentifier,catchError:!0,paths:window.requirePaths||{},shim:window.requireShim||{}};if(!globalThis.require)return this._errorMessage="RequireJS not found. Please load it via CDN: https://cdnjs.com/libraries/require.js",null;let t=this.getAttribute("data-base-url"),r=this.querySelector("qti-interaction-modules");if(r){let i=r.querySelectorAll("qti-interaction-module");for(let l of i){let a=l.getAttribute("id"),c=l.getAttribute("primary-path"),d=l.getAttribute("fallback-path");if(a&&c){let p=d?this.combineRequireResolvePaths(this.getResolvablePath(c,t),this.getResolvablePath(d,t)):this.getResolvablePath(c,t),m=e.paths[a]||[];e.paths[a]=this.combineRequireResolvePaths(m,p)}}}return e}combineRequireResolvePaths(e,t){let r=Array.isArray(e)?e:[e],i=Array.isArray(t)?t:[t];return r.concat(i)}removeDoubleSlashes(e){return e.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}render(){return Qr`<slot></slot>${this._errorMessage&&Qr`<div style="color:red">
-        <h1>Error</h1>
-        ${this._errorMessage}
-      </div>`}`}};o([ei({type:String,attribute:"module"})],te.prototype,"module",2),o([ei({type:String,attribute:"custom-interaction-type-identifier"})],te.prototype,"customInteractionTypeIdentifier",2),o([Ea()],te.prototype,"_errorMessage",2),te=o([wa("qti-portable-custom-interaction")],te);import{html as ii}from"lit";import{customElement as ka,state as Ta}from"lit/decorators.js";var ti=(n,s,e)=>{class t extends n{}return t};import{property as sr}from"lit/decorators.js";var N=(n,s,e,t)=>{class r extends ti(n,e,s){constructor(){super(...arguments);this.observer=null;this.droppableObsever=null;this.resizeObserver=null;this.draggables=[];this.droppables=[];this.dragContainers=[];this.dragClone=null;this.dragSource=null;this.touchStartPoint=null;this.isDraggable=!1;this.cloneOffset={x:0,y:0};this.isDragging=!1;this.rootNode=null;this.allDropzones=[];this.lastTarget=null;this.dropzoneOriginalParent=null;this.currentDropTarget=null;this.MIN_DRAG_DISTANCE=5;this.DRAG_CLONE_OPACITY=1;this.dataTransfer={data:{},setData(a,c){this.data[a]=c},getData(a){return this.data[a]},effectAllowed:"move"};this.configuration={copyStylesDragClone:!0,dragCanBePlacedBack:!0,dragOnClick:!1};this.minAssociations=1;this.maxAssociations=1;this.draggablesModified=(a,c)=>{for(let p of c)this.draggables.includes(p)&&(this.draggables=this.draggables.filter(m=>m!==p),p.removeAttribute("tabindex"),p.removeEventListener("touchstart",this.handleTouchStart.bind(this)),p.removeEventListener("mousedown",this.handleTouchStart.bind(this)));for(let p of a)this.draggables.includes(p)||(this.draggables.push(p),p.setAttribute("tabindex","0"),p.hasTouchStartListener||(p.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!1}),p.addEventListener("mousedown",this.handleTouchStart.bind(this),{passive:!1}),p.hasTouchStartListener=!0));let d=0;this.draggables.forEach(p=>{p.style.viewTransitionName=`drag-${d}-${this.getAttribute("identifier")||crypto.randomUUID()}`,p.setAttribute("qti-draggable","true"),p.addEventListener("dragstart",this.handleDragStart),p.addEventListener("dragend",this.handleDragEnd),d++})};this.droppablesModified=(a,c)=>{for(let d of c)this.droppables.includes(d)&&(this.droppables=this.droppables.filter(p=>p!==d),this.allDropzones=this.allDropzones.filter(p=>p!==d));for(let d of a)this.droppables.includes(d)||(this.droppables.push(d),this.allDropzones.push(d));for(let d of this.droppables)this.dataset.choicesContainerWidth&&(d.style.width=`${this.dataset.choicesContainerWidth}px`,d.style.boxSizing="border-box")};this.handleDragStart=a=>{let c=a.currentTarget;a.dataTransfer.setData("text",c.getAttribute("identifier")),this.responseIdentifier&&a.dataTransfer.setData("responseIdentifier",this.responseIdentifier),this._internals.states.add("--dragzone-enabled"),this._internals.states.add("--dragzone-active"),c.setAttribute("dragging",""),this.activateDragLocation(),this.activateDroppables(c)};this.handleDragEnd=async a=>{a.preventDefault();let c=a.currentTarget;this._internals.states.delete("--dragzone-enabled"),this._internals.states.delete("--dragzone-active"),this.deactivateDragLocation(),this.deactivateDroppables(),c.removeAttribute("dragging")}}handleDraggableContainerChange(a,c){this.isMatchTabular()||(a.length>0||c.length>0)&&this.dragContainersModified(a||[],c||[])}dragContainersModified(a,c){for(let d of c)this.dragContainers.includes(d)&&(this.dragContainers=this.dragContainers.filter(p=>p!==d),this.allDropzones=this.allDropzones.filter(p=>p!==d));for(let d of a)this.dragContainers.includes(d)||(this.dragContainers.push(d),this.allDropzones.push(d))}handleDraggablesChange(a,c){this.isMatchTabular()||(a.length>0||c.length>0)&&this.draggablesModified(a||[],c||[])}handleDroppablesChange(a,c){this.isMatchTabular()||(a.length>0||c.length>0)&&this.droppablesModified(a||[],c||[])}firstUpdated(a){super.firstUpdated(a),this.hasAttribute("disabled")||(document.addEventListener("touchmove",this.handleTouchMove.bind(this),{passive:!1}),document.addEventListener("mousemove",this.handleTouchMove.bind(this),{passive:!1}),document.addEventListener("touchend",this.handleTouchEnd.bind(this),{passive:!1}),document.addEventListener("mouseup",this.handleTouchEnd.bind(this),{passive:!1}),document.addEventListener("touchcancel",this.handleTouchCancel.bind(this),{passive:!1}));let d=Array.from(this.querySelectorAll(s)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(s)||[])),p=Array.from(this.querySelectorAll(e)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(e)||[])),m=Array.from(this.querySelectorAll(t)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(t)||[]));this.dragContainersModified(m,[]),this.droppablesModified(p,[]),this.draggablesModified(d,[]),this.updateMinDimensionsForDropZones(),this.observer=new MutationObserver(()=>this.updateMinDimensionsForDropZones()),this.observer.observe(this,{childList:!0,subtree:!0}),this.resizeObserver=new ResizeObserver(()=>this.updateMinDimensionsForDropZones()),this.querySelectorAll("qti-gap-text").forEach(b=>this.resizeObserver?.observe(b))}async moveDraggableToDroppable(a,c){(()=>{a.style.transform="translate(0, 0)",c.tagName==="SLOT"?a.setAttribute("slot",c.getAttribute("name")):c.appendChild(a),this.checkAllMaxAssociations(),this.saveResponse()})()}activateDroppable(a){this.dragContainers.includes(a)?(this._internals.states.add("--dragzone-active"),a.setAttribute("active","")):(this._internals.states.delete("--dragzone-active"),a.setAttribute("active",""))}deactivateDroppable(a,c=!0){c&&this._internals.states.add("--dragzone-active"),a.removeAttribute("active")}connectedCallback(){super.connectedCallback()}isMatchTabular(){return this.classList.contains("qti-match-tabular")}updateMinDimensionsForDropZones(){let a=this.querySelectorAll(s),c=Array.from(this.querySelectorAll(e)).map(h=>h),d=0,p=0;a.forEach(h=>{let b=h.getBoundingClientRect();d=Math.max(d,b.height),p=Math.max(p,b.width)});let m=this.querySelector(t)||this.shadowRoot?.querySelector(t);m&&(m.style.minHeight=`${d}px`,m.style.minWidth=`${p}px`);for(let h of c)h.style.minHeight=`${d}px`,h.style.minWidth=`${p}px`}activateDroppables(a){this.dragContainers.forEach(d=>{d.setAttribute("enabled",""),d.hasAttribute("disabled")&&(d.contains(a)||d.shadowRoot&&d.shadowRoot.contains(a))&&d.removeAttribute("disabled")}),this.droppables.forEach(d=>{d.setAttribute("enabled",""),d.hasAttribute("disabled")&&(d.contains(a)||d.shadowRoot&&d.shadowRoot.contains(a))&&d.removeAttribute("disabled")})}activateDragLocation(){this._internals.states.add("--dragzone-enabled")}deactivateDragLocation(){this._internals.states.delete("--dragzone-enabled")}deactivateDroppables(){this.dragContainers.forEach(c=>{c.removeAttribute("enabled")}),this.droppables.forEach(c=>c.removeAttribute("enabled"))}disconnectedCallback(){super.disconnectedCallback(),this.observer&&(this.observer.disconnect(),this.observer=null),this.droppableObsever&&(this.droppableObsever.disconnect(),this.droppableObsever=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("mousemove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd),document.removeEventListener("mouseup",this.handleTouchEnd),document.removeEventListener("touchcancel",this.handleTouchCancel)}handleTouchMove(a){if(this.isDraggable&&this.dragClone){let{x:c,y:d}=this.getEventCoordinates(a),p={clientX:c,clientY:d};this.calculateDragDistance(p)>=this.MIN_DRAG_DISTANCE&&(this.isDragging=!0,this.updateDragClonePosition(p));let m=this.findClosestDropzone();this.currentDropTarget=m,m!==this.lastTarget&&(this.lastTarget&&(this.deactivateDroppable(this.lastTarget),this.dispatchCustomEvent(this.lastTarget,"dragleave")),m&&(this.activateDroppable(m),this.dispatchCustomEvent(m,"dragenter")),this.lastTarget=m),this.currentDropTarget&&this.dispatchCustomEvent(this.currentDropTarget,"dragover"),a.preventDefault()}}handleTouchEnd(a){if(this.isDragging){if(this.currentDropTarget){let c=this.dragClone;this.moveDraggableToDroppable(c,this.currentDropTarget)}this.resetDragState()}this._internals.states.delete("--dragzone-active"),this.checkAllMaxAssociations(),a.preventDefault()}handleTouchCancel(a){this.resetDragState()}validate(){if(!this.shadowRoot)return!1;let a=this.getValidAssociations(),c=!0,d="";this.maxAssociations>0&&a>this.maxAssociations?(c=!1,d=this.dataset.maxSelectionsMessage||`You've selected too many associations. Maximum allowed is ${this.maxAssociations}.`):this.minAssociations>0&&a<this.minAssociations&&(c=!1,d=this.dataset.minSelectionsMessage||`You haven't selected enough associations. Minimum required is ${this.minAssociations}.`);let p=this.lastElementChild;return this._internals.setValidity(c?{}:{customError:!0},d,p),this.reportValidity(),c}reportValidity(){let a=this.shadowRoot.querySelector("#validationMessage");return a&&(this._internals.validity.valid?(a.textContent="",a.style.display="none"):(a.textContent=this._internals.validationMessage,a.style.display="block")),this._internals.validity.valid}checkMaxAssociations(a){let c=this.getMatchMaxValue(a),d=a.querySelectorAll('[qti-draggable="true"]').length;return c===0||d>=c}resetDragState(){if(this.dragClone)if(!(this.currentDropTarget!==null)||this.dragContainers.includes(this.currentDropTarget))this.dragSource.style.opacity="1.0",this.dragSource.style.display="block",this.dragSource.style.pointerEvents="auto",this.dragClone.remove();else{let d=window.getComputedStyle(this.dragSource);for(let p=0;p<d.length;p++){let m=d[p];this.dragClone.style.setProperty(m,d.getPropertyValue(m))}this.dragClone.style.opacity="1.0",this.dragClone.style.display="block",this.dragClone.style.pointerEvents="auto"}this.isDragging=!1,this.isDraggable=!1,this.dragSource=null,this.dragClone=null,this.touchStartPoint=null,this.currentDropTarget=null,this.lastTarget=null}checkAllMaxAssociations(){this.droppables.forEach(a=>{this.checkMaxAssociations(a)?this.disableDroppable(a):this.enableDroppable(a)})}getMatchMaxValue(a){let c=a.getAttribute("match-max");return c?parseInt(c,10):1}disableDroppable(a){a.setAttribute("disabled","")}enableDroppable(a){a.removeAttribute("disabled")}get value(){return this.collectResponseData()}set value(a){if(!this.isMatchTabular())if(Array.isArray(a)){a?.forEach(d=>this.placeResponse(d));let c=new FormData;a.forEach(d=>{c.append(this.responseIdentifier,d)}),this._internals.setFormValue(c)}else this._internals.setFormValue(a)}placeResponse(a){let[c,...d]=a.split(" ").reverse(),p=this.findDroppableById(c);d.forEach(m=>this.placeDraggableInDroppable(m,p))}findDroppableById(a){return this.droppables.find(c=>c.getAttribute("identifier")===a)}async placeDraggableInDroppable(a,c){let d=this.querySelector(`[identifier=${a}]`);if(!c||!d){console.error(`Cannot find draggable or droppable with the given identifier: ${a}`);return}let p=()=>{d.style.transform="translate(0, 0)",console.log("droppable",c),c.appendChild(d),this.checkAllMaxAssociations()};document.startViewTransition?await document.startViewTransition(p).finished:p()}getValidAssociations(){return this.droppables.filter(a=>a.childElementCount>0).length}saveResponse(){this.validate();let a=this.collectResponseData();this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,response:a}}))}collectResponseData(){return this.droppables.map(c=>{let d=c.querySelectorAll('[qti-draggable="true"]'),p=Array.from(d).map(h=>h.getAttribute("identifier")),m=c.getAttribute("identifier");return p.map(h=>`${h} ${m}`)}).flat()}reset(a=!0){a&&this.saveResponse()}updateDragClonePosition(a){if(!this.isDragging||!this.dragClone)return;let c=a.clientX-this.cloneOffset.x,d=a.clientY-this.cloneOffset.y,{newLeft:p,newTop:m}=this.applyBoundaries(c,d,this.dragClone);this.dragClone.style.left=`${p}px`,this.dragClone.style.top=`${m}px`}getEventCoordinates(a,c=!1){let d=a.touches?a.touches[0]:a;return{x:c?d.pageX:d.clientX,y:c?d.pageY:d.clientY}}calculateDragDistance(a){let c=Math.abs(a.clientX-this.touchStartPoint.x),d=Math.abs(a.clientY-this.touchStartPoint.y);return c+d}applyBoundaries(a,c,d){let p=new DOMRect(0,0,window.innerWidth,window.innerHeight);this.rootNode instanceof ShadowRoot?p=this.rootNode.host.getBoundingClientRect():this.rootNode instanceof Document&&(p=document.documentElement.getBoundingClientRect());let m=d.getBoundingClientRect(),h=m.width,b=m.height,y=Math.max(p.left,Math.min(a,p.right-h)),f=Math.max(p.top,Math.min(c,p.bottom-b));return{newLeft:y,newTop:f}}findClosestDropzone(){let a=this.allDropzones.filter(m=>!m.hasAttribute("disabled"));if(!this.dragClone||a.length===0)return null;let c=this.dragClone.getBoundingClientRect(),d=null,p=0;for(let m of a){let h=m.getBoundingClientRect(),b=this.calculateOverlapArea(c,h);b>p&&(p=b,d=m)}if(!d){let m=200;for(let h of a){let b=h.getBoundingClientRect(),y=Math.sqrt(Math.pow(c.left-b.left,2)+Math.pow(c.top-b.top,2));y<m&&(m=y,d=h)}}return d}calculateOverlapArea(a,c){let d=Math.max(0,Math.min(a.right,c.right)-Math.max(a.left,c.left)),p=Math.max(0,Math.min(a.bottom,c.bottom)-Math.max(a.top,c.top));return d*p}dispatchCustomEvent(a,c,d=!0){if(!a)return;let p=new CustomEvent(c,{bubbles:d,cancelable:!0});p.dataTransfer=this.dataTransfer,a.dispatchEvent(p)}handleTouchStart(a){let{x:c,y:d}=this.getEventCoordinates(a);this.dropzoneOriginalParent=a.currentTarget.parentElement,this.touchStartPoint={x:c,y:d},this.dragSource=a.currentTarget,this.isDraggable=!0,this.rootNode=this.dragSource.getRootNode();let p=this.findDraggableInDraggableContainer(this.dragSource.getAttribute("identifier")),m=this.dragSource.parentElement;if(this.droppables.includes(m)){this.enableDroppable(m),this.dragClone=this.dragSource,this.dragSource=this.findDraggableInDraggableContainer(this.dragSource.getAttribute("identifier"));let h=this.findParentInteractionElement(this.dragSource),b=this.dragClone.getBoundingClientRect();h?h.appendChild(this.dragClone):this.rootNode instanceof ShadowRoot?this.rootNode.host.appendChild(this.dragClone):this.rootNode instanceof Document&&document.body.appendChild(this.dragClone),b&&this.setDragCloneStyles(b)}else{let h=p.getBoundingClientRect();this.cloneOffset.x=c-h.left,this.cloneOffset.y=d-h.top,this.dragClone=p.cloneNode(!0),h&&this.setDragCloneStyles(h);let b=this.findParentInteractionElement(this.dragSource);b?b.appendChild(this.dragClone):this.rootNode instanceof ShadowRoot?this.rootNode.host.appendChild(this.dragClone):this.rootNode instanceof Document&&document.body.appendChild(this.dragClone);let y=this.getMatchMaxValue(this.dragSource),f=this.draggables.filter(Ce=>Ce.getAttribute("identifier")===this.dragSource.getAttribute("identifier"));y!==0&&f.length>=y?(p.style.opacity="0.0",p.style.pointerEvents="none"):p.style.opacity="1.0",a.preventDefault()}}findParentInteractionElement(a){let c=a.parentElement;for(;c&&!c.tagName?.toLowerCase().endsWith("-interaction");)c=c.parentElement;return c}findDraggableInDraggableContainer(a){let c=this.dragContainers.flat();for(let d of c){if(d.getAttribute("identifier")===a)return d;let m=Array.from(d.assignedElements()||[]).find(h=>h.getAttribute("identifier")===a);if(m)return m}}setDragCloneStyles(a){this.dragClone.style.position="fixed",this.dragClone.style.top=`${a.top}px`,this.dragClone.style.left=`${a.left}px`,this.dragClone.style.width=`${a.width}px`,this.dragClone.style.height=`${a.height}px`,this.dragClone.style.setProperty("box-sizing","border-box","important"),this.dragClone.style.zIndex="9999",this.dragClone.style.pointerEvents="none",this.dragClone.style.opacity=this.DRAG_CLONE_OPACITY.toString(),this.dragClone.style.display="block"}}return o([sr({attribute:!1,type:Object})],r.prototype,"configuration",2),o([sr({type:Number,reflect:!0,attribute:"min-associations"})],r.prototype,"minAssociations",2),o([sr({type:Number,reflect:!0,attribute:"max-associations"})],r.prototype,"maxAssociations",2),o([rt(t)],r.prototype,"handleDraggableContainerChange",1),o([rt(s)],r.prototype,"handleDraggablesChange",1),o([rt(e)],r.prototype,"handleDroppablesChange",1),r};import{css as Ca}from"lit";var ri=Ca`
-  :host {
-    display: block; /* necessary to calculate scaling position */
-  }
-  slot[name='qti-simple-associable-choice'] {
-    display: flex;
-    align-items: flex-start;
-    flex: 1;
-    border: 2px solid transparent;
-    padding: 0.3rem;
-    border-radius: 0.3rem;
-    gap: 0.5rem;
-  }
-
-  :host::part(associables-container) {
-    display: flex;
-    padding: 0.5rem;
-    justify-content: space-between;
-    background: linear-gradient(
-      180deg,
-      rgb(0 0 0 / 0%) calc(50% - 1px),
-      var(--qti-border-color-gray) calc(50%),
-      rgb(0 0 0 / 0%) calc(50% + 1px)
-    );
-  }
-`;var fe=class extends N(u,"qti-simple-associable-choice",".dl","slot[name='qti-simple-associable-choice']"){constructor(){super();this._childrenMap=[];this._registerChoiceHandler=this._registerChoice.bind(this),this.addEventListener("register-qti-simple-associable-choice",this._registerChoiceHandler)}_registerChoice(e){let t=e.target;this._childrenMap.push(t)}render(){return ii` <slot name="prompt"></slot>
-      <slot name="qti-simple-associable-choice"></slot>
-      <div part="drop-container">
-        ${this._childrenMap.length>0&&Array.from(Array(Math.ceil(this._childrenMap.length/2)).keys()).map((e,t)=>ii`<div part="associables-container">
-              <div name="left${t}" part="drop-list" class="dl" identifier="droplist${t}_left"></div>
-              <div name="right${t}" part="drop-list" class="dl" identifier="droplist${t}_right"></div>
-            </div>`)}
-
-        <div role="alert" id="validationMessage"></div>
-      </div>`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("register-qti-simple-associable-choice",this._registerChoiceHandler)}};fe.styles=ri,o([Ta()],fe.prototype,"_childrenMap",2),fe=o([ka("qti-associate-interaction")],fe);import{html as oi}from"lit";import{customElement as Ma,property as kt,state as Sa}from"lit/decorators.js";var U=class extends u{constructor(){super();this._errorMessage=null;this.handlePostMessage=this.handlePostMessage.bind(this)}connectedCallback(){super.connectedCallback();let e=this.data.startsWith("http")?this.data:Ae(this.baseItemUrl+"/"+this.data);fetch(e).then(t=>t.json()).then(t=>{this.manifest=t,this.setupCES()}).catch(t=>{this._errorMessage=t})}setupCES(){let e=this.shadowRoot.querySelector("#pciContainer"),t=e.contentDocument;window.addEventListener("message",this.handlePostMessage),t.open(),t.write(`
-      <html>
-        <head>
-          <link href='${Ae(`${this.baseRefUrl}/${this.manifest.style[0]}`)}' rel="stylesheet" />
-          <script src='${Ae(`${this.baseRefUrl}/${this.manifest.script[0]}`)}'></script>
-        </head>
-        <body></body>
-      </html>
-      `),t.close()}getIFrames(){let e=this.shadowRoot.querySelectorAll("iframe"),t=this.querySelectorAll("iframe"),r=[...e,...t];for(let i of r){let l=i.src;if(new URL(l,window.location.href).origin===window.location.origin)try{let c=i.contentDocument||i.contentWindow.document;c&&this.getInnerIFrames(c,r)}catch(c){console.error("Error accessing nested iframe:",c)}}return r.forEach((i,l)=>{r.indexOf(i)!==l&&r.splice(l,1)}),r}getInnerIFrames(e,t=[]){return e.querySelectorAll("iframe").forEach(i=>{t.push(i);let l=i.src;if(new URL(l,window.location.href).origin===window.location.origin)try{let c=i.contentDocument||i.contentWindow.document;this.getInnerIFrames(c,t)}catch(c){console.error("Error accessing nested iframe:",c)}else console.warn("Skipped cross-origin iframe:",l)}),t}postToWindowAndIframes(e,t){window.postMessage({type:e,data:t},"*");let r=this.getIFrames();for(let i of r)i.contentWindow&&i.contentWindow.postMessage({type:e,data:t},"*")}handlePostMessage(e){let{type:t,data:r}=e.data;switch(t){case"setResponse":this.rawResponse=r,this.saveResponse(r);break;case"getResponse":{this.postToWindowAndIframes("responseData",this.rawResponse);break}case"getMedia":{let i=this.manifest.media.map(l=>l.startsWith("http")?l:Ae(this.baseRefUrl+"/"+l));this.postToWindowAndIframes("mediaData",i);break}case"setStageHeight":console.log("setStageHeight not implemented");break}}validate(){return this.rawResponse!==""}get value(){return this.rawResponse}set value(e){if(typeof e=="string")this.rawResponse=e,this.saveResponse(e);else throw new Error("Value must be a string")}disconnectedCallback(){window.removeEventListener("message",this.handlePostMessage),super.disconnectedCallback()}render(){return oi`<iframe
-        width=${this.getAttribute("width")}
-        height=${this.getAttribute("height")}
-        frameborder="0"
-        title="pciContainer"
-        id="pciContainer"
-      >
-      </iframe>
-      ${this._errorMessage&&oi`<div style="color:red">
-        <h1>Error</h1>
-        ${this._errorMessage}
-      </div>`}`}};o([kt({type:String,attribute:"data"})],U.prototype,"data",2),o([kt({type:String,attribute:"data-base-item"})],U.prototype,"baseItemUrl",2),o([kt({type:String,attribute:"data-base-ref"})],U.prototype,"baseRefUrl",2),o([kt({type:String,attribute:"id"})],U.prototype,"id",2),o([Sa()],U.prototype,"_errorMessage",2),U=o([Ma("qti-custom-interaction")],U);import{html as La,LitElement as _a}from"lit";import{customElement as Aa,property as Tt}from"lit/decorators.js";var G=class extends _a{constructor(){super(...arguments);this.disabled=!1;this.countAttempt=null;this.title="end attempt"}render(){return La`<button ?disabled=${this.disabled} part="button" @click=${this.endAttempt}>${this.title}</button>`}endAttempt(e){this.dispatchEvent(new CustomEvent("end-attempt",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,countAttempt:this.countAttempt==="true"}}))}};o([Tt({type:String,attribute:"response-identifier"})],G.prototype,"responseIdentifier",2),o([Tt({reflect:!0,type:Boolean})],G.prototype,"disabled",2),o([Tt({type:String,attribute:"count-attempt"})],G.prototype,"countAttempt",2),o([Tt({type:String})],G.prototype,"title",2),G=o([Aa("qti-end-attempt-interaction")],G);import{html as Da}from"lit";import{customElement as Ia}from"lit/decorators.js";import{css as Ra}from"lit";var si=Ra`
-  :host {
-    display: flex;
-    align-items: flex-start;
-    flex-direction: column;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-
-  :host(.qti-choices-top) {
-    flex-direction: column;
-  }
-  :host(.qti-choices-bottom) {
-    flex-direction: column-reverse;
-  }
-  :host(.qti-choices-left) {
-    flex-direction: row;
-  }
-  :host(.qti-choices-right) {
-    flex-direction: row-reverse;
-  }
-  /* [part='drops'] , */
-  [name='prompt'] {
-    width: 100%;
-  }
-  [name='drags'] {
-    display: flex;
-    align-items: flex-start;
-    flex: 1;
-    border: 2px solid transparent;
-    padding: 0.3rem;
-    border-radius: 0.3rem;
-    gap: 0.5rem;
-  }
-`;var Fe=class extends N(u,"qti-gap-text","qti-gap","slot[part='drags']"){render(){return Da`<slot name="prompt"> </slot>
-      <slot part="drags" name="drags"></slot>
-      <slot part="drops"></slot>
-      <div role="alert" id="validationMessage"></div>`}set correctResponse(s){let e=[],t=Array.isArray(s)?s:[s];t&&(e=t.map(i=>{let l=i.split(" ");return{text:l[0],gap:l[1]}})),this.querySelectorAll("qti-gap").forEach(i=>{let l=i.getAttribute("identifier"),a=e.find(d=>d.gap===l)?.text,c=this.querySelector(`qti-gap-text[identifier="${a}"]`)?.textContent.trim();if(a&&c){if(!i.nextElementSibling?.classList.contains("correct-option")){let d=document.createElement("span");d.classList.add("correct-option"),d.textContent=c,i.insertAdjacentElement("afterend",d)}}else i.nextElementSibling?.classList.contains("correct-option")&&i.nextElementSibling.remove()})}};Fe.styles=si,Fe=o([Ia("qti-gap-match-interaction")],Fe);import{html as Ha,svg as ni}from"lit";import{customElement as Na,queryAssignedElements as $a,state as ar}from"lit/decorators.js";import{ifDefined as li}from"lit/directives/if-defined.js";import{repeat as za}from"lit/directives/repeat.js";function ve(n,s,e,t){switch(n){case"circle":{let[r,i,l]=s,a=r/e.width*100,c=i/e.height*100,d=l/e.width*100;t.style.left=a-d+"%",t.style.top=c-d+"%",t.style.width=t.style.height=4*d+"px",t.style.borderRadius="9999px"}break;case"rect":{let[r,i,l,a]=s,c=r/e.width*100,d=i/e.height*100,p=l/e.width*100,m=a/e.height*100;t.style.left=c+"%",t.style.top=d+"%",t.style.width=p-c+"%",t.style.height=m-d+"%"}break;case"poly":{let r=s.reduce((f,Ce,Ze,dr)=>{if(Ze%2===1){let ke=f.pop();f[f.length]={x:ke,y:dr[Ze]}}else f.push(Ce);return f},[]),i=Math.min(...r.map(f=>f.x)),l=Math.max(...r.map(f=>f.x)),a=Math.min(...r.map(f=>f.y)),c=Math.max(...r.map(f=>f.y)),d=i/e.width*100,p=a/e.height*100,m=l/e.width*100,h=c/e.height*100;t.style.left=i/e.width*100+"%",t.style.top=a/e.height*100+"%",t.style.width=m-d+"%",t.style.height=h-p+"%";let y=r.map(f=>({x:(f.x-i)/(l-i)*100,y:(f.y-a)/(c-a)*100})).map(f=>Math.round(f.x)+"% "+Math.round(f.y)+"%").join(",");t.style.clipPath=`polygon(${y})`}break;default:break}}import{css as Va}from"lit";var ai=Va`
-  slot:not([name='prompt']) {
-    // position: relative; /* qti-hotspot-choice relative to the slot */
-    display: block;
-    width: fit-content; /* hotspots not stretching further if image is at max size */
-  }
-  ::slotted(img) {
-    /* image not selectable anymore */
-    pointer-events: none;
-    user-select: none;
-  }
-  ::slotted(qti-associable-hotspot) {
-    transform: translate(-50%, -50%);
-  }
-  line-container {
-    display: block;
-    position: relative;
-  }
-  svg {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-  }
-`;var X=class extends u{constructor(){super();this.startPoint=null;this.endPoint=null;this._lines=[];this.addEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}reset(){this._lines=[]}validate(){return this._lines.length>0}set value(e){Array.isArray(e)&&(this._lines=e)}get value(){return this._lines}render(){return Ha`<slot name="prompt"></slot>
-      <line-container>
-        <svg
-          width=${li(this.grImage[0]?.width)}
-          height=${li(this.grImage[0]?.height)}
-          viewbox="0 0 ${this.grImage[0]?.width} ${this.grImage[0]?.height}"
-        >
-          ${za(this._lines,e=>e,(e,t)=>ni`
-              <line
-                part="line"
-                x1=${parseInt(this.querySelector("[identifier="+e.split(" ")[0]+"]").style.left)}
-                y1=${parseInt(this.querySelector("[identifier="+e.split(" ")[0]+"]").style.top)}
-                x2=${parseInt(this.querySelector("[identifier="+e.split(" ")[1]+"]").style.left)}
-                y2=${parseInt(this.querySelector("[identifier="+e.split(" ")[1]+"]").style.top)}
-                stroke="red"
-                stroke-width="3"
-                @click=${r=>{r.stopPropagation(),this._lines=this._lines.filter((i,l)=>l!==t),this.saveResponse(this._lines)}}
-              />
-            `)}
-          ${this.startPoint&&ni`<line
-            part="point"
-            x1=${this.startCoord.x}
-            y1=${this.startCoord.y}
-            x2=${this.mouseCoord.x}
-            y2=${this.mouseCoord.y}
-            stroke="red"
-            stroke-width="3"
-          />`}
-        </svg>
-        <slot></slot>
-      </line-container>
-      <div role="alert" id="validationMessage"></div>`}positionHotspotOnRegister(e){let t=this.querySelector("img"),r=e.target,i=r.getAttribute("coords"),l=r.getAttribute("shape"),a=i.split(",").map(c=>parseInt(c));ve(l,a,t,r)}firstUpdated(e){super.firstUpdated(e),this.hotspots=this.querySelectorAll("qti-associable-hotspot"),document.addEventListener("mousemove",t=>{this.mouseCoord={x:t.clientX-this.grImage[0].getBoundingClientRect().left,y:t.clientY-this.grImage[0].getBoundingClientRect().top}}),this.hotspots.forEach(t=>{t.style.left=t.getAttribute("coords").split(",")[0]+"px",t.style.top=t.getAttribute("coords").split(",")[1]+"px",t.addEventListener("click",r=>{this.startPoint?this.endPoint||(this.endPoint=r.target,this._lines=[...this._lines,this.startPoint.getAttribute("identifier")+" "+this.endPoint.getAttribute("identifier")],this.saveResponse(this._lines),this.startPoint=null,this.endPoint=null):(this.startPoint=r.target,this.startCoord={x:this.startPoint.getAttribute("coords").split(",")[0],y:this.startPoint.getAttribute("coords").split(",")[1]})})})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}};X.styles=ai,o([ar()],X.prototype,"_lines",2),o([ar()],X.prototype,"startCoord",2),o([ar()],X.prototype,"mouseCoord",2),o([$a({selector:"img"})],X.prototype,"grImage",2),X=o([Na("qti-graphic-associate-interaction")],X);import{html as Fa}from"lit";import{customElement as Pa}from"lit/decorators.js";import{css as Oa}from"lit";var ci=Oa`
-  :host {
-    display: flex;
-    align-items: flex-start;
-    flex-direction: column;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-
-  :host(.qti-choices-top) {
-    flex-direction: column-reverse;
-  }
-  :host(.qti-choices-bottom) {
-    flex-direction: column;
-  }
-  :host(.qti-choices-left) {
-    flex-direction: row-reverse;
-    & [name='drags'] {
-      width: 25%;
-    }
-    & [part='image'] {
-      width: 75%;
-    }
-  }
-  :host(.qti-choices-right) {
-    flex-direction: row;
-    & [name='drags'] {
-      width: 25%;
-    }
-    & [part='image'] {
-      width: 75%;
-    }
-  }
-  [part='image'] {
-    display: block;
-    position: relative;
-  }
-  /* [part='drops'] , */
-
-  [name='drags'] {
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: wrap;
-    flex: 1;
-    border: 2px solid transparent;
-    padding: 0.3rem;
-    border-radius: 0.3rem;
-    gap: 0.5rem;
-  }
-  ::slotted(img) {
-    display: inline-block;
-    user-select: none;
-    pointer-events: none;
-  }
-`;var Pe=class extends N(u,"qti-gap-img, qti-gap-text","qti-associable-hotspot","slot[part='drags']"){render(){return Fa` <slot name="prompt"></slot>
-      <slot part="image"></slot>
-      <slot part="drags" name="drags" class="hover-border"></slot>
-      <div role="alert" id="validationMessage"></div>`}positionHotspotOnRegister(s){let e=s.target,t=e.getAttribute("coords"),r=e.getAttribute("shape"),i=t.split(",").map(l=>parseInt(l));switch(r){case"circle":{let[l,a,c]=i;e.style.left=l-c+"px",e.style.top=a-c+"px",e.style.width=e.style.height=2*c+"px"}break;case"rect":{let[l,a,c,d]=i;e.style.left=l+"px",e.style.top=a+"px",e.style.width=c-l+"px",e.style.height=d-a+"px"}break;default:break}}connectedCallback(){super.connectedCallback(),this.addEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}};Pe.styles=ci,Pe=o([Pa("qti-graphic-gap-match-interaction")],Pe);import{html as Xa}from"lit";import{customElement as Ba}from"lit/decorators.js";import{css as Ua}from"lit";var di=Ua`
-  slot:not([name='prompt']) {
-    position: relative; /* qti-hotspot-choice relative to the slot */
-    display: block;
-    width: fit-content; /* hotspots not stretching further if image is at max size */
-  }
-  ::slotted(img) {
-    /* image not selectable anymore */
-    pointer-events: none;
-    user-select: none;
-  }
-`;var Ue=class extends Y(u,"qti-hotspot-choice"){constructor(){super(...arguments);this._choiceElements=[]}render(){return Xa`
-      <slot name="prompt"></slot>
-      <slot></slot>
-      <div role="alert" id="validationMessage"></div>
-    `}setHotspotOrder(e){let{identifier:t}=e.detail,r=this._choiceElements.find(l=>l.getAttribute("identifier")===t),i=this._choiceElements.length;if(!this.choiceOrdering){if(this.choiceOrdering=!0,r.order==null){if(this._choiceElements.filter(l=>l.order>0).length>=i){this.choiceOrdering=!1;return}r.order=this._choiceElements.filter(l=>!!l.order).length+1,this.choiceOrdering=!1;return}else this._choiceElements.forEach(l=>(l.order>l.order&&l.order--,l)),r.order=null;this.choiceOrdering=!1}}positionHotspotOnRegister(e){let t=this.querySelector("img"),r=e.target,i=r.getAttribute("coords"),l=r.getAttribute("shape"),a=i.split(",").map(c=>parseInt(c));ve(l,a,t,r)}connectedCallback(){super.connectedCallback(),this.addEventListener("activate-qti-hotspot-choice",this.setHotspotOrder),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("activate-qti-hotspot-choice",this.setHotspotOrder),this.removeEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}};Ue.styles=di,Ue=o([Ba("qti-graphic-order-interaction")],Ue);import{html as Wa}from"lit";import{customElement as Ya}from"lit/decorators.js";import{css as ja}from"lit";var pi=ja`
-  slot:not([name='prompt']) {
-    position: relative; /* qti-hotspot-choice relative to the slot */
-    display: block;
-    width: fit-content; /* hotspots not stretching further if image is at max size */
-  }
-  ::slotted(img) {
-    /* image not selectable anymore */
-    pointer-events: none;
-    user-select: none;
-    /* width:100%; */
-  }
-`;var Xe=class extends Y(u,"qti-hotspot-choice"){render(){return Wa`
-      <slot name="prompt"></slot>
-      <slot></slot>
-    `}positionHotspotOnRegister(s){let e=this.querySelector("img"),t=s.target,r=t.getAttribute("coords"),i=t.getAttribute("shape"),l=r.split(",").map(a=>parseInt(a));ve(i,l,e,t)}connectedCallback(){super.connectedCallback(),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("unregister-qti-hotspot-choice",this.positionHotspotOnRegister)}};Xe.styles=pi,Xe=o([Ya("qti-hotspot-interaction")],Xe);import{html as Be,nothing as en}from"lit";import{customElement as tn,property as hi,state as ui}from"lit/decorators.js";import{unsafeHTML as gi}from"lit/directives/unsafe-html.js";import{css as Ka,html as Ga,LitElement as Ja}from"lit";import{customElement as Za,property as nr}from"lit/decorators.js";var J=class extends R(Ja,"qti-simple-associable-choice"){constructor(){super(...arguments);this.matchMin=0;this.matchMax=1;this.fixed=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","qti-simple-associable-choice"),this.setAttribute("part","qti-simple-associable-choice")}render(){return Ga`
-      <slot part="slot"></slot>
-      <slot part="dropslot" name="qti-simple-associable-choice"></slot>
-    `}};J.styles=Ka`
-    :host {
-      display: flex;
-      user-select: none;
-    }
-    slot {
-      width: 100%;
-      display: block;
-    }
-    slot[name='qti-simple-associable-choice'] {
-      width: 100%;
-    }
-  `,o([nr({type:Number,attribute:"match-min"})],J.prototype,"matchMin",2),o([nr({type:Number,attribute:"match-max"})],J.prototype,"matchMax",2),o([nr({type:Boolean,attribute:"fixed"})],J.prototype,"fixed",2),J=o([Za("qti-simple-associable-choice")],J);import{css as Qa}from"lit";var mi=Qa`
-  slot:not([hidden]) {
-    /* slot where the */
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    align-items: flex-start; /* prevents the drag and drop container slots having the same height */
-  }
-  :host(.qti-choices-top) slot {
-    flex-direction: column;
-  }
-  :host(.qti-choices-bottom) slot {
-    flex-direction: column-reverse;
-  }
-  :host(.qti-choices-left) slot {
-    flex-direction: row;
-  }
-  :host(.qti-choices-right) slot {
-    flex-direction: row-reverse;
-  }
-  slot[name='prompt'] {
-    display: block;
-  }
-  ::slotted(qti-simple-match-set) {
-    /* Make sure the drag and drop container slots have the same width */
-    flex: 1;
-  }
-`;var B=class extends N(u,"qti-simple-match-set:first-of-type qti-simple-associable-choice, qti-simple-match-set:last-of-type > qti-simple-associable-choice > qti-simple-associable-choice","qti-simple-match-set:last-of-type > qti-simple-associable-choice","qti-simple-match-set:first-of-type"){constructor(){super(...arguments);this.lastCheckedRadio=null;this.class="";this._response=[];this.responseIdentifier="";this.correctOptions=[];this.handleRadioClick=e=>{let t=e.target;this.lastCheckedRadio===t?(t.checked=!1,this.lastCheckedRadio=null,this.handleRadioChange(e)):this.lastCheckedRadio=t};this.handleRadioChange=e=>{let t=e.target,r=t.value,i=t.name,l=t.type;t.checked?(this.value?this.value.indexOf(r)===-1&&(l==="radio"&&(this.value=this.value.filter(a=>a.indexOf(i)===-1)),this.value=[...this.value,r]):this.value=[r],this.lastCheckedRadio=t):(this.value=this.value.filter(a=>a!==r),this.lastCheckedRadio=null),this.requestUpdate(),this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,response:Array.isArray(this.value)?[...this.value]:this.value}}))}}get value(){return this.classList.contains("qti-match-tabular")?this._response:super.value}set value(e){this.classList.contains("qti-match-tabular")?this._response=e:super.value=e}async connectedCallback(){super.connectedCallback(),this.rows=Array.from(this.querySelectorAll("qti-simple-match-set:first-of-type qti-simple-associable-choice")),this.cols=Array.from(this.querySelectorAll("qti-simple-match-set:last-of-type qti-simple-associable-choice")),this.value=[]}set correctResponse(e){if(e===""){this.correctOptions=[];return}else Array.isArray(e)&&(this.correctOptions=e)}render(){let e=this.class.split(" ").includes("qti-match-tabular");return Be`
-      <slot name="prompt"></slot>
-      <slot ?hidden=${e}></slot>
-
-      ${e?Be`
-            <table>
-              <tr>
-                <td></td>
-                ${this.cols.map(t=>Be`<th part="r-header">${gi(t.innerHTML)}</th>`)}
-              </tr>
-
-              ${this.rows.map(t=>Be`<tr>
-                    <td part="c-header">${gi(t.innerHTML)}</td>
-                    ${this.cols.map(r=>{let i=t.getAttribute("identifier"),l=r.getAttribute("identifier"),a=`${i} ${l}`,c=this.value.filter(h=>h.split(" ")[0]===i).length||0,d=this.value.includes(a),p=`rb ${d?"rb-checked":""} ${this.correctOptions.includes(a)?"rb-correct":""}`,m=this.correctOptions.length>0?!0:t.matchMax===1?!1:c>=t.matchMax&&!d;return Be`<td>
-                        <input
-                          type=${t.matchMax===1?"radio":"checkbox"}
-                          part=${p}
-                          name=${i}
-                          value=${a}
-                          .disabled=${m}
-                          @change=${h=>this.handleRadioChange(h)}
-                          @click=${h=>t.matchMax===1?this.handleRadioClick(h):null}
-                        />
-                      </td>`})}
-                  </tr>`)}
-            </table>
-          `:en}
-
-      <div role="alert" id="validationMessage"></div>
-    `}};B.styles=mi,o([hi({type:String})],B.prototype,"class",2),o([ui()],B.prototype,"_response",2),o([hi({type:String,attribute:"response-identifier"})],B.prototype,"responseIdentifier",2),o([ui()],B.prototype,"correctOptions",2),B=o([tn("qti-match-interaction")],B);import{css as rn,html as on}from"lit";import{customElement as sn}from"lit/decorators.js";var je=class extends u{constructor(){super();this._value=0}reset(){}validate(){return!0}get value(){return this._value.toString()}set value(e){if(!isNaN(parseInt(e.toString())))this._value=parseInt(e.toString());else throw new Error("Value must be a number")}static get properties(){return{...u.properties,step:{type:Number,attribute:"step",default:10}}}render(){return on` <slot name="prompt"></slot>
-      <slot></slot>`}connectedCallback(){super.connectedCallback();let e=this.querySelector("audio")||this.querySelector("video")||this.querySelector("object");e&&e.addEventListener("ended",()=>{this._value++,this.saveResponse(this.value)})}};je.styles=[rn``],je=o([sn("qti-media-interaction")],je);import{html as fi}from"lit";import{customElement as nn,property as ln,state as lr}from"lit/decorators.js";import{unsafeHTML as cn}from"lit/directives/unsafe-html.js";import{css as an}from"lit";var bi=an`
-  [part='drags'] {
-    display: flex;
-    align-items: flex-start;
-    flex: 1;
-    border: 2px solid transparent;
-  }
-
-  [part='drops'] {
-    flex: 1;
-    display: grid;
-    grid-auto-flow: column;
-    grid-auto-columns: 1fr;
-  }
-
-  :host([orientation='horizontal']) [part='drags'] {
-    flex-direction: row;
-  }
-  :host([orientation='horizontal']) [part='drops'] {
-    grid-auto-flow: column;
-  }
-  :host([orientation='vertical']) [part='drags'] {
-    flex-direction: column;
-  }
-  :host([orientation='vertical']) [part='drops'] {
-    grid-auto-flow: row;
-  }
-
-  [part='drop-list'] {
-    display: block;
-    flex: 1;
-  }
-
-  [part='container'] {
-    display: flex;
-    gap: 0.5rem;
-  }
-  :host(.qti-choices-top) [part='container'] {
-    flex-direction: column;
-  }
-  :host(.qti-choices-bottom) [part='container'] {
-    flex-direction: column-reverse;
-  }
-  :host(.qti-choices-left) [part='container'] {
-    flex-direction: row;
-  }
-  :host(.qti-choices-right) [part='container'] {
-    flex-direction: row-reverse;
-  }
-`;var j=class extends bt(N(u,"qti-simple-choice","drop-list","slot[part='drags']"),"qti-simple-choice"){constructor(){super(...arguments);this.nrChoices=0;this.correctResponses=[];this.showCorrectResponses=!1}render(){let e=Array.from(this.querySelectorAll("qti-simple-choice"));return this.nrChoices<e.length&&(this.nrChoices=e.length),fi` <slot name="prompt"> </slot>
-      <div part="container">
-        <slot part="drags"> </slot>
-        <div part="drops">
-          ${Array.from(Array(this.nrChoices)).map((t,r)=>fi`<drop-list part="drop-list" identifier="droplist${r}"></drop-list>${this.showCorrectResponses&&this.correctResponses.length>r?cn(`<span part='correct-response'>${this.correctResponses[r]}</span>`):""}`)}
-        </div>
-      </div>`}set correctResponse(e){if(e===""){this.showCorrectResponses=!1;return}this.correctResponses.length===0&&(Array.isArray(e)?e:[e]).forEach(r=>{let i=this.querySelector(`qti-simple-choice[identifier="${r}"]`);i||(i=this.shadowRoot.querySelector(`qti-simple-choice[identifier="${r}"]`));let l=i?.textContent.trim();this.correctResponses=[...this.correctResponses,l]}),this.showCorrectResponses=!0}getResponse(){return Array.from(this.shadowRoot.querySelectorAll("drop-list")).map(r=>{let i=r.querySelectorAll('[qti-draggable="true"]');return[...Array.from(i).map(a=>a.getAttribute("identifier"))].join(" ")})}async firstUpdated(e){super.firstUpdated(e),this.childrenMap=Array.from(this.querySelectorAll("qti-simple-choice")),this.childrenMap.forEach(t=>t.setAttribute("part","qti-simple-choice"))}};j.styles=bi,o([lr()],j.prototype,"nrChoices",2),o([lr()],j.prototype,"correctResponses",2),o([lr()],j.prototype,"showCorrectResponses",2),o([ln({type:String})],j.prototype,"orientation",2),j=o([nn("qti-order-interaction")],j);import{LitElement as dn,css as pn,html as mn}from"lit";var Mt=class extends dn{render(){return mn`<slot></slot>`}};Mt.styles=[pn`
-      :host {
-        display: block;
-      }
-      ::slotted(img) {
-        position: absolute;
-        cursor: move;
-        user-select: none;
-        left: 50%;
-        transform: translateX(-50%);
-      }
-    `];customElements.define("qti-position-object-interaction",Mt);import{LitElement as hn,css as un,html as gn}from"lit";import{customElement as bn}from"lit/decorators.js";var We=class extends hn{render(){return gn`<slot></slot>`}constructor(){super(),this.removeMoveListener=this.removeMoveListener.bind(this),this.dragElementHandler=this.dragElementHandler.bind(this)}dragElementHandler(s){s.preventDefault();let e=s.clientX-this.startX,t=s.clientY-this.startY;this.dragElement.style.left=this.dragElement.offsetLeft+e+"px",this.dragElement.style.top=this.dragElement.offsetTop+t+"px",this.startX=s.clientX,this.startY=s.clientY}firstUpdated(s){super.firstUpdated(s),this.dragElement=this.querySelector("qti-position-object-interaction>img"),this.startX=0,this.startY=0,this.dragElement.addEventListener("mousedown",e=>{this.startX=e.clientX,this.startY=e.clientY,document.addEventListener("mousemove",this.dragElementHandler,!0)}),document.addEventListener("mouseup",this.removeMoveListener)}removeMoveListener(){document.removeEventListener("mousemove",this.dragElementHandler,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousemove",this.dragElementHandler),document.removeEventListener("mouseup",this.removeMoveListener)}};We.styles=[un`
-      :host {
-        display: inline-block;
-        position: relative;
-      }
-    `],We=o([bn("qti-position-object-stage")],We);import{css as fn,html as vi}from"lit";import{customElement as vn,property as yi,state as yn}from"lit/decorators.js";import{repeat as qn}from"lit/directives/repeat.js";import{styleMap as xn}from"lit/directives/style-map.js";var Z=class extends u{constructor(){super(...arguments);this.maxChoices=1/0;this.minChoices=0;this._points=[];this._imgElement=null;this._onImageClick=e=>{if(this._points.length<this.maxChoices){let t=e.offsetX,r=e.offsetY;this._points=[...this._points,`${t} ${r}`],this.saveResponse(this._points)}}}render(){return vi` <slot name="prompt"></slot>
-      <point-container>
-        ${qn(this._points,e=>e,(e,t)=>vi`
-            <button
-              part="point"
-              style=${xn({position:"absolute",transform:"translate(-50%, -50%)",left:`${e.split(" ")[0]}px`,top:`${e.split(" ")[1]}px`})}
-              aria-label="Remove point at ${e}"
-              @click=${r=>{r.stopPropagation(),this._points=this._points.filter((i,l)=>l!==t),this.saveResponse(this._points)}}
-            ></button>
-          `)}
-        <slot></slot>
-      </point-container>`}reset(){this._points=[]}validate(){return this._points.length>=this.minChoices&&this._points.length<=this.maxChoices}set value(e){this._points=Array.isArray(e)?e:[e]}get value(){return this._points}firstUpdated(){this._imgElement=this.querySelector("img"),this._imgElement?this._imgElement.addEventListener("click",this._onImageClick):console.warn("No <img> element found in <qti-select-point-interaction>")}disconnectedCallback(){super.disconnectedCallback(),this._imgElement&&this._imgElement.removeEventListener("click",this._onImageClick)}};Z.styles=[fn`
-      :host {
-        display: block;
-      }
-      point-container {
-        display: block;
-        position: relative;
-      }
-    `],o([yi({type:Number,attribute:"max-choices"})],Z.prototype,"maxChoices",2),o([yi({type:Number,attribute:"min-choices"})],Z.prototype,"minChoices",2),o([yn()],Z.prototype,"_points",2),Z=o([vn("qti-select-point-interaction")],Z);import{html as En,LitElement as Cn}from"lit";import{customElement as kn,property as cr,query as Tn}from"lit/decorators.js";import{css as wn}from"lit";var qi=wn`
-  :host {
-    display: block;
-    --show-bounds: true;
-    --show-ticks: true;
-    --show-value: true;
-  }
-
-  [part='slider'] {
-    margin-left: 2rem; /* mx-8 */
-    margin-right: 2rem;
-    padding-bottom: 1rem; /* pb-4 */
-    padding-top: 1.25rem; /* pt-5 */
-  }
-
-  [part='bounds'] {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    margin-bottom: 0.5rem; /* mb-2 */
-  }
-
-  [part='ticks'] {
-    margin-left: 0.125rem; /* mx-0.5 */
-    margin-right: 0.125rem;
-    margin-bottom: 0.25rem; /* mb-1 */
-    height: 0.5rem; /* h-2 */
-    background: linear-gradient(to right, var(--qti-border-color) var(--qti-border-thickness), transparent 1px) repeat-x
-      0 center / calc(calc(100% - var(--qti-border-thickness)) / ((var(--max) - var(--min)) / var(--step))) 100%;
-  }
-
-  [part='rail'] {
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    height: 0.375rem; /* h-1.5 */
-    width: 100%;
-    cursor: pointer;
-    border-radius: 9999px; /* rounded-full */
-    border: 1px solid #d1d5db; /* border-gray-300 */
-    background-color: #e5e7eb; /* bg-gray-200 */
-  }
-
-  [part='knob'] {
-    background-color: var(--qti-bg-active);
-    border: 2px solid var(--qti-border-active);
-    position: relative;
-    height: 1rem; /* h-4 */
-    width: 1rem; /* w-4 */
-    transform-origin: center;
-    transform: translateX(-50%);
-    cursor: pointer;
-    border-radius: 9999px; /* rounded-full */
-    left: var(--value-percentage);
-  }
-
-  [part='value'] {
-    position: absolute;
-    bottom: 2rem; /* bottom-8 */
-    left: 0.5rem; /* left-2 */
-    transform: translateX(-50%);
-    cursor: pointer;
-    border-radius: 0.25rem; /* rounded */
-    background-color: #f3f4f6; /* bg-gray-100 */
-    padding: 0.25rem 0.5rem; /* px-2 py-1 */
-    text-align: center;
-    color: #6b7280; /* text-gray-500 */
-  }
-`;var $=class extends Cn{constructor(){super();this._value=0;this.min=0;this.max=100;this.step=1;this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._updateValue(this.min),this.setAttribute("tabindex","0"),this.setAttribute("role","slider")}get value(){return this._value.toString()}set value(e){let t=parseInt(e,10);isNaN(t)||this._updateValue(t)}_updateValue(e){this._value=Math.min(this.max,Math.max(this.min,e));let t=(this._value-this.min)/(this.max-this.min)*100;this.style.setProperty("--value-percentage",`${t}%`),this._internals.setFormValue(this.value),this.requestUpdate()}render(){return En`
-      <slot name="prompt"></slot>
-      <div id="slider" part="slider">
-        <div id="bounds" part="bounds">
-          <div>${this.min}</div>
-          <div>${this.max}</div>
-        </div>
-
-        <div id="ticks" part="ticks"></div>
-
-        <div id="rail" part="rail" @mousedown=${this._onMouseDown} @touchstart=${this._onTouchStart}>
-          <div id="knob" part="knob"><div id="value" part="value">${this.value}</div></div>
-        </div>
-      </div>
-    `}_onMouseDown(e){this._startDrag(e.pageX);let t=i=>this._onDrag(i.pageX),r=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",r),this._onDragEnd()};document.addEventListener("mousemove",t),document.addEventListener("mouseup",r)}_onTouchStart(e){this._startDrag(e.touches[0].pageX);let t=i=>this._onDrag(i.touches[0].pageX),r=()=>{document.removeEventListener("touchmove",t),document.removeEventListener("touchend",r),this._onDragEnd()};document.addEventListener("touchmove",t,{passive:!1}),document.addEventListener("touchend",r)}_startDrag(e){this._onDrag(e)}_onDrag(e){let t=this._rail.getBoundingClientRect(),r=e-t.left,i=Math.min(1,Math.max(0,r/t.width)),l=this.min+Math.round(i*(this.max-this.min)/this.step)*this.step;this._updateValue(l)}_onDragEnd(){this.dispatchEvent(new Event("change",{bubbles:!0}))}};$.formAssociated=!0,$.styles=qi,o([Tn("#rail")],$.prototype,"_rail",2),o([cr({type:Number,attribute:"lower-bound"})],$.prototype,"min",2),o([cr({type:Number,attribute:"upper-bound"})],$.prototype,"max",2),o([cr({type:Number,attribute:"step"})],$.prototype,"step",2),$=o([kn("qti-slider-interaction")],$);import{consume as Mn}from"@lit/context";import{LitElement as Sn,html as Ln}from"lit";import{customElement as _n,state as An}from"lit/decorators.js";var Ye=class extends Sn{render(){return Ln`<slot @slotchange=${this.handleSlotChange}></slot>`}handleSlotChange(){let s=Array.from(this.firstElementChild?.childNodes??[]).find(e=>e.nodeType===Node.COMMENT_NODE);try{this.operatorFunction=new Function("context","fn","item",s?.textContent??"")}catch(e){console.error("custom-operator contains invalid javascript code",e)}}calculate(){let s={variable:t=>this._context?.variables.find(r=>r.identifier===t)?.value??"",correct:t=>this._context?.variables.find(r=>r.identifier===t)?.correctResponse??""},e={getVariable:t=>this._context?.variables.find(r=>r.identifier===t),updateOutcomeVariable:(t,r)=>{this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:t,value:r}}))},updateResponseVariable:(t,r)=>{this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:t,response:r}}))}};return this.operatorFunction(this._context,s,e)}};o([Mn({context:x,subscribe:!0}),An()],Ye.prototype,"_context",2),Ye=o([_n("qti-custom-operator")],Ye);import{LitElement as Rn,css as Dn,html as In}from"lit";import{customElement as Vn}from"lit/decorators.js";var Ke=class extends Rn{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-hotspot",{bubbles:!0,composed:!0,cancelable:!1}))}render(){return In` <slot name="drags"></slot> `}};Ke.styles=Dn`
-    :host {
-      display: flex;
-      user-select: none;
-      position: absolute;
-    }
-  `,Ke=o([Vn("qti-associable-hotspot")],Ke);import{css as Hn,html as Nn,LitElement as $n}from"lit";import{customElement as zn,property as On}from"lit/decorators.js";var ye=class extends $n{constructor(){super(...arguments);this.tabindex=0}render(){return Nn` <slot name="drags"></slot>`}};ye.styles=Hn`
-    :host {
-      display: flex;
-      user-select: none;
-    }
-  `,o([On({type:Number,reflect:!0})],ye.prototype,"tabindex",2),ye=o([zn("qti-gap")],ye);import{css as Fn,LitElement as Pn}from"lit";import{customElement as Un,property as Xn}from"lit/decorators.js";var qe=class extends Pn{constructor(){super(...arguments);this.tabindex=0}connectedCallback(){this.setAttribute("slot","drags")}};qe.styles=Fn`
-    :host {
-      display: flex;
-      user-select: none;
-    }
-  `,o([Xn({type:Number,reflect:!0})],qe.prototype,"tabindex",2),qe=o([Un("qti-gap-img")],qe);import{css as Bn,html as jn,LitElement as Wn}from"lit";import{customElement as Yn,property as Kn}from"lit/decorators.js";var xe=class extends R(Wn,"qti-gap-text"){constructor(){super(...arguments);this.tabindex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","drags")}render(){return jn`<slot></slot>`}};xe.styles=Bn`
-    :host {
-      display: inline-flex;
-      user-select: none;
-    }
-  `,o([Kn({type:Number,reflect:!0})],xe.prototype,"tabindex",2),xe=o([Yn("qti-gap-text")],xe);import{css as Gn,LitElement as Jn}from"lit";import{customElement as Zn,property as Qn}from"lit/decorators.js";var we=class extends R(Jn,"qti-hotspot-choice"){};we.styles=Gn`
-    :host {
-      display: flex;
-      user-select: none;
-      position: absolute;
-    }
-  `,o([Qn({attribute:"aria-ordervalue",type:Number,reflect:!0})],we.prototype,"order",2),we=o([Zn("qti-hotspot-choice")],we);import{css as el,html as tl,LitElement as rl}from"lit";import{customElement as il}from"lit/decorators.js";var Ge=class extends R(rl,"qti-hottext"){render(){return tl`<div part="ch"><div part="cha"></div></div>
-      <slot></slot> `}};Ge.styles=el`
-    :host {
-      display: flex;
-      user-select: none;
-    }
-  `,Ge=o([il("qti-hottext")],Ge);import{css as ol,html as sl,LitElement as al}from"lit";import{customElement as nl,property as ll}from"lit/decorators.js";var Je=class extends al{static get styles(){return[ol`
-        :host {
-          display: block;
-          cursor: pointer;
-        }
-      `]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onSelectInlineChoice),this.dispatchEvent(new CustomEvent("qti-inline-choice-register",{bubbles:!0,composed:!0,cancelable:!1}))}disconnectedCallback(){this.removeEventListener("click",this._onSelectInlineChoice)}render(){return sl` <slot></slot> `}_onSelectInlineChoice(){this.dispatchEvent(new CustomEvent("qti-inline-choice-select",{bubbles:!0,cancelable:!1,composed:!0,detail:{identifier:this.identifier}}))}};o([ll({type:String})],Je.prototype,"identifier",2),Je=o([nl("qti-inline-choice")],Je);import{css as cl,html as xi,LitElement as dl,nothing as pl}from"lit";import{customElement as ml,property as hl}from"lit/decorators.js";var Ee=class extends R(dl,"qti-simple-choice"){get checked(){return this.internals.states.has("--checked")}render(){return xi`<div part="ch">
-        <div part="cha"></div>
-      </div>
-      ${this.marker?xi`<div id="label">${this.marker}</div>`:pl}
-      <slot part="slot"></slot> `}};Ee.styles=cl`
-    :host {
-      display: flex;
-      align-items: center;
-      user-select: none;
-    }
-    slot {
-      width: 100%;
-      display: flex;
-      align-items: center;
-    }
-    [part='ch'] {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      justify-content: center;
-    }
-  `,o([hl({type:String,attribute:!1})],Ee.prototype,"marker",2),Ee=o([ml("qti-simple-choice")],Ee);var zx=async n=>{let s=n.substring(0,n.lastIndexOf("/")),e=await fr().load(`${n}`).then(a=>a.assessmentTest()),t=await se().load(`${s}/${e.href}`).then(a=>a.htmlDoc()),r=await se().load(`${s}/${e.href}`).then(a=>a.items()),i=`${s}/${e.href}`,l=`${s}/${e.href.substring(0,e.href.lastIndexOf("/"))}`;return{testHTMLDoc:t,testURI:l,testURL:i,items:r,testIdentifier:e.identifier}},Ox=async n=>z().load(n).then(s=>s.htmlDoc().firstElementChild);export{R as ActiveElementMixin,u as Interaction,F as ItemContainer,vt as QtiAnd,E as QtiAssessmentItem,L as QtiAssessmentItemRef,_ as QtiAssessmentSection,ue as QtiAssessmentStimulusRef,Q as QtiAssessmentTest,Ke as QtiAssociableHotspot,fe as QtiAssociateInteraction,yt as QtiBaseValue,ge as QtiChoiceInteraction,dt as QtiCompanionMaterialsInfo,T as QtiConditionExpression,Ft as QtiContains,pt as QtiContentBody,Pt as QtiCorrect,U as QtiCustomInteraction,Ye as QtiCustomOperator,G as QtiEndAttemptInteraction,xt as QtiEqual,qt as QtiEqualRounded,g as QtiExpression,k as QtiExtendedTextInteraction,Re as QtiFeedbackBlock,De as QtiFeedbackInline,ye as QtiGap,qe as QtiGapImg,Fe as QtiGapMatchInteraction,xe as QtiGapText,X as QtiGraphicAssociateInteraction,Pe as QtiGraphicGapMatchInteraction,Ue as QtiGraphicOrderInteraction,Ut as QtiGt,Xt as QtiGte,we as QtiHotspotChoice,Xe as QtiHotspotInteraction,Ge as QtiHottext,gt as QtiHottextInteraction,Je as QtiInlineChoice,K as QtiInlineChoiceInteraction,Bt as QtiIsNull,st as QtiItem,Le as QtiItemBody,ft as QtiLookupOutcomeValue,jt as QtiLt,Wt as QtiLte,wt as QtiMapResponse,be as QtiMapping,Kt as QtiMatch,B as QtiMatchInteraction,je as QtiMediaInteraction,Gt as QtiMember,Ie as QtiModalFeedback,Jt as QtiMultiple,Zt as QtiNot,Qt as QtiOr,j as QtiOrderInteraction,er as QtiOrdered,D as QtiOutcomeDeclaration,Ne as QtiOutcomeProcessing,Ht as QtiOutcomeProcessingProcessor,te as QtiPortableCustomInteraction,Mt as QtiPositionObjectInteraction,We as QtiPositionObjectStage,Oe as QtiPrintedVariable,tr as QtiProduct,nt as QtiPrompt,Nt as QtiResponseCondition,P as QtiResponseDeclaration,$e as QtiResponseElse,Ot as QtiResponseElseIf,ze as QtiResponseIf,ee as QtiResponseProcessing,I as QtiRubricBlock,H as QtiRule,Z as QtiSelectPointInteraction,$t as QtiSetOutcomeValue,zt as QtiSetOutcomeValueRule,J as QtiSimpleAssociableChoice,Ee as QtiSimpleChoice,$ as QtiSliderInteraction,Ct as QtiStringMatch,lt as QtiStylesheet,Et as QtiSubtract,rr as QtiSum,ir as QtiSumExpression,tt as QtiTest,A as QtiTestPart,V as QtiTextEntryInteraction,He as QtiUploadInteraction,or as QtiVariable,q as TestComponent,O as TestContainer,pe as TestItemLink,Me as TestNext,me as TestPagingButtonsStamp,Se as TestPrev,w as TestView,Ox as getItemByUri,zx as getManifestInfo,x as itemContext,Vr as itemContextVariables,la as qtiAndMixin,qa as qtiSubtractMixin,z as qtiTransformItem,fr as qtiTransformManifest,se as qtiTransformTest,S as testContext,et as testElement};
+import{a as Lo,b as Oo,c as Po,d as Qo,e as Ro,f as So}from"./chunk-DC2R556M.js";import{$,A,Aa as Bo,B,Ba as Co,C,Ca as Do,D,Da as Eo,E,Ea as Fo,F,Fa as Go,G,Ga as Ho,H,Ha as Io,I,Ia as Jo,J,Ja as Ko,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,a as o,aa as oo,b as r,ba as ro,c as e,ca as eo,d as f,da as fo,e as m,ea as mo,f as p,fa as po,g as t,ga as to,h as x,ha as xo,i as a,ia as ao,j as b,ja as bo,k as c,ka as co,l as d,la as go,m as g,ma as ho,n as h,na as io,o as i,oa as jo,p as j,pa as ko,q as k,qa as lo,r as l,ra as no,s as n,sa as qo,t as q,ta as so,u as s,ua as uo,v as u,va as vo,w as v,wa as wo,x as w,xa as yo,y,ya as zo,z,za as Ao}from"./chunk-T4A5AZCI.js";import{a as Zo,b as _o}from"./chunk-GALSGMIP.js";import"./chunk-SQDSHH6N.js";import"./chunk-L4TDHAKL.js";import"./chunk-LVW3MHTI.js";import"./chunk-22HAPLRD.js";import{a as Xo}from"./chunk-4I75QSIL.js";import{a as Uo}from"./chunk-QGKK4T2J.js";import{a as Yo}from"./chunk-A536ZOJJ.js";import{a as Vo}from"./chunk-ROXN2HIJ.js";import{a as Wo}from"./chunk-BLKKKK6C.js";import"./chunk-MFWSHIPH.js";import{a as To}from"./chunk-KYOTSBCX.js";import{a as Mo,b as No}from"./chunk-IXSX4SJX.js";import"./chunk-M6AATWPS.js";import"./chunk-5WCOPF7O.js";import"./chunk-4DFVJE2A.js";import"./chunk-VI2WKTN4.js";export{m as ActiveElementMixin,k as Interaction,Zo as ItemContainer,K as QtiAnd,e as QtiAssessmentItem,Po as QtiAssessmentItemRef,Qo as QtiAssessmentSection,f as QtiAssessmentStimulusRef,Ro as QtiAssessmentTest,Do as QtiAssociableHotspot,go as QtiAssociateInteraction,M as QtiBaseValue,u as QtiChoiceInteraction,c as QtiCompanionMaterialsInfo,J as QtiConditionExpression,N as QtiContains,d as QtiContentBody,O as QtiCorrect,ho as QtiCustomInteraction,Co as QtiCustomOperator,io as QtiEndAttemptInteraction,Q as QtiEqual,P as QtiEqualRounded,I as QtiExpression,l as QtiExtendedTextInteraction,h as QtiFeedbackBlock,i as QtiFeedbackInline,Eo as QtiGap,Fo as QtiGapImg,jo as QtiGapMatchInteraction,Go as QtiGapText,ko as QtiGraphicAssociateInteraction,lo as QtiGraphicGapMatchInteraction,no as QtiGraphicOrderInteraction,R as QtiGt,S as QtiGte,Ho as QtiHotspotChoice,qo as QtiHotspotInteraction,Io as QtiHottext,q as QtiHottextInteraction,Jo as QtiInlineChoice,s as QtiInlineChoiceInteraction,T as QtiIsNull,_o as QtiItem,p as QtiItemBody,B as QtiLookupOutcomeValue,U as QtiLt,V as QtiLte,W as QtiMapResponse,X as QtiMapping,Y as QtiMatch,uo as QtiMatchInteraction,vo as QtiMediaInteraction,Z as QtiMember,j as QtiModalFeedback,_ as QtiMultiple,$ as QtiNot,oo as QtiOr,wo as QtiOrderInteraction,ro as QtiOrdered,a as QtiOutcomeDeclaration,w as QtiOutcomeProcessing,y as QtiOutcomeProcessingProcessor,co as QtiPortableCustomInteraction,yo as QtiPositionObjectInteraction,zo as QtiPositionObjectStage,eo as QtiPrintedVariable,fo as QtiProduct,t as QtiPrompt,C as QtiResponseCondition,b as QtiResponseDeclaration,F as QtiResponseElse,H as QtiResponseElseIf,G as QtiResponseIf,z as QtiResponseProcessing,g as QtiRubricBlock,A as QtiRule,Ao as QtiSelectPointInteraction,D as QtiSetOutcomeValue,E as QtiSetOutcomeValueRule,so as QtiSimpleAssociableChoice,Ko as QtiSimpleChoice,Bo as QtiSliderInteraction,to as QtiStringMatch,x as QtiStylesheet,mo as QtiSubtract,xo as QtiSum,ao as QtiSumExpression,Oo as QtiTest,So as QtiTestPart,n as QtiTextEntryInteraction,v as QtiUploadInteraction,bo as QtiVariable,To as TestComponent,Lo as TestContainer,Xo as TestItemLink,Uo as TestNext,Yo as TestPagingButtonsStamp,Vo as TestPrev,Wo as TestView,r as itemContext,o as itemContextVariables,L as qtiAndMixin,po as qtiSubtractMixin,Mo as testContext,No as testElement};