@citolab/qti-components 6.9.1-beta.9 → 7.0.2

package/cdn/index.js

@@ -0,0 +1,4681 @@
+var yi=Object.defineProperty;var Us=Object.getOwnPropertyDescriptor;var Fs=(s,t,e)=>t in s?yi(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var l=(s,t,e,r)=>{for(var i=r>1?void 0:r?Us(t,e):t,o=s.length-1,n;o>=0;o--)(n=s[o])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&yi(t,e,i),i};var z=(s,t,e)=>Fs(s,typeof t!="symbol"?t+"":t,e);var de=class extends Event{constructor(t,e,r){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=r??!1}};var Re=class{constructor(t,e,r,i){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(o,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=o,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(o,n)),this.unsubscribe=n},this.host=t,e.context!==void 0){let o=e;this.context=o.context,this.callback=o.callback,this.subscribe=o.subscribe??!1}else this.context=e,this.callback=r,this.subscribe=i??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new de(this.context,this.t,this.subscribe))}};var Vt=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}};var Rr=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Me=class extends Vt{constructor(t,e,r){super(e.context!==void 0?e.initialValue:r),this.onContextRequest=i=>{let o=i.composedPath()[0];i.context===this.context&&o!==this.host&&(i.stopPropagation(),this.addCallback(i.callback,o,i.subscribe))},this.onProviderRequest=i=>{let o=i.composedPath()[0];if(i.context!==this.context||o===this.host)return;let n=new Set;for(let[a,{consumerHost:c}]of this.subscriptions)n.has(a)||(n.add(a),c.dispatchEvent(new de(this.context,a,!0)));i.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Rr(this.context))}};function Le({context:s}){return(t,e)=>{let r=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){r.set(this,new Me(this,{context:s}))}),{get(){return t.get.call(this)},set(i){return r.get(this)?.setValue(i),t.set.call(this,i)},init(i){return r.get(this)?.setValue(i),i}};{t.constructor.addInitializer(n=>{r.set(n,new Me(n,{context:s}))});let i=Object.getOwnPropertyDescriptor(t,e),o;if(i===void 0){let n=new WeakMap;o={get(){return n.get(this)},set(a){r.get(this).setValue(a),n.set(this,a)},configurable:!0,enumerable:!0}}else{let n=i.set;o={...i,set(a){r.get(this).setValue(a),n?.call(this,a)}}}return void Object.defineProperty(t,e,o)}}}function T({context:s,subscribe:t}){return(e,r)=>{typeof r=="object"?r.addInitializer(function(){new Re(this,{context:s,callback:i=>{e.set.call(this,i)},subscribe:t})}):e.constructor.addInitializer(i=>{new Re(i,{context:s,callback:o=>{i[r]=o},subscribe:t})})}}var qi=class{get shadowRoot(){return this.__host.__shadowRoot}constructor(t){this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBrailleLabel="",this.ariaBrailleRoleDescription="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDescription="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this.role="",this.form=null,this.labels=[],this.states=new Set,this.validationMessage="",this.validity={},this.willValidate=!0,this.__host=t}checkValidity(){return console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true."),!0}reportValidity(){return!0}setFormValue(){}setValidity(){}};var wi=new WeakMap,et=s=>{let t=wi.get(s);return t===void 0&&wi.set(s,t=new Map),t},Bs=class{constructor(){this.__shadowRootMode=null,this.__shadowRoot=null,this.__internals=null}get attributes(){return Array.from(et(this)).map(([t,e])=>({name:t,value:e}))}get shadowRoot(){return this.__shadowRootMode==="closed"?null:this.__shadowRoot}get localName(){return this.constructor.__localName}get tagName(){return this.localName?.toUpperCase()}setAttribute(t,e){et(this).set(t,String(e))}removeAttribute(t){et(this).delete(t)}toggleAttribute(t,e){if(this.hasAttribute(t)){if(e===void 0||!e)return this.removeAttribute(t),!1}else return e===void 0||e?(this.setAttribute(t,""),!0):!1;return!0}hasAttribute(t){return et(this).has(t)}attachShadow(t){let e={host:this};return this.__shadowRootMode=t.mode,t&&t.mode==="open"&&(this.__shadowRoot=e),e}attachInternals(){if(this.__internals!==null)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");let t=new qi(this);return this.__internals=t,t}getAttribute(t){return et(this).get(t)??null}};var js=class extends Bs{},Ei=js;var Ws=class{constructor(){this.__definitions=new Map}define(t,e){if(this.__definitions.has(t))if(process.env.NODE_ENV==="development")console.warn(`'CustomElementRegistry' already has "${t}" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.
+Make sure to test your application with a production build as repeat registrations will throw in production.`);else throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);e.__localName=t,this.__definitions.set(t,{ctor:e,observedAttributes:e.observedAttributes??[]})}get(t){return this.__definitions.get(t)?.ctor}},Xs=Ws;var Ci=new Xs;var tt=globalThis,zt=tt.ShadowRoot&&(tt.ShadyCSS===void 0||tt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Mr=Symbol(),_i=new WeakMap,rt=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Mr)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(zt&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=_i.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&_i.set(e,t))}return t}toString(){return this.cssText}},ki=s=>new rt(typeof s=="string"?s:s+"",void 0,Mr),b=(s,...t)=>{let e=s.length===1?s[0]:t.reduce((r,i,o)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+s[o+1],s[0]);return new rt(e,s,Mr)},Lr=(s,t)=>{if(zt)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),i=tt.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,s.appendChild(r)}},Ut=zt||tt.CSSStyleSheet===void 0?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return ki(e)})(s):s;var{is:Ys,defineProperty:Gs,getOwnPropertyDescriptor:Ks,getOwnPropertyNames:Zs,getOwnPropertySymbols:Js,getPrototypeOf:Qs}=Object,U=globalThis;U.customElements??(U.customElements=Ci);var Ti=U.trustedTypes,eo=Ti?Ti.emptyScript:"",to=U.reactiveElementPolyfillSupport,it=(s,t)=>s,st={toAttribute(s,t){switch(t){case Boolean:s=s?eo:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},Ft=(s,t)=>!Ys(s,t),Ai={attribute:!0,type:String,converter:st,reflect:!1,hasChanged:Ft};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),U.litPropertyMetadata??(U.litPropertyMetadata=new WeakMap);var se=class extends(globalThis.HTMLElement??Ei){static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ai){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&Gs(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){let{get:i,set:o}=Ks(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get(){return i?.call(this)},set(n){let a=i?.call(this);o.call(this,n),this.requestUpdate(t,a,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ai}static _$Ei(){if(this.hasOwnProperty(it("elementProperties")))return;let t=Qs(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(it("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(it("properties"))){let e=this.properties,r=[...Zs(e),...Js(e)];for(let i of r)this.createProperty(i,e[i])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let i of r)e.unshift(Ut(i))}else t!==void 0&&e.push(Ut(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Lr(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){let r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){let o=(r.converter?.toAttribute!==void 0?r.converter:st).toAttribute(e,r.type);this._$Em=t,o==null?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){let r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){let o=r.getPropertyOptions(i),n=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:st;this._$Em=i,this[i]=n.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,r){if(t!==void 0){if(r??(r=this.constructor.getPropertyOptions(t)),!(r.hasChanged??Ft)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[i,o]of this._$Ep)this[i]=o;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[i,o]of r)o.wrapped!==!0||this._$AL.has(i)||this[i]===void 0||this.P(i,this[i],o)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}};se.elementStyles=[],se.shadowRootOptions={mode:"open"},se[it("elementProperties")]=new Map,se[it("finalized")]=new Map,to?.({ReactiveElement:se}),(U.reactiveElementVersions??(U.reactiveElementVersions=[])).push("2.0.4");var $e=globalThis,Bt=$e.trustedTypes,Si=Bt?Bt.createPolicy("lit-html",{createHTML:s=>s}):void 0,Dr="$lit$",oe=`lit$${Math.random().toFixed(9).slice(2)}$`,Ir="?"+oe,ro=`<${Ir}>`,Ce=$e.document===void 0?{createTreeWalker:()=>({})}:document,nt=()=>Ce.createComment(""),at=s=>s===null||typeof s!="object"&&typeof s!="function",Nr=Array.isArray,Ii=s=>Nr(s)||typeof s?.[Symbol.iterator]=="function",$r=`[ 	
+\f\r]`,ot=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ri=/-->/g,Mi=/>/g,we=RegExp(`>|${$r}(?:([^\\s"'>=/]+)(${$r}*=${$r}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Li=/'/g,$i=/"/g,Ni=/^(?:script|style|textarea|title)$/i,Pr=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),h=Pr(1),Hr=Pr(2),_n=Pr(3),R=Symbol.for("lit-noChange"),k=Symbol.for("lit-nothing"),Di=new WeakMap,Ee=Ce.createTreeWalker(Ce,129);function Pi(s,t){if(!Nr(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Si!==void 0?Si.createHTML(t):t}var Hi=(s,t)=>{let e=s.length-1,r=[],i,o=t===2?"<svg>":t===3?"<math>":"",n=ot;for(let a=0;a<e;a++){let c=s[a],d,u,m=-1,f=0;for(;f<c.length&&(n.lastIndex=f,u=n.exec(c),u!==null);)f=n.lastIndex,n===ot?u[1]==="!--"?n=Ri:u[1]!==void 0?n=Mi:u[2]!==void 0?(Ni.test(u[2])&&(i=RegExp("</"+u[2],"g")),n=we):u[3]!==void 0&&(n=we):n===we?u[0]===">"?(n=i??ot,m=-1):u[1]===void 0?m=-2:(m=n.lastIndex-u[2].length,d=u[1],n=u[3]===void 0?we:u[3]==='"'?$i:Li):n===$i||n===Li?n=we:n===Ri||n===Mi?n=ot:(n=we,i=void 0);let y=n===we&&s[a+1].startsWith("/>")?" ":"";o+=n===ot?c+ro:m>=0?(r.push(d),c.slice(0,m)+Dr+c.slice(m)+oe+y):c+oe+(m===-2?a:y)}return[Pi(s,o+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},lt=class s{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let o=0,n=0,a=t.length-1,c=this.parts,[d,u]=Hi(t,e);if(this.el=s.createElement(d,r),Ee.currentNode=this.el.content,e===2||e===3){let m=this.el.content.firstChild;m.replaceWith(...m.childNodes)}for(;(i=Ee.nextNode())!==null&&c.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(let m of i.getAttributeNames())if(m.endsWith(Dr)){let f=u[n++],y=i.getAttribute(m).split(oe),x=/([.?@])?(.*)/.exec(f);c.push({type:1,index:o,name:x[2],strings:y,ctor:x[1]==="."?Wt:x[1]==="?"?Xt:x[1]==="@"?Yt:ke}),i.removeAttribute(m)}else m.startsWith(oe)&&(c.push({type:6,index:o}),i.removeAttribute(m));if(Ni.test(i.tagName)){let m=i.textContent.split(oe),f=m.length-1;if(f>0){i.textContent=Bt?Bt.emptyScript:"";for(let y=0;y<f;y++)i.append(m[y],nt()),Ee.nextNode(),c.push({type:2,index:++o});i.append(m[f],nt())}}}else if(i.nodeType===8)if(i.data===Ir)c.push({type:2,index:o});else{let m=-1;for(;(m=i.data.indexOf(oe,m+1))!==-1;)c.push({type:7,index:o}),m+=oe.length-1}o++}}static createElement(t,e){let r=Ce.createElement("template");return r.innerHTML=t,r}};function _e(s,t,e=s,r){if(t===R)return t;let i=r!==void 0?e._$Co?.[r]:e._$Cl,o=at(t)?void 0:t._$litDirective$;return i?.constructor!==o&&(i?._$AO?.(!1),o===void 0?i=void 0:(i=new o(s),i._$AT(s,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=_e(s,i._$AS(s,t.values),i,r)),t}var jt=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,i=(t?.creationScope??Ce).importNode(e,!0);Ee.currentNode=i;let o=Ee.nextNode(),n=0,a=0,c=r[0];for(;c!==void 0;){if(n===c.index){let d;c.type===2?d=new De(o,o.nextSibling,this,t):c.type===1?d=new c.ctor(o,c.name,c.strings,this,t):c.type===6&&(d=new Gt(o,this,t)),this._$AV.push(d),c=r[++a]}n!==c?.index&&(o=Ee.nextNode(),n++)}return Ee.currentNode=Ce,i}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},De=class s{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=k,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=_e(this,t,e),at(t)?t===k||t==null||t===""?(this._$AH!==k&&this._$AR(),this._$AH=k):t!==this._$AH&&t!==R&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ii(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==k&&at(this._$AH)?this._$AA.nextSibling.data=t:this.T(Ce.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=lt.createElement(Pi(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===i)this._$AH.p(e);else{let o=new jt(i,this),n=o.u(this.options);o.p(e),this.T(n),this._$AH=o}}_$AC(t){let e=Di.get(t.strings);return e===void 0&&Di.set(t.strings,e=new lt(t)),e}k(t){Nr(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,i=0;for(let o of t)i===e.length?e.push(r=new s(this.O(nt()),this.O(nt()),this,this.options)):r=e[i],r._$AI(o),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){let r=t.nextSibling;t.remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},ke=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,o){this.type=1,this._$AH=k,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=k}_$AI(t,e=this,r,i){let o=this.strings,n=!1;if(o===void 0)t=_e(this,t,e,0),n=!at(t)||t!==this._$AH&&t!==R,n&&(this._$AH=t);else{let a=t,c,d;for(t=o[0],c=0;c<o.length-1;c++)d=_e(this,a[r+c],e,c),d===R&&(d=this._$AH[c]),n||(n=!at(d)||d!==this._$AH[c]),d===k?t=k:t!==k&&(t+=(d??"")+o[c+1]),this._$AH[c]=d}n&&!i&&this.j(t)}j(t){t===k?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Wt=class extends ke{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===k?void 0:t}},Xt=class extends ke{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==k)}},Yt=class extends ke{constructor(t,e,r,i,o){super(t,e,r,i,o),this.type=5}_$AI(t,e=this){if((t=_e(this,t,e,0)??k)===R)return;let r=this._$AH,i=t===k&&r!==k||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==k&&(r===k||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},Gt=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){_e(this,t)}},M={M:Dr,P:oe,A:Ir,C:1,L:Hi,R:jt,D:Ii,V:_e,I:De,H:ke,N:Xt,U:Yt,B:Wt,F:Gt},io=$e.litHtmlPolyfillSupport;io?.(lt,De),($e.litHtmlVersions??($e.litHtmlVersions=[])).push("3.2.1");var Or=(s,t,e)=>{let r=e?.renderBefore??t,i=r._$litPart$;if(i===void 0){let o=e?.renderBefore??null;r._$litPart$=i=new De(t.insertBefore(nt(),o),o,void 0,e??{})}return i._$AI(s),i};var v=class extends se{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;let t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Or(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return R}};v._$litElement$=!0,v.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:v});var so=globalThis.litElementPolyfillSupport;so?.({LitElement:v});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");var g=s=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)};var oo={attribute:!0,type:String,converter:st,reflect:!1,hasChanged:Ft},no=(s=oo,t,e)=>{let{kind:r,metadata:i}=e,o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),o.set(e.name,s),r==="accessor"){let{name:n}=e;return{set(a){let c=t.get.call(this);t.set.call(this,a),this.requestUpdate(n,c,s)},init(a){return a!==void 0&&this.P(n,void 0,s),a}}}if(r==="setter"){let{name:n}=e;return function(a){let c=this[n];t.call(this,a),this.requestUpdate(n,c,s)}}throw Error("Unsupported decorator location: "+r)};function p(s){return(t,e)=>typeof e=="object"?no(s,t,e):((r,i,o)=>{let n=i.hasOwnProperty(o);return i.constructor.createProperty(o,n?{...r,wrapped:!0}:r),n?Object.getOwnPropertyDescriptor(i,o):void 0})(s,t,e)}function q(s){return p({...s,state:!0,attribute:!1})}var pe=(s,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(s,t,e),e);function Ie(s,t){return(e,r,i)=>{let o=n=>n.renderRoot?.querySelector(s)??null;if(t){let{get:n,set:a}=typeof r=="object"?e:i??(()=>{let c=Symbol();return{get(){return this[c]},set(d){this[c]=d}}})();return pe(e,r,{get(){let c=n.call(this);return c===void 0&&(c=o(this),(c!==null||this.hasUpdated)&&a.call(this,c)),c}})}return pe(e,r,{get(){return o(this)}})}}function Oi(s){return(t,e)=>{let{slot:r,selector:i}=s??{},o="slot"+(r?`[name=${r}]`:":not([name])");return pe(t,e,{get(){let n=this.renderRoot?.querySelector(o),a=n?.assignedElements(s)??[];return i===void 0?a:a.filter(c=>c.matches(i))}})}}var B=Symbol("test"),Kt=Symbol("testElement");var Vi={fromAttribute(s){return s==="true"},toAttribute(s){return s?"true":"false"}},j=class extends v{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 h`${this.xmlDoc}`}};l([p({type:String})],j.prototype,"category",2),l([p({type:String})],j.prototype,"identifier",2),l([p({type:Boolean,converter:Vi})],j.prototype,"required",2),l([p({type:Boolean,converter:Vi})],j.prototype,"fixed",2),l([p({type:String})],j.prototype,"href",2),l([T({context:B,subscribe:!0})],j.prototype,"_testContext",2),l([p({type:Object,attribute:!1})],j.prototype,"xmlDoc",2);customElements.get("qti-assessment-item-ref")||customElements.define("qti-assessment-item-ref",j);var Vr={fromAttribute(s){return s==="true"},toAttribute(s){return s?"true":"false"}},W=class extends v{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new Event("qti-assessment-section-connected",{bubbles:!0,composed:!0}))}render(){return h`<slot name="qti-rubric-block"></slot><slot></slot>`}};l([p({type:String})],W.prototype,"identifier",2),l([p({type:String})],W.prototype,"required",2),l([p({type:Boolean,converter:Vr})],W.prototype,"fixed",2),l([p({type:String})],W.prototype,"title",2),l([p({type:Boolean,converter:Vr})],W.prototype,"visible",2),l([p({type:Boolean,converter:Vr,attribute:"keep-together"})],W.prototype,"keepTogether",2),l([T({context:B,subscribe:!0})],W.prototype,"_testContext",2);customElements.get("qti-assessment-section")||customElements.define("qti-assessment-section",W);var Te=class extends v{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-assessment-test-connected",{detail:this,bubbles:!0,composed:!0}))}render(){return h` <slot></slot>`}};l([p({type:String})],Te.prototype,"identifier",2),l([p({type:String})],Te.prototype,"title",2),l([T({context:B,subscribe:!0})],Te.prototype,"_testContext",2),Te=l([g("qti-assessment-test")],Te);var X=class extends v{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 h` <slot></slot>`}};l([p({type:String})],X.prototype,"identifier",2),l([p({type:String})],X.prototype,"title",2),l([p({type:String})],X.prototype,"class",2),l([p({type:String,attribute:"navigation-mode"})],X.prototype,"NavigationMode",2),l([p({type:String,attribute:"submission-mode"})],X.prototype,"submissionMode",2),X=l([g("qti-test-part")],X);customElements.get("qti-test-part")||customElements.define("qti-test-part",X);var ao=String.raw,lo=ao`<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 zi(s,t,e){s.querySelectorAll(t).forEach(r=>{let i=`${t}-${e}`,o=Fi(r,i);r.replaceWith(o)})}function Ui(s,t){s.querySelectorAll("*").forEach(e=>{let r=e.classList;r&&r.forEach(i=>{if(i.startsWith(`${t}:`)){let o=i.slice(`${t}:`.length),n=`${e.nodeName}-${o}`,a=Fi(e,n);e.replaceWith(a)}})})}function Fi(s,t){let e=document.createElement(t);for(let r of s.attributes)e.setAttribute(r.name,r.value);for(;s.firstChild;)e.appendChild(s.firstChild);return e}function Bi(s){let t=[];return s.querySelectorAll("qti-assessment-item-ref").forEach(e=>{let r=e.getAttribute("identifier"),i=e.getAttribute("href"),o=e.getAttribute("category");t.push({identifier:r,href:i,category:o})}),t}var zr=null;function ct(s,t=!1){return t&&zr!==null&&zr.abort(),new Promise((e,r)=>{let i=new XMLHttpRequest;zr=i,i.open("GET",s,!0),i.responseType="document",i.onload=()=>{i.status>=200&&i.status<300?e(i.responseXML):r(i.statusText)},i.onerror=()=>{r(i.statusText)},i.send()})}function dt(s){return new DOMParser().parseFromString(s,"text/xml")}function Ne(s){let t=new XSLTProcessor,e=new DOMParser().parseFromString(lo,"text/xml");return t.importStylesheet(e),t.transformToFragment(s,document)}function ji(s,t){t.endsWith("/")||(t+="/"),s.querySelectorAll("[src],[href],[primary-path]").forEach(e=>{let r="";e.getAttribute("src")&&(r="src"),e.getAttribute("href")&&(r="href"),e.getAttribute("primary-path")&&(r="primary-path");let i=e.getAttribute(r)?.trim();if(!i.startsWith("data:")&&!i.startsWith("http")){let o=t+encodeURI(i);e.setAttribute(r,o)}})}function Wi(s){s.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value').forEach(e=>{let r=document.createComment(e.textContent);e.replaceChild(r,e.firstChild)})}function Xi(s){s.querySelectorAll("qti-stylesheet").forEach(t=>t.remove())}var Zt=()=>{let s,t={async load(e,r=!1){return new Promise(i=>{ct(e,r).then(o=>(s=o,t.path(e.substring(0,e.lastIndexOf("/"))),i(t)))})},parse(e){return s=dt(e),t},path:e=>(ji(s,e),t),fn(e){return e(s),t},pciHooks(e){let r=["hook","module"],i=e.substring(0,e.lastIndexOf("/"));for(let o of r)s.querySelectorAll("["+o+"]").forEach(a=>{let c=a.getAttribute(o);!c.startsWith("data:")&&!c.startsWith("http")&&(a.setAttribute("base-url",e),a.setAttribute("module",i+"/"+encodeURI(c+(c.endsWith(".js")?"":".js"))))});return t},extendElementName:(e,r)=>(zi(s,e,r),t),extendElementsWithClass:(e="extend")=>(Ui(s,e),t),customInteraction(e,r){let i=s.querySelector("qti-custom-interaction"),o=i.querySelector("object");return i.setAttribute("data-base-ref",e),i.setAttribute("data-base-item",e+r),i.setAttribute("data",o.getAttribute("data")),i.setAttribute("width",o.getAttribute("width")),i.setAttribute("height",o.getAttribute("height")),i.removeChild(o),t},convertCDATAtoComment(){return Wi(s),t},stripStyleSheets(){return Xi(s),t},html(){return new XMLSerializer().serializeToString(Ne(s))},xml(){return new XMLSerializer().serializeToString(s)},htmlDoc(){return Ne(s)},xmlDoc(){return s}};return t};var Yi=()=>{let s,t={async load(e){return new Promise((r,i)=>{ct(e).then(o=>(s=o,r(t)))})},parse(e){return s=dt(e),t},fn(e){return e(s),t},items(){return Bi(s)},html(){return new XMLSerializer().serializeToString(Ne(s))},xml(){return new XMLSerializer().serializeToString(s)},htmlDoc(){return Ne(s)},xmlDoc(){return s}};return t};var Gi=s=>{class t extends s{constructor(...i){super(...i);this.testURL="";this.addEventListener("qti-load-test-request",o=>{let{testURL:n}=o.detail;n?this.testURL=n:console.warn("No test found, there should be an attribute test-url with the path to the test on the test-container"),o.detail.promise=(async()=>(o.preventDefault(),(await Yi().load(`${this.testURL}`)).htmlDoc()))()}),this.addEventListener("qti-assessment-test-connected",()=>{}),this.addEventListener("qti-load-item-request",({detail:o})=>{this.testURL&&(o.promise=(async()=>(await Zt().load(`${this.testURL.slice(0,this.testURL.lastIndexOf("/"))}/${o.href}`,o.cancelPreviousRequest)).htmlDoc())())}),this.addEventListener("qti-interaction-changed",o=>{}),this.addEventListener("qti-outcome-changed",()=>{})}}return t};var Ki=s=>{class t extends s{constructor(...r){super(...r),this.addEventListener("qti-request-test-item",({detail:i})=>{if(!i)return;this._clearLoadedItems();let o=this.testElement.el.querySelector(`qti-assessment-item-ref[identifier="${i}"]`),n=this._loadItemRequest(o.href,!1),a=o.closest("qti-test-part").identifier,c=o.closest("qti-assessment-section").identifier;this._testContext={...this._testContext,navPartId:a,navSectionId:c,navItemId:i,navItemLoading:!0},n?n.then(d=>{o.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:",o.href)}),this.addEventListener("qti-assessment-test-connected",()=>{let i=this._testContext.navItemId;i||(i=this.testElement.el.querySelector("qti-assessment-item-ref").identifier),this.dispatchEvent(new CustomEvent("qti-request-test-item",{detail:i,bubbles:!0,composed:!0}))})}_clearLoadedItems(){let r=this.testElement.el.querySelectorAll("qti-assessment-test qti-assessment-item-ref");Array.from(r).forEach(i=>{i.xmlDoc=null})}_loadItemRequest(r,i=!0){let o=new CustomEvent("qti-load-item-request",{bubbles:!0,composed:!0,detail:{href:r,promise:null,cancelPreviousRequest:i}});return this.dispatchEvent(o),o.detail.promise}}return t};var Zi=s=>{class t extends s{constructor(...r){super(...r),this._testContext={...this._testContext,view:"candidate"},this.addEventListener("on-test-switch-view",i=>{this._testContext={...this._testContext,view:i.detail},this._updateElementView()}),this.addEventListener("qti-assessment-test-connected",()=>{this._updateElementView()}),this.addEventListener("qti-assessment-item-connected",i=>{this._updateElementView(),this._setCorrectResponseVisibility(i.detail)})}willUpdate(r){super.willUpdate(r),r.has("_testContext")&&this._updateElementView()}_updateElementView(){if(this.testElement&&this.testElement.el){Array.from(this.testElement.el.querySelectorAll("[view]")).forEach(o=>{o.classList.toggle("show",o.getAttribute("view")===this._testContext.view)});let i=this.testElement.el.querySelector(`qti-assessment-item[identifier="${this._testContext.navItemId}"]`);i&&i.showCorrectResponse(this._testContext.view==="scorer")}}_setCorrectResponseVisibility(r){r.showCorrectResponse(this._testContext.view==="scorer")}}return t};var Pe=class extends v{constructor(){super();this._testContext={items:[],testOutcomeVariables:[]};this.testElement={el:null};this._updateItemInTestContext=e=>{let{identifier:r,variables:i}=e,o=this._testContext.items.find(n=>n?.identifier===r);if(!o){console.warn(`Item IDs between assessment.xml and item.xml should match: ${r} is not found!`);return}o.variables?.length===1?this._updateItemVariablesInTestContext(r,i):e.variables=[...o.variables||[]]};this.addEventListener("qti-assessment-test-connected",e=>{let r=e.detail,i=Array.from(r.querySelectorAll("qti-assessment-item-ref")).map(o=>({href:o.href,identifier:o.identifier,category:o.category,variables:[{identifier:"completionStatus",value:"not_attempted",type:"outcome"}]}));this.testElement={el:r},this._testContext={...this._testContext,items:i}}),this.addEventListener("qti-assessment-item-connected",e=>{this._updateItemInTestContext(e.detail)}),this.addEventListener("qti-outcome-changed",e=>{let r=e.composedPath()[0];this._updateItemVariablesInTestContext(r.identifier,r.variables)})}get context(){return this._testContext}set context(e){e!=null&&(this._testContext={...e},e.items?.forEach(r=>{let i=this._testContext.items.find(o=>o.identifier===r.identifier);i?i.variables=r.variables:this._testContext.items.push(r)}))}_updateItemVariablesInTestContext(e,r){this._testContext={...this._testContext,items:this._testContext.items.map(i=>i.identifier!==e?i:{...i,variables:r.map(o=>{let n=i.variables.find(a=>a.identifier===o.identifier);return n?{...n,...o}:o})})}}connectedCallback(){super.connectedCallback(),this.setAttribute("qti-test","")}};l([q(),Le({context:B})],Pe.prototype,"_testContext",2),l([q(),Le({context:Kt})],Pe.prototype,"testElement",2);var Jt=class extends Gi(Ki(Zi(Pe))){connectedCallback(){super.connectedCallback();let t=this.querySelector(":scope > template");t&&this.shadowRoot?.appendChild(t.content)}render(){return h`<slot></slot>`}};Jt=l([g("qti-test")],Jt);var Ji=b`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  user-select: none;
+`,Qt=b`
+  background-color: lightgray;
+  ${Ji};
+`,er=b`
+  cursor: not-allowed;
+  opacity: 0.5;
+`,_l=b`
+  ${Ji};
+  border: 1px solid gray;
+`;function tr(s,t){let e;return(r,i)=>{let{connectedCallback:o,disconnectedCallback:n}=r;r.connectedCallback=function(){o.call(this);let a=d=>{let u=Array.from(this.querySelectorAll(s)).concat(Array.from(this.shadowRoot?.querySelectorAll(s)||[]));for(let m of d){let f=Array.from(m.addedNodes).map(x=>x),y=Array.from(m.addedNodes).map(x=>x);m.type==="childList"&&f.find(x=>u.includes(x))&&this[i](f,y)}};e=new MutationObserver(a),e.observe(this,{childList:!0,subtree:!0});let c=Array.from(this.querySelectorAll(s)).concat(Array.from(this.shadowRoot?.querySelectorAll(s)||[]));this[i](Array.from(c),[])},r.disconnectedCallback=function(){n.call(this),e.disconnect()}}}function A(s,t){let e={waitUntilFirstUpdate:!1,...t};return(r,i)=>{let{update:o}=r,n=Array.isArray(s)?s:[s];r.update=function(a){n.forEach(c=>{let d=c;if(a.has(d)){let u=a.get(d),m=this[d];u!==m&&(!e.waitUntilFirstUpdate||this.hasUpdated)&&this[i](u,m)}}),o.call(this,a)}}}function es(s){return(t,e)=>{p(s)(t,e);let r=`__${e}`;Object.defineProperty(t,e,{get(){return this[r]},set(i){let o=this[r];if(this[r]=i,o!==i){if(this._internals?.states){let n=e.toLowerCase();i?this._internals.states.add(`--${n}`):this._internals.states.delete(`--${n}`)}if(s.aria&&this._internals){let n=s.aria;i?this._internals[n]="true":this._internals[n]=null}this.requestUpdate(e,o)}},configurable:!0,enumerable:!0})}}var L=class extends v{constructor(){super();this.disabled=!0;this._internals=this.attachInternals()}_handleTestElementChange(e,r){r.el&&(this.disabled=!1)}willUpdate(e){if(e.has("_testContext")){let{items:r=[],navItemId:i}=this._testContext??{};this.itemIndex=r.findIndex(o=>o.identifier===i),this.items=r,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}))}};l([es({type:Boolean,reflect:!0,aria:"ariaDisabled"})],L.prototype,"disabled",2),l([q(),T({context:B,subscribe:!0})],L.prototype,"_testContext",2),l([q(),T({context:Kt,subscribe:!0})],L.prototype,"_testElement",2),l([A("_testElement")],L.prototype,"_handleTestElementChange",1);var pt=class extends L{constructor(){super(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",t=>{t.preventDefault(),this.disabled||this._requestItem(this.items[this.itemIndex+1].identifier)})}willUpdate(t){super.willUpdate(t),t.has("_testContext")&&(this.disabled=!this._testElement?.el||this.itemIndex<0||this.itemIndex>=this.items.length-1)}render(){return h`<slot></slot>`}};pt.styles=b`
+    :host {
+      ${Qt};
+    }
+    :host([disabled]) {
+      ${er};
+    }
+  `,pt=l([g("test-next")],pt);var ht=class extends L{constructor(){super(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",t=>{t.preventDefault(),this.disabled||this._requestItem(this.items[this.itemIndex-1].identifier)})}willUpdate(t){super.willUpdate(t),t.has("_testContext")&&(this.disabled=!this._testElement?.el||this.itemIndex===0||this.itemIndex===-1)}render(){return h`<slot></slot>`}};ht.styles=b`
+    :host {
+      ${Qt};
+    }
+    :host([disabled]) {
+      ${er};
+    }
+  `,ht=l([g("test-prev")],ht);var Y=class extends L{constructor(){super(...arguments);this.label="view";this.viewOptions="";this._handleViewOptionsChange=(e,r)=>{console.log(r)};this._viewOptions=Y.DEFAULT_VIEW_OPTIONS}render(){return h`
+      <label part="label" for="viewSelect">${this.label}</label>
+      <select
+        part="select"
+        id="viewSelect"
+        .disabled=${this.disabled}
+        @change=${e=>{let r=e.target;this._switchView(r.value)}}
+      >
+        ${this._viewOptions.map(e=>h`<option value="${e}" ?selected=${e===this.view}>${e}</option>`)}
+      </select>
+    `}};Y.DEFAULT_VIEW_OPTIONS=["author","candidate","proctor","scorer","testConstructor","tutor"],l([p({type:String})],Y.prototype,"label",2),l([p({type:String,attribute:"view-options"})],Y.prototype,"viewOptions",2),l([A("viewOptions")],Y.prototype,"_handleViewOptionsChange",2),Y=l([g("test-view")],Y);var ut=class extends L{constructor(){super();this.itemId=null;this.addEventListener("click",()=>this._requestItem(this.itemId))}render(){return h` <slot></slot> `}};l([p({type:String,attribute:"item-id"})],ut.prototype,"itemId",2),ut=l([g("test-item-link")],ut);var{I:co}=M,rs=s=>s===null||typeof s!="object"&&typeof s!="function";var is=s=>s.strings===void 0,ts=()=>document.createComment(""),He=(s,t,e)=>{let r=s._$AA.parentNode,i=t===void 0?s._$AB:t._$AA;if(e===void 0){let o=r.insertBefore(ts(),i),n=r.insertBefore(ts(),i);e=new co(o,n,s,s.options)}else{let o=e._$AB.nextSibling,n=e._$AM,a=n!==s;if(a){let c;e._$AQ?.(s),e._$AM=s,e._$AP!==void 0&&(c=s._$AU)!==n._$AU&&e._$AP(c)}if(o!==i||a){let c=e._$AA;for(;c!==o;){let d=c.nextSibling;r.insertBefore(c,i),c=d}}}return e},he=(s,t,e=s)=>(s._$AI(t,e),s),po={},ss=(s,t=po)=>s._$AH=t,os=s=>s._$AH,rr=s=>{s._$AP?.(!1,!0);let t=s._$AA,e=s._$AB.nextSibling;for(;t!==e;){let r=t.nextSibling;t.remove(),t=r}};var ue={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},F=s=>(...t)=>({_$litDirective$:s,values:t}),G=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var mt=(s,t)=>{let e=s._$AN;if(e===void 0)return!1;for(let r of e)r._$AO?.(t,!1),mt(r,t);return!0},ir=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while(e?.size===0)},ns=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),mo(t)}};function ho(s){this._$AN!==void 0?(ir(this),this._$AM=s,ns(this)):this._$AM=s}function uo(s,t=!1,e=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let o=e;o<r.length;o++)mt(r[o],!1),ir(r[o]);else r!=null&&(mt(r,!1),ir(r));else mt(this,s)}var mo=s=>{s.type==ue.CHILD&&(s._$AP??(s._$AP=uo),s._$AQ??(s._$AQ=ho))},Oe=class extends G{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),ns(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(mt(this,t),ir(this))}setValue(t){if(is(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var sr=class{constructor(t){this.Y=t}disconnect(){this.Y=void 0}reconnect(t){this.Y=t}deref(){return this.Y}},or=class{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){this.Z??(this.Z=new Promise(t=>this.q=t))}resume(){this.q?.(),this.Z=this.q=void 0}};var as=s=>!rs(s)&&typeof s.then=="function",ls=1073741823,Ur=class extends Oe{constructor(){super(...arguments),this._$Cwt=ls,this._$Cbt=[],this._$CK=new sr(this),this._$CX=new or}render(...t){return t.find(e=>!as(e))??R}update(t,e){let r=this._$Cbt,i=r.length;this._$Cbt=e;let o=this._$CK,n=this._$CX;this.isConnected||this.disconnected();for(let a=0;a<e.length&&!(a>this._$Cwt);a++){let c=e[a];if(!as(c))return this._$Cwt=a,c;a<i&&c===r[a]||(this._$Cwt=ls,i=0,Promise.resolve(c).then(async d=>{for(;n.get();)await n.get();let u=o.deref();if(u!==void 0){let m=u._$Cbt.indexOf(c);m>-1&&m<u._$Cwt&&(u._$Cwt=m,u.setValue(d))}}))}return R}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}},cs=F(Ur);var ds=`@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 {
+
+      &[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)
+      }
+
+      &[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)
+      }
+
+      &[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) {
+    /* 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);
+
+      & 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 {
+    & 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 {
+    display: block;
+
+    --qti-tick-color: rgb(229 231 235 / 100%);
+    --qti-tick-width: 1px;
+
+    &::part(slider) {
+      margin-left: 2rem; /* mx-8 */
+      margin-right: 2rem;
+      padding-bottom: 1rem; /* pb-4 */
+      padding-top: 1.25rem; /* pt-5 */
+    }
+
+    --show-bounds: true;
+
+    &::part(bounds) {
+      display: flex;
+      width: 100%;
+      justify-content: space-between;
+      margin-bottom: 0.5rem; /* mb-2 */
+    }
+
+    --show-ticks: true;
+
+    &::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-tick-color) var(--qti-tick-width), transparent 1px) repeat-x 0
+        center / calc(calc(100% - var(--qti-tick-width)) / ((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-primary);
+      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);
+    }
+
+    --show-value: true;
+
+    &::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 */
+    }
+  }
+
+  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 Ve=class extends v{constructor(){super(...arguments);this.testURL=""}async connectedCallback(){super.connectedCallback();let e=this.querySelector("template");if(e)this.preContent=e.content;else{this.preContent=h``;let r=new CSSStyleSheet;r.replaceSync(ds),this.shadowRoot.adoptedStyleSheets=[r],await this.updateComplete;let i=new CustomEvent("qti-load-test-request",{bubbles:!0,composed:!0,detail:{promise:null,testURL:this.testURL}});this.dispatchEvent(i)?this.content=(async()=>await i.detail.promise)():(console.warn("No qti-load-test-request listener found"),this.preContent=h`<span>qti-load-test-request was not catched</span>`)}}render(){return h`
+      ${this.preContent}
+      <slot></slot>
+      ${cs(this.content,h`<span>Loading...</span>`)}
+    `}};l([q()],Ve.prototype,"content",2),l([p({type:String,attribute:"test-url"})],Ve.prototype,"testURL",2),Ve=l([g("test-container")],Ve);var nr=["this"],ps=["+","-","!"],hs=["=","+","-","*","/","%","^","==","!=",">","<",">=","<=","||","&&","??","&","===","!==","|","|>"],Fr={"!":0,":":0,",":0,")":0,"]":0,"}":0,"|>":1,"?":2,"??":3,"||":4,"&&":5,"|":6,"^":7,"&":8,"!=":9,"==":9,"!==":9,"===":9,">=":10,">":10,"<=":10,"<":10,"+":11,"-":11,"%":12,"/":12,"*":12,"(":13,"[":13,".":13,"{":13},ar=13;var fo=["==","!=","<=",">=","||","&&","??","|>"],bo=["===","!=="],w;(function(s){s[s.STRING=1]="STRING",s[s.IDENTIFIER=2]="IDENTIFIER",s[s.DOT=3]="DOT",s[s.COMMA=4]="COMMA",s[s.COLON=5]="COLON",s[s.INTEGER=6]="INTEGER",s[s.DECIMAL=7]="DECIMAL",s[s.OPERATOR=8]="OPERATOR",s[s.GROUPER=9]="GROUPER",s[s.KEYWORD=10]="KEYWORD",s[s.ARROW=11]="ARROW"})(w||(w={}));var K=(s,t,e=0)=>({kind:s,value:t,precedence:e}),vo=s=>s===9||s===10||s===13||s===32,us=s=>s===95||s===36||(s&=-33,65<=s&&s<=90),yo=s=>us(s)||gt(s),xo=s=>nr.indexOf(s)!==-1,qo=s=>s===34||s===39,gt=s=>48<=s&&s<=57,wo=s=>s===43||s===45||s===42||s===47||s===33||s===38||s===37||s===60||s===61||s===62||s===63||s===94||s===124,Eo=s=>s===40||s===41||s===91||s===93||s===123||s===125,Co=s=>s.replace(/\\(.)/g,(t,e)=>{switch(e){case"n":return`
+`;case"r":return"\r";case"t":return"	";case"b":return"\b";case"f":return"\f";default:return e}}),lr=class{constructor(t){z(this,"_input");z(this,"_index",-1);z(this,"_tokenStart",0);z(this,"_next");this._input=t,this._advance()}nextToken(){for(;vo(this._next);)this._advance(!0);if(qo(this._next))return this._tokenizeString();if(us(this._next))return this._tokenizeIdentOrKeyword();if(gt(this._next))return this._tokenizeNumber();if(this._next===46)return this._tokenizeDot();if(this._next===44)return this._tokenizeComma();if(this._next===58)return this._tokenizeColon();if(wo(this._next))return this._tokenizeOperator();if(Eo(this._next))return this._tokenizeGrouper();if(this._advance(),this._next!==void 0)throw new Error(`Expected end of input, got ${this._next}`)}_advance(t){this._index++,this._index<this._input.length?(this._next=this._input.charCodeAt(this._index),t===!0&&(this._tokenStart=this._index)):this._next=void 0}_getValue(t=0){let e=this._input.substring(this._tokenStart,this._index+t);return t===0&&this._clearValue(),e}_clearValue(){this._tokenStart=this._index}_tokenizeString(){let t="unterminated string",e=this._next;for(this._advance(!0);this._next!==e;){if(this._next===void 0)throw new Error(t);if(this._next===92&&(this._advance(),this._next===void 0))throw new Error(t);this._advance()}let r=K(w.STRING,Co(this._getValue()));return this._advance(),r}_tokenizeIdentOrKeyword(){do this._advance();while(yo(this._next));let t=this._getValue(),e=xo(t)?w.KEYWORD:w.IDENTIFIER;return K(e,t)}_tokenizeNumber(){do this._advance();while(gt(this._next));return this._next===46?this._tokenizeDot():K(w.INTEGER,this._getValue())}_tokenizeDot(){return this._advance(),gt(this._next)?this._tokenizeFraction():(this._clearValue(),K(w.DOT,".",ar))}_tokenizeComma(){return this._advance(!0),K(w.COMMA,",")}_tokenizeColon(){return this._advance(!0),K(w.COLON,":")}_tokenizeFraction(){do this._advance();while(gt(this._next));return K(w.DECIMAL,this._getValue())}_tokenizeOperator(){this._advance();let t=this._getValue(2);if(bo.indexOf(t)!==-1)this._advance(),this._advance();else{if(t=this._getValue(1),t==="=>")return this._advance(),K(w.ARROW,t);fo.indexOf(t)!==-1&&this._advance()}return t=this._getValue(),K(w.OPERATOR,t,Fr[t])}_tokenizeGrouper(){let t=String.fromCharCode(this._next),e=K(w.GROUPER,t,Fr[t]);return this._advance(!0),e}};var Br=(s,t)=>new ft(s,t).parse(),ft=class{constructor(t,e){z(this,"_kind");z(this,"_tokenizer");z(this,"_ast");z(this,"_token");z(this,"_value");this._tokenizer=new lr(t),this._ast=e}parse(){return this._advance(),this._parseExpression()}_advance(t,e){if(!this._matches(t,e))throw new Error(`Expected kind ${t} (${e}), was ${this._token?.kind} (${this._token?.value})`);let r=this._tokenizer.nextToken();this._token=r,this._kind=r?.kind,this._value=r?.value}_matches(t,e){return!(t&&this._kind!==t||e&&this._value!==e)}_parseExpression(){if(!this._token)return this._ast.empty();let t=this._parseUnary();return t===void 0?void 0:this._parsePrecedence(t,0)}_parsePrecedence(t,e){if(t===void 0)throw new Error("Expected left to be defined.");for(;this._token;)if(this._matches(w.GROUPER,"(")){let r=this._parseArguments();t=this._ast.invoke(t,void 0,r)}else if(this._matches(w.GROUPER,"[")){let r=this._parseIndex();t=this._ast.index(t,r)}else if(this._matches(w.DOT)){this._advance();let r=this._parseUnary();t=this._makeInvokeOrGetter(t,r)}else{if(this._matches(w.KEYWORD))break;if(this._matches(w.OPERATOR)&&this._token.precedence>=e)t=this._value==="?"?this._parseTernary(t):this._parseBinary(t,this._token);else break}return t}_makeInvokeOrGetter(t,e){if(e===void 0)throw new Error("expected identifier");if(e.type==="ID")return this._ast.getter(t,e.value);if(e.type==="Invoke"&&e.receiver.type==="ID"){let r=e.receiver;return this._ast.invoke(t,r.value,e.arguments)}else throw new Error(`expected identifier: ${e}`)}_parseBinary(t,e){if(hs.indexOf(e.value)===-1)throw new Error(`unknown operator: ${e.value}`);this._advance();let r=this._parseUnary();for(;(this._kind===w.OPERATOR||this._kind===w.DOT||this._kind===w.GROUPER)&&this._token.precedence>e.precedence;)r=this._parsePrecedence(r,this._token.precedence);return this._ast.binary(t,e.value,r)}_parseUnary(){if(this._matches(w.OPERATOR)){let t=this._value;if(this._advance(),t==="+"||t==="-"){if(this._matches(w.INTEGER))return this._parseInteger(t);if(this._matches(w.DECIMAL))return this._parseDecimal(t)}if(ps.indexOf(t)===-1)throw new Error(`unexpected token: ${t}`);let e=this._parsePrecedence(this._parsePrimary(),ar);return this._ast.unary(t,e)}return this._parsePrimary()}_parseTernary(t){this._advance(w.OPERATOR,"?");let e=this._parseExpression();this._advance(w.COLON);let r=this._parseExpression();return this._ast.ternary(t,e,r)}_parsePrimary(){switch(this._kind){case w.KEYWORD:let t=this._value;if(t==="this")return this._advance(),this._ast.id(t);throw nr.indexOf(t)!==-1?new Error(`unexpected keyword: ${t}`):new Error(`unrecognized keyword: ${t}`);case w.IDENTIFIER:return this._parseInvokeOrIdentifier();case w.STRING:return this._parseString();case w.INTEGER:return this._parseInteger();case w.DECIMAL:return this._parseDecimal();case w.GROUPER:return this._value==="("?this._parseParenOrFunction():this._value==="{"?this._parseMap():this._value==="["?this._parseList():void 0;case w.COLON:throw new Error('unexpected token ":"');default:return}}_parseList(){let t=[];do{if(this._advance(),this._matches(w.GROUPER,"]"))break;t.push(this._parseExpression())}while(this._matches(w.COMMA));return this._advance(w.GROUPER,"]"),this._ast.list(t)}_parseMap(){let t={};do{if(this._advance(),this._matches(w.GROUPER,"}"))break;let e=this._value;(this._matches(w.STRING)||this._matches(w.IDENTIFIER))&&this._advance(),this._advance(w.COLON),t[e]=this._parseExpression()}while(this._matches(w.COMMA));return this._advance(w.GROUPER,"}"),this._ast.map(t)}_parseInvokeOrIdentifier(){let t=this._value;if(t==="true")return this._advance(),this._ast.literal(!0);if(t==="false")return this._advance(),this._ast.literal(!1);if(t==="null")return this._advance(),this._ast.literal(null);if(t==="undefined")return this._advance(),this._ast.literal(void 0);let e=this._parseIdentifier(),r=this._parseArguments();return r?this._ast.invoke(e,void 0,r):e}_parseIdentifier(){if(!this._matches(w.IDENTIFIER))throw new Error(`expected identifier: ${this._value}`);let t=this._value;return this._advance(),this._ast.id(t)}_parseArguments(){if(!this._matches(w.GROUPER,"("))return;let t=[];do{if(this._advance(),this._matches(w.GROUPER,")"))break;let e=this._parseExpression();t.push(e)}while(this._matches(w.COMMA));return this._advance(w.GROUPER,")"),t}_parseIndex(){this._advance();let t=this._parseExpression();return this._advance(w.GROUPER,"]"),t}_parseParenOrFunction(){let t=this._parseArguments();if(this._matches(w.ARROW)){this._advance();let e=this._parseExpression(),r=t?.map(i=>i.value)??[];return this._ast.arrowFunction(r,e)}else return this._ast.paren(t[0])}_parseString(){let t=this._ast.literal(this._value);return this._advance(),t}_parseInteger(t=""){let e=this._ast.literal(parseInt(`${t}${this._value}`,10));return this._advance(),e}_parseDecimal(t=""){let e=this._ast.literal(parseFloat(`${t}${this._value}`));return this._advance(),e}};var _o={"+":(s,t)=>s+t,"-":(s,t)=>s-t,"*":(s,t)=>s*t,"/":(s,t)=>s/t,"%":(s,t)=>s%t,"==":(s,t)=>s==t,"!=":(s,t)=>s!=t,"===":(s,t)=>s===t,"!==":(s,t)=>s!==t,">":(s,t)=>s>t,">=":(s,t)=>s>=t,"<":(s,t)=>s<t,"<=":(s,t)=>s<=t,"||":(s,t)=>s||t,"&&":(s,t)=>s&&t,"??":(s,t)=>s??t,"|":(s,t)=>t(s),"|>":(s,t)=>t(s)},ko={"+":s=>s,"-":s=>-s,"!":s=>!s},cr=class{empty(){return{type:"Empty",evaluate(t){return t},getIds(t){return t}}}literal(t){return{type:"Literal",value:t,evaluate(e){return this.value},getIds(e){return e}}}id(t){return{type:"ID",value:t,evaluate(e){return this.value==="this"?e:e?.[this.value]},getIds(e){return e.push(this.value),e}}}unary(t,e){let r=ko[t];return{type:"Unary",operator:t,child:e,evaluate(i){return r(this.child.evaluate(i))},getIds(i){return this.child.getIds(i)}}}binary(t,e,r){let i=_o[e];return{type:"Binary",operator:e,left:t,right:r,evaluate(o){if(this.operator==="="){if(this.left.type!=="ID"&&this.left.type!=="Getter"&&this.left.type!=="Index")throw new Error(`Invalid assignment target: ${this.left}`);let n=this.right.evaluate(o),a,c;return this.left.type==="Getter"?(a=this.left.receiver.evaluate(o),c=this.left.name):this.left.type==="Index"?(a=this.left.receiver.evaluate(o),c=this.left.argument.evaluate(o)):this.left.type==="ID"&&(a=o,c=this.left.value),a===void 0?void 0:a[c]=n}return i(this.left.evaluate(o),this.right.evaluate(o))},getIds(o){return this.left.getIds(o),this.right.getIds(o),o}}}getter(t,e){return{type:"Getter",receiver:t,name:e,evaluate(r){return this.receiver.evaluate(r)?.[this.name]},getIds(r){return this.receiver.getIds(r),r}}}invoke(t,e,r){if(e!=null&&typeof e!="string")throw new Error("method not a string");return{type:"Invoke",receiver:t,method:e,arguments:r,evaluate(i){let o=this.receiver.evaluate(i),n=this.method?o:i?.this??i,a=this.method?o?.[e]:o,d=(this.arguments??[]).map(u=>u?.evaluate(i));return a?.apply?.(n,d)},getIds(i){return this.receiver.getIds(i),this.arguments?.forEach(o=>o?.getIds(i)),i}}}paren(t){return t}index(t,e){return{type:"Index",receiver:t,argument:e,evaluate(r){return this.receiver.evaluate(r)?.[this.argument.evaluate(r)]},getIds(r){return this.receiver.getIds(r),r}}}ternary(t,e,r){return{type:"Ternary",condition:t,trueExpr:e,falseExpr:r,evaluate(i){return this.condition.evaluate(i)?this.trueExpr.evaluate(i):this.falseExpr.evaluate(i)},getIds(i){return this.condition.getIds(i),this.trueExpr.getIds(i),this.falseExpr.getIds(i),i}}}map(t){return{type:"Map",entries:t,evaluate(e){let r={};if(t&&this.entries)for(let i in t){let o=this.entries[i];o&&(r[i]=o.evaluate(e))}return r},getIds(e){if(t&&this.entries)for(let r in t){let i=this.entries[r];i&&i.getIds(e)}return e}}}list(t){return{type:"List",items:t,evaluate(e){return this.items?.map(r=>r?.evaluate(e))},getIds(e){return this.items?.forEach(r=>r?.getIds(e)),e}}}arrowFunction(t,e){return{type:"ArrowFunction",params:t,body:e,evaluate(r){let i=this.params,o=this.body;return function(...n){let a=Object.fromEntries(i.map((d,u)=>[d,n[u]])),c=new Proxy(r??{},{set(d,u,m){return a.hasOwnProperty(u)&&(a[u]=m),d[u]=m},get(d,u){return a.hasOwnProperty(u)?a[u]:d[u]}});return o.evaluate(c)}},getIds(r){return this.body.getIds(r).filter(i=>!this.params.includes(i))}}}};var jr=null,ms={boundAttributeSuffix:M.M,marker:M.P,markerMatch:M.A,HTML_RESULT:M.C,getTemplateHtml:M.L,overrideDirectiveResolve:(s,t)=>class extends s{_$AS(e,r){return t(this,r)}},patchDirectiveResolve:(s,t)=>{if(s.prototype._$AS!==t){jr??(jr=s.prototype._$AS.name);for(let e=s.prototype;e!==Object.prototype;e=Object.getPrototypeOf(e))if(e.hasOwnProperty(jr))return void(e[jr]=t);throw Error("Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527")}},setDirectiveClass(s,t){s._$litDirective$=t},getAttributePartCommittedValue:(s,t,e)=>{let r=R;return s.j=i=>r=i,s._$AI(t,s,e),r},connectedDisconnectable:s=>({...s,_$AU:!0}),resolveDirective:M.V,AttributePart:M.H,PropertyPart:M.B,BooleanAttributePart:M.N,EventPart:M.U,ElementPart:M.F,TemplateInstance:M.R,isIterable:M.D,ChildPart:M.I};var{AttributePart:To,PropertyPart:Ao,BooleanAttributePart:So,EventPart:Ro}=ms,Xr=new cr,Wr=new Map,gs=s=>s.replace(/-(-|\w)/g,(t,e)=>e.toUpperCase()),dr=(s,t)=>{let e=Wr.get(s);if(e===void 0){if(Wr.has(s))return;if(s=s.trim(),s.startsWith("{{")&&s.endsWith("}}")){let r=s.substring(2,s.length-2).trim();e=new ft(r,Xr).parse(),Wr.set(s,e)}}return e?.evaluate(t)},Mo=(s,t,e,r)=>{let i=s.getAttribute("if");if(i!==null&&dr(i,t))return pr(s,t,e,r)},fs=/(?<!\\){{(.*?)(?:(?<!\\)}})/g,bs=s=>/(?:\\{{)|(?:\\}})/g.test(s),bt=s=>s.replaceAll(/\\{{/g,"{{").replace(/\\}}/g,"}}"),Lo=(s,t,e,r)=>{let i=s.getAttribute("repeat");if(i!==null){let o=dr(i,t);if(!o[Symbol.iterator])return k;let n=vt(s),a=-1,c=[];for(let d of o){a++;let u=Object.create(t);u.item=d,u.index=a,u.this=t.this??t;let m=[];for(let y of n.parts){let x=y.update(u,e,r);y.type===1?m.push(...x):m.push(x)}let f={_$litType$:n,values:m};c.push(f)}return c}},ys={if:Mo,repeat:Lo},xs=(s,t=ys,e={},r)=>{let o=vt(s).renderers;if(r){let a=vt(r).renderers,c=o.super;c!==void 0?e={...o,...e,super:(d,u,m)=>(m={...a,...m,super:(f,y,x)=>pr(r,f,y,x)},c(d,u,m))}:(e={...a,...o,...e},s=r)}else e={...o,...e};return n=>pr(s,n,t,e)};var pr=(s,t,e=ys,r={})=>{let i=vt(s),o=[];for(let a of i.parts){let c=a.update(t,e,r);a.type===1?o.push(...c):o.push(c)}return{_$litType$:i,values:o}},vs=new Map,vt=s=>{let t=vs.get(s);return t===void 0&&vs.set(s,t=$o(s)),t},$o=s=>{let t={h:void 0,el:s.cloneNode(!0),parts:[],renderers:{}},e=document.createTreeWalker(t.el.content,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT|NodeFilter.SHOW_COMMENT),r=e.currentNode,i=-1,o=[];for(;(r=e.nextNode())!==null;)if(r.nodeType===Node.ELEMENT_NODE){i++;let n=r;if(n.tagName==="TEMPLATE"){let c=n.getAttribute("type"),d=n.getAttribute("name"),u=n.getAttribute("call");if(u!==null||c!==null||d!==null){n.parentNode.insertBefore(document.createComment(""),n),o.push(n);let m;if(u!==null){let f=u.trim(),y=f.startsWith("{{")&&f.endsWith("}}");m=(x,_,S)=>{let D=n.getAttribute("data"),Qe=D===null?void 0:dr(D,x);return(y?dr(f,x):S[u])?.(Qe,_,S)}}else c!==null?m=(f,y,x)=>{let _=y[c];return _?.(n,f,y,x)}:(d==="super"?t.renderers.super=(f,y,x)=>{let _=x.super,S=vt(n);return x={...x,...S.renderers},_(f,y,x)}:t.renderers[d]=(f,y,x)=>pr(n,f,y,x),m=(f,y,x)=>{let _=x[d];return _?.(f,y,x)});t.parts.push({type:2,index:i,update:m});continue}}let a=n.getAttributeNames();for(let c of a){let d=n.getAttribute(c),u=d.split(fs);if(u.length===1){bs(d)&&n.setAttribute(c,bt(d));continue}n.removeAttribute(c);let m=c,f=To,y=c[0];y==="."?(m=gs(c.substring(1)),f=Ao):y==="?"?(m=c.substring(1),f=So):y==="@"&&(m=gs(c.substring(1)),f=Ro);let x=[bt(u[0])],_=[];for(let S=1;S<u.length;S+=2){let D=u[S];_.push(Br(D,Xr)),x.push(bt(u[S+1]))}t.parts.push({type:1,index:i,name:m,strings:x,ctor:f,update:(S,D,Qe)=>_.map(ce=>ce.evaluate(S))})}}else if(r.nodeType===Node.TEXT_NODE){let n=r,a=n.textContent,c=a.split(fs);c.length>1?n.textContent=bt(c[0]):bs(a)&&(n.textContent=bt(a));for(let d=1;d<c.length;d+=2){let u=c[d],m=Br(u,Xr);t.parts.push({type:2,index:++i,update:(y,x)=>m.evaluate(y)});let f=new Text(c[d+1].replace("\\{{","{{"));n.parentNode.insertBefore(f,n.nextSibling),n.parentNode.insertBefore(document.createComment(""),n.nextSibling),n=f,e.currentNode=f}}for(let n of o)n.remove();return t};var ze=class extends L{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 u=c.category?.split(" ").includes(this.skipOnCategory)?"i":a.counter++;return a.result.push({...c,newIndex:u}),a},{counter:0,result:[]}).result,r=e.findIndex(a=>a.identifier===this._testContext.navItemId),i=Math.max(0,r-this.maxDisplayedItems),o=Math.min(e.length,r+this.maxDisplayedItems+1),n=e.slice(i,o);return h`
+      ${n.map(a=>{let c=a.variables.find(ce=>ce.identifier=="SCORE"),d=parseInt(c?.value?.toString()),u=a.variables.find(ce=>ce.identifier==="completionStatus")?.value,m=a.category!==this.skipOnCategory?"regular":"info",f=this._testContext.navItemId===a.identifier,y=this._testContext.view==="scorer"&&m=="regular"&&d!==void 0&&!isNaN(d)&&d>0,x=this._testContext.view==="scorer"&&m=="regular"&&d!==void 0&&!isNaN(d)&&d<=0,_=this._testContext.view==="candidate"&&u==="completed"&&a.category!==this.skipOnCategory,S={...a,type:m,active:f,correct:y,incorrect:x,answered:_},D=this.firstElementChild;return xs(D)({item:S})})}
+    `}};l([p({type:Number,attribute:"max-displayed-items"})],ze.prototype,"maxDisplayedItems",2),l([p({type:String,attribute:"skip-on-category"})],ze.prototype,"skipOnCategory",2),ze=l([g("test-paging-buttons-stamp")],ze);function qs(s){class t extends s{createRenderRoot(){return this}get assessmentItem(){return this.renderRoot?.querySelector("qti-assessment-item")}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-item-connected",{bubbles:!0,composed:!0,detail:{identifier:this.identifier,href:this.href}}))}render(){return h`${this.xmlDoc}`}}return l([p({type:String,reflect:!0})],t.prototype,"identifier",2),l([p({type:String})],t.prototype,"href",2),l([p({type:Object,attribute:!1})],t.prototype,"xmlDoc",2),t}var hr=class extends qs(v){};hr=l([g("qti-item")],hr);var ws=[{identifier:"completionStatus",cardinality:"single",baseType:"string",value:"unknown",type:"outcome"},{identifier:"numAttempts",cardinality:"single",baseType:"integer",value:"0",type:"response"}],$=Symbol("item");var I=class extends v{constructor(){super();this.identifier="";this.adaptive="false";this.timeDependent=null;this._handleDisabledChange=(e,r)=>{this._interactionElements.forEach(i=>i.disabled=r)};this._handleReadonlyChange=(e,r)=>this._interactionElements.forEach(i=>i.readonly=r);this._context={identifier:this.getAttribute("identifier"),variables:ws};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 r=e.detail;this._feedbackElements.push(r),r.checkShowFeedback(r.outcomeIdentifier)}),this.addEventListener("qti-register-interaction",e=>{e.stopPropagation(),this._interactionElements.push(e.target)}),this.addEventListener("end-attempt",e=>{let{responseIdentifier:r,countAttempt:i}=e.detail;this.validate(),this.updateResponseVariable(r,"true"),this.processResponse(i)}),this.addEventListener("qti-set-outcome-value",e=>{let{outcomeIdentifier:r,value:i}=e.detail;this.updateOutcomeVariable(r,i),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(r=>!("identifier"in r))){console.warn("variables property should be an array of VariableDeclaration");return}this._context={...this._context,variables:this._context.variables.map(r=>{let i=e.find(o=>o.identifier===r.identifier);return i?{...r,...i}:r})},this._context.variables.forEach(r=>{if(r.type==="response"){let i=this._interactionElements.find(o=>o.responseIdentifier===r.identifier);i&&(i.value=r.value)}r.type==="outcome"&&this._feedbackElements.forEach(i=>i.checkShowFeedback(r.identifier))})}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this._emit("qti-assessment-item-connected",this)}set responses(e){if(e)for(let r of e){this.getResponse(r.responseIdentifier)&&this.updateResponseVariable(r.responseIdentifier,r.response);let o=this._interactionElements.find(n=>n.getAttribute("response-identifier")===r.responseIdentifier);o&&(o.value=r.response)}}render(){return h`<slot></slot>`}showCorrectResponse(e){let i=this._context.variables.filter(o=>"correctResponse"in o&&o.correctResponse).map(o=>({responseIdentifier:o.identifier,response:o.correctResponse}));for(let o of i){let n=this._interactionElements.find(a=>a.getAttribute("response-identifier")===o.responseIdentifier);n&&(n.correctResponse=e?o.response:"")}}processResponse(e=!0){this.validate();let r=this.querySelector("qti-response-processing");return!r||!r.process?!1:(r.process(),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus()),e&&this.updateOutcomeVariable("numAttempts",(+this._context.variables.find(i=>i.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(r=>r.identifier===e)||null}handleUpdateResponseVariable(e){let{responseIdentifier:r,response:i}=e.detail;this.updateResponseVariable(r,i)}updateResponseVariable(e,r){this._context={...this._context,variables:this._context.variables.map(i=>i.identifier!==e?i:{...i,value:r})},this._emit("qti-interaction-changed",{item:this.identifier,responseIdentifier:e,response:Array.isArray(r)?[...r]:r}),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus())}updateOutcomeVariable(e,r){let i=this.getOutcome(e);if(!i){console.warn(`Can not set qti-outcome-identifier: ${e}, it is not available`);return}this._context={...this._context,variables:this._context.variables.map(o=>o.identifier!==e?o:{...o,value:i.cardinality==="single"?r:[...o.value,r]})},this._feedbackElements.forEach(o=>o.checkShowFeedback(e)),this._emit("qti-outcome-changed",{item:this.identifier,outcomeIdentifier:e,value:this._context.variables.find(o=>o.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,r=null){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:r}))}};l([p({type:String})],I.prototype,"title",2),l([p({type:String})],I.prototype,"identifier",2),l([p({type:String})],I.prototype,"adaptive",2),l([p({type:String})],I.prototype,"timeDependent",2),l([p({type:Boolean})],I.prototype,"disabled",2),l([A("disabled",{waitUntilFirstUpdate:!0})],I.prototype,"_handleDisabledChange",2),l([p({type:Boolean})],I.prototype,"readonly",2),l([A("readonly",{waitUntilFirstUpdate:!0})],I.prototype,"_handleReadonlyChange",2),l([Le({context:$})],I.prototype,"_context",2),I=l([g("qti-assessment-item")],I);var Ue=class extends v{constructor(){super(...arguments);this.identifier="";this.href=""}async connectedCallback(){super.connectedCallback();let e=new Event("qti-assessment-stimulus-ref-connected",{cancelable:!0,bubbles:!0});if(this.dispatchEvent(e)){let o=this.closest("qti-assessment-item").querySelector(`[data-stimulus-idref=${this.identifier}]`);o?await this.updateStimulusRef(o):console.warn(`Stimulus with data-stimulus-idref ${this.identifier} not found`)}}async updateStimulusRef(e){let r=await Zt().load(this.href).then(i=>i.htmlDoc());if(r){let i=r.querySelectorAll("qti-stimulus-body, qti-stylesheet");e.innerHTML="",e.append(...i)}}};l([p({type:String})],Ue.prototype,"identifier",2),l([p({type:String})],Ue.prototype,"href",2),Ue=l([g("qti-assessment-stimulus-ref")],Ue);var Es={toAttribute:s=>s?"true":"false",fromAttribute:s=>s==="true"};function Z(s,t){class e extends s{constructor(...o){super(...o);this.identifier="";this.tabIndex=0;this.disabled=!1;this.readonly=!1;this.internals=this.attachInternals()}handleDisabledChange(o,n){this.tabIndex=n?-1:0,n&&this.blur()}connectedCallback(){super.connectedCallback(),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`register-${t}`,{bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keyup",this._onKeyUp),this.removeEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`unregister-${t}`,{bubbles:!0,composed:!0}))}_onKeyUp(o){o.altKey||o.code==="Space"&&(o.preventDefault(),this._activate())}_onClick(){this.disabled||this.readonly||(this.focus(),this._activate())}_activate(){this.disabled||this.readonly||this.dispatchEvent(new CustomEvent(`activate-${t}`,{bubbles:!0,composed:!0,detail:{identifier:this.identifier}}))}render(){return h`<slot></slot>`}}return l([p({type:String})],e.prototype,"identifier",2),l([p({type:Number,reflect:!0,attribute:"tabindex"})],e.prototype,"tabIndex",2),l([p({type:Boolean,reflect:!0,attribute:"aria-disabled",converter:Es})],e.prototype,"disabled",2),l([p({type:Boolean,reflect:!0,attribute:"aria-readonly",converter:Es})],e.prototype,"readonly",2),l([A("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e}var Cs=b`
+  :host {
+    display: block;
+  }
+`;var yt=class extends v{render(){return h`<slot name="qti-rubric-block"></slot><slot></slot>`}};yt.styles=Cs,yt=l([g("qti-item-body")],yt);var ur=class extends v{render(){return h`<slot></slot>`}connectedCallback(){this.parentElement.tagName.endsWith("INTERACTION")&&this.setAttribute("slot","prompt")}};ur=l([g("qti-prompt")],ur);var mr=class extends v{constructor(){super(...arguments);this.styleElement=null}firstUpdated(e){super.firstUpdated(e);let r=this.getAttribute("href");if(r!==null&&fetch(r).then(i=>i.text()).then(i=>{let o=this.minifyCss(i);this.styleElement=document.createElement("style"),this.styleElement.media="screen",this.styleElement.textContent=`@scope {${o}}`,this.parentElement?this.parentElement.appendChild(this.styleElement):console.warn("No parent element to append the scoped stylesheet to.")}).catch(i=>{console.error("Failed to load stylesheet:",i)}),this.textContent!==null&&this.textContent.trim()!==""){let i=this.minifyCss(this.textContent);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.")}}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()}};mr=l([g("qti-stylesheet")],mr);var me=class extends v{render(){return h`<slot></slot>`}defaultValues(t){let e=Array.from(this.querySelectorAll("qti-default-value > qti-value"));if(e.length===0)return null;let r=e.map(i=>i.innerHTML.trim());return r.length>1||t.cardinality==="multiple"||t.cardinality==="ordered"?r:r[0]}};me=l([g("qti-variabledeclaration")],me);var J=class extends me{constructor(){super(...arguments);this.externalScored=null}render(){let e=this.itemContext?.variables.find(r=>r.identifier===this.identifier)?.value;return h`${JSON.stringify(e,null,2)}`}get interpolationTable(){let e=this.querySelector("qti-interpolation-table");if(e){let r=new Map;for(let i of e.querySelectorAll("qti-interpolation-table-entry")){!i.getAttribute("source-value")&&i.getAttribute("target-value")&&console.error("source-value or target-value is missing in qti-interpolation-table-entry");let o=parseInt(i.getAttribute("source-value")),n=parseInt(i.getAttribute("target-value"));(isNaN(o)||isNaN(n))&&console.error("source-value or target-value is not a number in qti-interpolation-table-entry"),r.set(o,n)}return r}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}}))}};J.styles=[b`
+      :host {
+        display: none;
+      }
+    `],l([p({type:String,attribute:"base-type"})],J.prototype,"baseType",2),l([p({type:String,attribute:"external-scored"})],J.prototype,"externalScored",2),l([p({type:String})],J.prototype,"identifier",2),l([p({type:String})],J.prototype,"cardinality",2),l([T({context:$,subscribe:!0}),q()],J.prototype,"itemContext",2),J=l([g("qti-outcome-declaration")],J);var ne=class extends me{render(){let t=this.itemContext?.variables.find(e=>e.identifier===this.identifier)?.value;return h`${JSON.stringify(t,null,2)}`}connectedCallback(){super.connectedCallback();let t={baseType:this.baseType,identifier:this.identifier,correctResponse:this.correctResponse,cardinality:this.cardinality||"single",mapping:this.mapping,value:null,type:"response",candidateResponse:null};t.value=this.defaultValues(t),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:t}}))}get correctResponse(){let t,e=this.querySelector("qti-correct-response");if(e){let r=e.querySelectorAll("qti-value");if(this.cardinality==="single"&&r.length>0)t=r[0].textContent,r[0].remove();else if(this.cardinality!=="single"){t=[];for(let i=0;i<r.length;i++)t.push(r[i].textContent),r[i].remove()}}return t}get mapping(){return this.querySelector("qti-mapping")}};ne.styles=[b`
+      :host {
+        display: none;
+      }
+    `],l([p({type:String,attribute:"base-type"})],ne.prototype,"baseType",2),l([p({type:String})],ne.prototype,"identifier",2),l([p({type:String})],ne.prototype,"cardinality",2),l([T({context:$,subscribe:!0}),q()],ne.prototype,"itemContext",2),ne=l([g("qti-response-declaration")],ne);var gr=class extends v{};gr=l([g("qti-companion-materials-info")],gr);var fr=class extends v{render(){return h`<slot></slot>`}};fr=l([g("qti-content-body")],fr);var Q=class extends v{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 h`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","qti-rubric-block")}};Q.styles=b`
+    :host {
+      display: block;
+    }
+  `,l([p({type:String})],Q.prototype,"id",2),l([p({type:String})],Q.prototype,"use",2),l([p({type:String})],Q.prototype,"view",2),l([p({type:String,attribute:"class"})],Q.prototype,"classNames",2),l([A("classNames",{waitUntilFirstUpdate:!0})],Q.prototype,"handleclassNamesChange",1),Q=l([g("qti-rubric-block")],Q);var Do=()=>new Intl.NumberFormat().format(.1).replace(/\d/g,""),xt=s=>{if(typeof s=="string")return s;let t=Do();return t==="."?s.toLocaleString():s.toString().replace(".","").replace(t,".")};function Yr(s){return s==null}function qt(s){return s.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}var N=class extends v{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-feedback",{bubbles:!0,composed:!0,detail:this}))}checkShowFeedback(t){let e=this._context.variables.find(i=>i.identifier===t)||null;if(this.outcomeIdentifier!==t||!e)return;let r=!1;Array.isArray(e.value)?r=e.value.includes(this.identifier):r=!Yr(this.identifier)&&!Yr(e?.value)&&this.identifier===e.value||!1,this.showFeedback(r)}showFeedback(t){this.showStatus=t&&this.showHide==="show"||!t&&this.showHide==="hide"?"on":"off"}};l([p({type:String,attribute:"show-hide"})],N.prototype,"showHide",2),l([p({type:String,attribute:"outcome-identifier"})],N.prototype,"outcomeIdentifier",2),l([p({type:String})],N.prototype,"identifier",2),l([p({type:String,attribute:!1})],N.prototype,"showStatus",2),l([T({context:$,subscribe:!0}),q()],N.prototype,"_context",2);var wt=class extends N{render(){return h` <slot part="feedback" class="feedback ${this.showStatus}"></slot> `}firstUpdated(t){this.checkShowFeedback(this.outcomeIdentifier)}};wt.styles=b`
+    :host {
+      display: block;
+    }
+    .on {
+      display: block;
+    }
+    .off {
+      display: none;
+    }
+  `,wt=l([g("qti-feedback-block")],wt);var Et=class extends N{constructor(){super(...arguments);this.render=()=>h` <slot part="feedback" class="${this.showStatus}"></slot> `}};Et.styles=b`
+    .on {
+      display: inline-block;
+    }
+    .off {
+      display: none;
+    }
+  `,Et=l([g("qti-feedback-inline")],Et);var Ct=class extends N{constructor(){super(...arguments);this.render=()=>h` <slot part="feedback" class="${this.showStatus}"></slot> `}};Ct.styles=b`
+    .on {
+      display: inline-block;
+    }
+    .off {
+      display: none;
+    }
+  `,Ct=l([g("qti-modal-feedback")],Ct);var ge=s=>s??k;var E=class extends v{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}}))}};E.formAssociated=!0,l([p({type:String,attribute:"response-identifier"})],E.prototype,"responseIdentifier",2),l([p({reflect:!0,type:Boolean})],E.prototype,"disabled",2),l([p({reflect:!0,type:Boolean})],E.prototype,"readonly",2),l([q()],E.prototype,"_correctResponse",2);var H=class extends E{constructor(){super(...arguments);this._rows=5;this._value=""}handleclassNamesChange(e,r){let i=r.split(" "),o=!1;if(i.forEach(n=>{if(n.startsWith("qti-height-lines-")){let a=n.replace("qti-height-lines-","");this._rows=parseInt(a),o=!0}}),!o&&this.expectedLength){let n=Math.ceil(this.expectedLength/50);this._rows=n}}get value(){return this._value}set value(e){if(typeof e=="string"){this._value=e;let r=new FormData;r.append(this.responseIdentifier,e),this._internals.setFormValue(r),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 r=this.patternMask.startsWith("^")&&this.patternMask.endsWith("$")?this.patternMask:`^${this.patternMask}$`,i=new RegExp(r);e.checkValidity()&&i.test(e.value)||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),e.setCustomValidity(this.dataPatternmaskMessage))}else{let r=e.checkValidity();this._internals.setValidity(r?{}:{customError:!1})}return this._value!==""&&e.checkValidity()}reportValidity(){let e=this.shadowRoot.querySelector("textarea");if(!e)return!1;let r=this.validate();return r||e.reportValidity(),r}static get styles(){return[b`
+        /* PK: display host as block, else design will be collapsed */
+        :host {
+          display: block;
+        }
+        textarea {
+          box-sizing: border-box;
+          width: 100%;
+          height: 100%;
+          border: 0;
+        }
+      `]}render(){return h`<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="${ge(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 r=e.target;this.setEmptyAttribute(r.value),this._value!==r.value&&(this.value=r.value,this.saveResponse(r.value))}setEmptyAttribute(e){this.setAttribute("empty",e===""?"true":"false")}};l([q()],H.prototype,"_rows",2),l([p({type:Number,attribute:"expected-length"})],H.prototype,"expectedLength",2),l([p({type:String,attribute:"pattern-mask"})],H.prototype,"patternMask",2),l([p({type:String,attribute:"placeholder-text"})],H.prototype,"placeholderText",2),l([p({type:String,attribute:"data-patternmask-message"})],H.prototype,"dataPatternmaskMessage",2),l([q()],H.prototype,"_value",2),l([p({type:String,attribute:"class"})],H.prototype,"classNames",2),l([A("classNames")],H.prototype,"handleclassNamesChange",1),H=l([g("qti-extended-text-interaction")],H);var _s=()=>new Kr,Kr=class{},Gr=new WeakMap,Oh=F(class extends Oe{render(s){return k}update(s,[t]){let e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=s.options?.host,this.rt(this.ct=s.element)),k}rt(s){if(this.isConnected||(s=void 0),typeof this.Y=="function"){let t=this.ht??globalThis,e=Gr.get(t);e===void 0&&(e=new WeakMap,Gr.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,s),s!==void 0&&this.Y.call(this.ht,s)}else this.Y.value=s}get lt(){return typeof this.Y=="function"?Gr.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var ks=b`
+  :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 ee=class extends E{constructor(){super(...arguments);this._value="";this.inputRef=_s()}get value(){return this._value}set value(e){if(typeof e=="string"){this._value=e;let r=new FormData;r.append(this.responseIdentifier,e),this._internals.setFormValue(r),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 r=e.checkValidity();this._internals.setValidity(r?{}:{customError:!1})}return this._value!==""&&e.checkValidity()}render(){return h`
+      <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="${ge(this.placeholderText?this.placeholderText:void 0)}"
+        .value="${this._value}"
+        pattern="${ge(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 r=e.target;this.setEmptyAttribute(r.value),this._value!==r.value&&(this.value=r.value,this.saveResponse(r.value))}reportValidity(){let e=this.shadowRoot.querySelector("input");if(!e)return!1;let r=this.validate();return r||e.reportValidity(),r}reset(){this._value=""}setEmptyAttribute(e){this.setAttribute("empty",e===""?"true":"false")}};ee.styles=ks,l([p({type:Number,attribute:"expected-length"})],ee.prototype,"expectedLength",2),l([p({type:String,attribute:"pattern-mask"})],ee.prototype,"patternMask",2),l([p({type:String,attribute:"placeholder-text"})],ee.prototype,"placeholderText",2),l([p({type:String,attribute:"data-patternmask-message"})],ee.prototype,"dataPatternmaskMessage",2),l([q()],ee.prototype,"_value",2),ee=l([g("qti-text-entry-interaction")],ee);var fe=(s,t)=>{class e extends s{constructor(){super(...arguments);this._choiceElements=[];this.minChoices=0;this.maxChoices=1;this._handleDisabledChange=(o,n)=>{this._choiceElements.forEach(a=>a.disabled=n)};this._handleReadonlyChange=(o,n)=>{this._choiceElements.forEach(a=>a.readonly=n)};this._value=""}_handleMaxChoicesChange(o,n){this._determineInputType()}get value(){return Array.isArray(this._value)?this._value.join(","):this._value}set value(o){if(this.maxChoices>1&&typeof o=="string"?this._value=o.split(","):this._value=o,Array.isArray(this._value)){let n=new FormData;this._value.forEach(a=>{n.append(this.responseIdentifier,a)}),this._internals.setFormValue(n)}else this._internals.setFormValue(this._value);this._updateChoiceSelection()}get correctResponse(){return this._correctResponse}set correctResponse(o){this._correctResponse=o;let n=Array.isArray(o)?o:[o];this._choiceElements.forEach(a=>{a.internals.states.delete("correct-response"),a.internals.states.delete("incorrect-response"),n.length>0&&(n.includes(a.identifier)?a.internals.states.add("correct-response"):a.internals.states.add("incorrect-response"))})}connectedCallback(){super.connectedCallback(),this.addEventListener(`register-${t}`,this._registerChoiceElement),this.addEventListener(`unregister-${t}`,this._unregisterChoiceElement),this.addEventListener(`activate-${t}`,this._choiceElementSelectedHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`register-${t}`,this._registerChoiceElement),this.removeEventListener(`unregister-${t}`,this._unregisterChoiceElement),this.removeEventListener(`activate-${t}`,this._choiceElementSelectedHandler)}validate(){let o=this._choiceElements.filter(d=>this._getChoiceChecked(d)),n=o.length,a=!0,c="";return this.maxChoices!==0&&n>this.maxChoices?(a=!1,c=this.dataset.maxSelectionsMessage||`You can select at most ${this.maxChoices} choices.`):n<this.minChoices&&(a=!1,c=this.dataset.minSelectionsMessage||`You must select at least ${this.minChoices} choices.`),o.length>0&&this._internals.setValidity(a?{}:{customError:!0},c,o[n-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(o){o.stopPropagation();let n=o.target;n.disabled=this.disabled,this._choiceElements.push(n),this._setInputType(n)}_unregisterChoiceElement(o){o.stopPropagation();let n=o.target;this._choiceElements=this._choiceElements.filter(a=>a!==n)}_determineInputType(){this._choiceElements.forEach(o=>{this._setInputType(o)})}_setInputType(o){this._internals.ariaLabel=this.maxChoices===1?"radio-group":"checkbox-group";let n=this.maxChoices===1?"radio":"checkbox";o.internals.role=n,o.internals.states.delete(n==="radio"?"checkbox":"radio"),o.internals.states.add(n)}_choiceElementSelectedHandler(o){this._toggleChoiceChecked(o.target),this.maxChoices===1&&this._choiceElements.forEach(n=>{n.identifier!==o.detail.identifier&&this._setChoiceChecked(n,!1)}),this._handleChoiceSelection()}_setChoiceChecked(o,n){o.internals?.states&&(n?(o.internals.states.add("--checked"),o.internals.ariaChecked="true"):(o.internals.states.delete("--checked"),o.internals.ariaChecked="false"))}_getChoiceChecked(o){return o.internals.states.has("--checked")}_toggleChoiceChecked(o){let n=this._getChoiceChecked(o);this._setChoiceChecked(o,!n)}_handleChoiceSelection(){let n=this._choiceElements.filter(a=>this._getChoiceChecked(a)).map(a=>a.identifier);this.value=this.maxChoices===1?n[0]||"":n,this.validate(),this.saveResponse(this._value)}_updateChoiceSelection(){let o=Array.isArray(this._value)?this._value:[this._value];this._choiceElements.forEach(n=>{let a=o.includes(n.identifier);this._setChoiceChecked(n,a)})}}return l([Ie("#validationMessage")],e.prototype,"_validationMessageElement",2),l([p({type:Number,attribute:"min-choices"})],e.prototype,"minChoices",2),l([p({type:Number,attribute:"max-choices"})],e.prototype,"maxChoices",2),l([A("maxChoices",{waitUntilFirstUpdate:!0})],e.prototype,"_handleMaxChoicesChange",1),l([A("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"_handleDisabledChange",2),l([A("readonly",{waitUntilFirstUpdate:!0})],e.prototype,"_handleReadonlyChange",2),e};var br=class extends fe(E,"qti-hottext"){constructor(){super(...arguments);this.render=()=>h`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.setAttribute("qti-hottext-interaction","")}};br=l([g("qti-hottext-interaction")],br);var _t=class extends G{constructor(t){if(super(t),this.it=k,t.type!==ue.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===k||t==null)return this._t=void 0,this.it=t;if(t===R)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};_t.directiveName="unsafeHTML",_t.resultType=1;var be=F(_t);var ve=class extends E{constructor(){super(...arguments);this.options=[];this.correctOption="";this.dataPrompt="select"}static get styles(){return[b`
+        :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 h`
+      <select part="select" @change="${this.choiceSelected}" ?disabled="${this.disabled}" ?readonly="${this.readonly}">
+        ${this.options.map(e=>h`
+            <option value="${e.value}" ?selected="${e.selected}">${be(e.textContent)}</option>
+          `)}
+      </select>
+
+      ${be(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(r=>({textContent:r.innerHTML,value:r.getAttribute("identifier"),selected:!1}))]}disconnectedCallback(){this.removeEventListener("on-dropdown-selected",this.choiceSelected)}validate(){let e=this.options.find(r=>r.selected);return e?e.value!=="":!1}reset(){this.options=this.options.map((e,r)=>({...e,selected:r===0}))}set value(e){this.options=this.options.map(r=>(e===r.value&&(r.selected=!0),r))}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(r=>e===r.value).textContent}</span>`}choiceSelected(e){let r=e.target.value;this.options=this.options.map(i=>({...i,selected:i.value===r})),this.saveResponse(r)}};ve.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"],l([q()],ve.prototype,"options",2),l([q()],ve.prototype,"correctOption",2),l([p({attribute:"data-prompt",type:String})],ve.prototype,"dataPrompt",2),ve=l([g("qti-inline-choice-interaction")],ve);var vr=(s,t)=>{class e extends s{constructor(){super(...arguments);this.shuffle="false"}connectedCallback(){super.connectedCallback(),this._applyShuffle()}updated(o){o.has("shuffle")&&this._applyShuffle()}_applyShuffle(){this.shuffle==="true"?this._shuffleChoices():this._resetShuffleChoices()}_shuffleChoices(){let o=Array.from(this.querySelectorAll(t)),n=o.filter(f=>f.hasAttribute("fixed")),a=o.filter(f=>!f.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,u=0;for(;!d&&u<10;){u++;for(let f=a.length-1;f>0;f--){let y=Math.floor(Math.random()*(f+1));[a[f],a[y]]=[a[y],a[f]]}d=!a.every((f,y)=>f===c[y])}d||console.warn("Failed to shuffle the choices after multiple attempts.");let m=1;[...n,...a].forEach(f=>{f.style.setProperty("order",String(m++))})}_resetShuffleChoices(){this.querySelectorAll(t).forEach(o=>{o.style.setProperty("order","initial")})}}return l([p({type:String,reflect:!0})],e.prototype,"shuffle",2),e};var Ts=(s,t)=>{class e extends s{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(o){o&&(this._classes=o.split(" "),this._addLabels())}get class(){return this._classes?.join(" ")||""}updated(o){super.updated(o),o.has("shuffle")&&this._addLabels()}_addLabels(){let o=this._classes.some(a=>this._allLabels.includes(a)||this._allLabelSuffixes.includes(a)),n=a=>!isNaN(+a);if(o){let c=Array.from(this.querySelectorAll("qti-simple-choice")).map(d=>d).map((d,u)=>({el:d,order:n(d.style.order)?+d.style.order:u+1})).sort((d,u)=>d.order-u.order).map(d=>d.el);for(let d=0;d<c.length;d++)c[d].marker=this._getLabel(d+1)}}_getLabel(o){let n=this._classes.filter(d=>this._allLabels.includes(d)).pop(),a=this._classes.filter(d=>this._allLabelSuffixes.includes(d)).pop();!n&&a&&(n="qti-labels-upper-alpha");let c="";switch(n){case"qti-labels-decimal":c=`${o}`;break;case"qti-labels-lower-alpha":c=`${String.fromCharCode(97+o-1)}`;break;case"qti-labels-upper-alpha":c=`${String.fromCharCode(65+o-1)}`;break}return a==="qti-labels-suffix-period"?c+=".":a==="qti-labels-suffix-parenthesis"&&(c+=")"),c}}return l([p({type:String,reflect:!0})],e.prototype,"class",1),e};var As=b`
+  [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 Fe=class extends Ts(vr(fe(E,"qti-simple-choice"),"qti-simple-choice"),"qti-simple-choice"){constructor(){super(),this._internals.role="group"}render(){return h`
+      <slot part="prompt" name="prompt"></slot><slot part="slot"></slot>
+      <div part="message" role="alert" id="validationMessage"></div>
+    `}};Fe.styles=As,l([p({type:String})],Fe.prototype,"orientation",2),Fe=l([g("qti-choice-interaction")],Fe);var kt=class extends v{render(){return h`<slot></slot>`}process(){let t=new Zr,e=[...this.children];t.process(e)}};kt.styles=[b`
+      :host {
+        display: none;
+      }
+    `],kt=l([g("qti-outcome-processing")],kt);var Zr=class{process(t){for(let e of t)e.process()}};var Ss=`<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>`,Rs=`<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>`,Ms=`<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 Ae=class extends v{render(){return h`<slot></slot>`}process(){if(!this.closest("qti-assessment-item"))return;let e=[...this.children];for(let r of e)r.process()}firstUpdated(t){if(this.getAttribute("template")){let e=this.getAttribute("template").split("/"),r=e[e.length-1].replace(".xml","");switch(this.innerHTML="",r){case"map_response":{this.appendChild(this.fragmentFromString(Rs).firstElementChild.firstElementChild);break}case"map_response_point":{this.appendChild(this.fragmentFromString(Ms).firstElementChild.firstElementChild);break}case"match_correct":this.appendChild(this.fragmentFromString(Ss).firstElementChild.firstElementChild);break}}}fragmentFromString(t){return document.createRange().createContextualFragment(t)}};Ae.styles=[b`
+      :host {
+        display: none;
+      }
+    `],Ae=l([g("qti-response-processing")],Ae);var te=class extends v{render(){return h`<slot></slot>`}process(){throw new Error("Not implemented")}};te=l([g("qti-rule")],te);var yr=class extends te{get childExpression(){return this.firstElementChild}process(){let t=this.getAttribute("identifier"),e=this.closest("qti-assessment-item").getVariable(t),r;return e.interpolationTable&&(r=e.interpolationTable.get(parseInt(this.childExpression.calculate()))),r==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:xt(r)}})),r)}};l([p({type:String})],yr.prototype,"identifier",2);customElements.define("qti-lookup-outcome-value",yr);var Jr=class extends te{render(){return h`<slot></slot>`}process(){let t=[...this.children];for(let e=0;e<t.length;e++){let r=t[e];if(r.calculate()){r.process();return}}}};customElements.define("qti-response-condition",Jr);var Qr=class extends te{process(){let t=this.getAttribute("identifier"),e=this.firstElementChild,i=new ei(e).process();this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:t,value:Array.isArray(i)?i.map(o=>xt(o)):xt(i)}}))}},ei=class{constructor(t){this.expression=t}process(){let t=this.expression?this.expression.calculate():null;if(t==null){console.warn("setOutcomeValue: value is null or undefined");return}return t}};customElements.define("qti-set-outcome-value",Qr);var Tt=class extends v{render(){return h`<slot></slot>`}calculate(){return!0}getSubRules(){return[...this.children]}process(){let t=this.getSubRules();for(let e=0;e<t.length;e++)t[e].process()}};customElements.define("qti-response-else",Tt);var At=class extends Tt{calculate(){return this.firstElementChild.calculate()}getSubRules(){let t=[];for(let e=1;e<this.children.length;e++)t.push(this.children[e]);return t}};customElements.define("qti-response-if",At);var ti=class extends At{render(){return h`${super.render()}`}};customElements.define("qti-response-else-if",ti);var C=class extends v{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 r=e.getAttribute("identifier")||"";return this.context.variables.find(o=>o.identifier===r)||null}case"qti-multiple":{let i=e.getResult();return i.length>0?{identifier:"",baseType:i[0].baseType,value:i.map(o=>o.value),cardinality:"multiple",type:"response"}:null}case"qti-correct":{let r=e.getAttribute("identifier")||"",i=this.context.variables.find(o=>o.identifier===r)||null;return{baseType:i.baseType,value:i.correctResponse,cardinality:i.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 h`<pre>${JSON.stringify(this.result,null,2)}</pre>
+      <slot></slot>`}calculate(){return this.result=this.getResult(),this.result}getResult(){throw new Error("Not implemented")}};C.styles=b`
+    slot {
+      display: none;
+    }
+  `,l([q()],C.prototype,"result",2),l([T({context:$,subscribe:!0}),q()],C.prototype,"context",2);var O=class extends C{calculate(){return this.result=this.getResult(),this.result}getResult(){throw new Error("Not implemented")}};var xr=class extends Io(O){calculate(){return this.calculateChildren(Array.from(this.children))}};function Io(s){return class extends s{calculateChildren(e){return e.map(i=>{let o=i;if(!o.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let n=o.calculate(),a=!1;if(typeof n=="string")if(n==="true")a=!0;else if(n==="false")a=!1;else return console.error("unexpected val in qti-or, expected boolean"),null;else typeof n=="boolean"&&(a=n);return a}).every(i=>typeof i=="boolean"&&i)}}}customElements.define("qti-and",xr);var qr=class extends C{constructor(){super(...arguments);this.baseType="string"}getResult(){return this.textContent.trim()}};l([p({type:String,attribute:"base-type"})],qr.prototype,"baseType",2);customElements.define("qti-base-value",qr);var ri=class extends O{getResult(){let t=this.getVariables();if(this.children.length===2){let e=t[0],r=t[1];if(e.baseType==="directedPair"&&r.baseType==="directedPair"&&e.cardinality==="multiple"){let i=e.value,o=r.value;return i.filter(c=>o.includes(c)).length>0}else if(e.baseType==="directedPair"&&r.baseType==="directedPair"&&e.cardinality==="single"){let i=e.value;return r.value.includes(i)}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",ri);var ii=class extends C{get interpretation(){return this.getAttribute("interpretation")||""}getResult(){let t=this.getAttribute("identifier")||"",e=this.context.variables.find(r=>r.identifier===t)||null;return e.cardinality!=="single"?e.correctResponse.length>0?e.correctResponse[0]:"":e.correctResponse}};customElements.define("qti-correct",ii);var wr=class extends C{constructor(){super(...arguments);this.roundingMode="significantFigures"}get figures(){if(!this.getAttribute("figures"))return console.error("figures attribute is missing"),null;let r=parseInt(this.getAttribute("figures")||"0");return isNaN(r)?(console.error("figures attribute is not a number"),null):r<0?(console.error("figures attribute is negative"),null):r<1&&this.roundingMode==="significantFigures"?(console.error("figures cannot be smaller than 1 for RoundingMode significantFigures"),null):r}getResult(){if(this.children.length===2){let e=this.getVariables(),r=e[0],i=e[1];if(this.roundingMode===null)return null;if(r.cardinality!=="single"||i.cardinality!=="single"||Array.isArray(r.value)||Array.isArray(i.value))return console.error("unexpected cardinality in qti equal"),!1;switch(e[0].baseType){case"integer":case"float":{let o=parseFloat(r.value),n=parseFloat(i.value);if(!isNaN(o)&&!isNaN(n))return this.roundingMode==="significantFigures"?o.toPrecision(this.figures)===n.toPrecision(this.figures):Math.round(o*Math.pow(10,this.figures))/Math.pow(10,this.figures)===Math.round(n*Math.pow(10,this.figures))/Math.pow(10,this.figures);console.error(`value cannot be casted to numeric value in equalRounded operator: ${o}, ${n}`);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}};l([p({type:String})],wr.prototype,"roundingMode",2);customElements.define("qti-equal-rounded",wr);var V=class{static compareSingleValues(t,e,r){switch(r){case"identifier":case"string":return t===e;case"integer":{let i=parseInt(t,10),o=parseInt(e,10);if(!isNaN(i)&&!isNaN(o))return i===o;console.error(`Cannot convert ${t} and/or ${e} to int.`);break}case"float":{let i=parseFloat(t),o=parseFloat(e);if(!isNaN(i)&&!isNaN(o))return i===o;console.error(`couldn't convert ${t} and/or ${e} to float.`);break}case"pair":case"directedPair":{let i=t.split(" ").sort(),o=e.split(" ").sort();if(i.length===2&&o.length===2)return r==="pair"&&(i.sort(),o.sort()),i.join(" ")===o.join(" ");console.error(`compared two pair but one of the values does not have 2 values: 1: ${t} 2: ${e}`);break}}return!1}};var Er=class extends C{constructor(){super(...arguments);this.toleranceMode="exact"}getResult(){if(this.children.length===2){let e=this.getVariables(),r=e[0],i=e[1];return this.toleranceMode!=="exact"?(console.error("toleranceMode is not supported yet"),!1):r.cardinality!=="single"||i.cardinality!=="single"||Array.isArray(r.value)||Array.isArray(i.value)?(console.error("unexpected cardinality in qti equal"),!1):V.compareSingleValues(r.value,i.value,r.baseType)}return console.error("unexpected number of children in qti-equal"),null}};l([p({type:String})],Er.prototype,"toleranceMode",2);customElements.define("qti-equal",Er);var si=class extends C{getResult(){if(this.children.length===2){let t=this.getVariables(),e=t[0],r=t[1];if((e.baseType==="integer"||e.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float"))return+e.value>+r.value;console.error("unexpected baseType or cardinality in qti gt")}return console.error("unexpected number of children in qt"),null}};customElements.define("qti-gt",si);var oi=class extends O{getResult(){if(this.children.length===2){let t=this.getVariables(),e=t[0],r=t[1];return(e.baseType==="integer"||e.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float")?+e.value>=+r.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",oi);var ni=class extends C{getResult(){if(this.children.length===1){let t=this.getVariables();if(!t)return!0;let e=t[0].value;return e==null||e==null||e===""}return console.error("unexpected number of children in qti Null"),null}};customElements.define("qti-is-null",ni);var ai=class extends C{getResult(){if(this.children.length===2){let t=this.getVariables(),e=t[0],r=t[1];if((e.baseType==="integer"||e.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float"))return+e.value<+r.value;console.error("unexpected baseType or cardinality in qti lt")}return console.error("unexpected number of children in lt"),null}};customElements.define("qti-lt",ai);var li=class extends O{getResult(){if(this.children.length===2){let t=this.getVariables(),e=t[0],r=t[1];return(e.baseType==="integer"||e.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float")?+e.value<=+r.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",li);var Cr=class extends C{getResult(){let t=this.context.variables.find(o=>o.identifier===this.identifier);if(!t)return console.warn(`Response ${this.identifier} can not be found`),null;let e=t.mapping,r=Array.isArray(t.value)?t.value:[t.value],i=0;for(let o of r){let n=e.mapEntries.find(a=>V.compareSingleValues(a.mapKey,o,t.baseType));n==null||n.mappedValue==null?i+=e.defaultValue:i+=n.mappedValue}return e.lowerBound!=null&&(i=Math.max(e.lowerBound,i)),e.upperBound!=null&&(i=Math.min(e.upperBound,i)),i}};l([p({type:String})],Cr.prototype,"identifier",2);customElements.define("qti-map-response",Cr);var Be=class extends v{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")}))}};l([p({attribute:"default-value",type:Number})],Be.prototype,"defaultValue",2),l([p({attribute:"lower-bound",type:Number})],Be.prototype,"lowerBound",2),l([p({attribute:"upper-bound",type:Number})],Be.prototype,"upperBound",2);customElements.define("qti-mapping",Be);var ci=class s extends C{getResult(){if(this.children.length===2){let t=this.getVariables(),e=t[0],r=t[1];return s.match(e,r)}return console.error("unexpected number of children in match"),null}static match(t,e){switch(e.cardinality){case"single":return t.value===null?!1:Array.isArray(t.value)||Array.isArray(e.value)?(console.error("unexpected cardinality in qti match"),!1):V.compareSingleValues(t.value?.toString(),e.value.toString(),e.baseType);case"ordered":{if(!Array.isArray(t.value)||!Array.isArray(e.value))return console.error("unexpected cardinality in qti match"),!1;if(t.value.length!==e.value.length)return!1;for(let r=0;r<t.value.length;r++)if(!V.compareSingleValues(e.value[r],t.value[r],e.baseType))return!1;return!0}case"multiple":{if(!Array.isArray(t.value)||!Array.isArray(e.value))return console.error("unexpected cardinality in qti match"),!1;if(t.value.length!==e.value.length)return!1;let r=0;for(let i of e.value){let o=null,n=[...t.value];for(let a of n)if(V.compareSingleValues(i,a,e.baseType)){o=a;break}if(o!==null)n.splice(n.indexOf(o),1);else return!1;r++}return!0}default:return console.error("unexpected cardinality in qti match"),!1}}};customElements.define("qti-match",ci);var di=class extends C{getResult(){let t=this.getVariables();this.children.length!==2&&console.warn("The member operator takes two sub-expressions");let[e,r]=t;if(e.baseType===r.baseType||e.baseType==="integer"&&r.baseType==="float"||e.baseType==="float"&&r.baseType==="integer"||console.warn("Which must both have the same base-type"),r.cardinality==="multiple"||r.cardinality==="ordered"||console.warn("and the second must be a multiple or ordered container"),(e.baseType==="float"||r.baseType==="float")&&console.warn("The member operator should not be used on sub-expressions with a base-type of float"),(e.baseType==="duration"||r.baseType==="duration")&&console.warn("It must not be used on sub-expressions with a base-type of duration"),e.value===null||r.value===null)return null;let i=e.value;return r.value.includes(i)}};customElements.define("qti-member",di);var pi=class extends C{getResult(){let t=this.getVariables();if(t.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let e of t)if(e.cardinality!=="multiple"&&e.cardinality!=="single")return console.error("unexpected cardinality in qti multiple"),[];return t}};customElements.define("qti-multiple",pi);var hi=class extends C{render(){return h`${super.render()}`}getResult(){return!this.firstElementChild.calculate()}};customElements.define("qti-not",hi);var ui=class extends O{getResult(){return Array.from(this.children).map(e=>{let r=e;if(!r.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let i=r.calculate(),o=!1;if(typeof i=="string")if(i==="true")o=!0;else if(i==="false")o=!1;else return console.error("unexpected val in qti-or, expected boolean"),null;else typeof i=="boolean"&&(o=i);return o}).some(e=>typeof e=="boolean"&&e)}};customElements.define("qti-or",ui);var mi=class extends C{getResult(){let t=this.getVariables();if(t.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let e of t)if(e.cardinality!=="ordered"&&e.cardinality!=="single")return console.error("unexpected cardinality in qti ordered"),[];return t}};customElements.define("qti-ordered",mi);var St=class extends v{render(){let t=this.context?.variables.find(e=>e.identifier===this.identifier)?.value;return h`${JSON.stringify(t,null,2)}`}calculate(){return this.context.variables.find(e=>e.identifier===this.identifier)||null}};l([p({type:String})],St.prototype,"identifier",2),l([T({context:$,subscribe:!0}),q()],St.prototype,"context",2);customElements.define("qti-printed-variable",St);var gi=class extends C{getResult(){return this.getVariables().reduce((r,i)=>{if(i.baseType=="float"||i.baseType=="integer")try{return r*parseInt(i.value.toString())}catch{console.warn("can not convert to number")}else console.warn(`has another baseType ${i.baseType}`);return r},1)}};customElements.define("qti-product",gi);var _r=class extends No(C){getResult(){return this.calculateChildren(Array.from(this.children))}};function No(s){return class extends s{calculateChildren(e){let r=e.map(i=>{if(!i.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let o=i.calculate();return Number.isNaN(o)?(console.error("Unexpected value in qti-subtract, expected number"),null):Number(o)});return r.some(i=>i===null)?(console.error("One or more child expressions returned invalid values"),0):r[0]-r[1]}}}customElements.define("qti-subtract",_r);var kr=class extends C{constructor(){super(...arguments);this.caseSensitive="true"}getResult(){if(this.children.length===2){let e=this.getVariables(),r=e[0],i=e[1];if(r.cardinality!=="single"||i.cardinality!=="single"||Array.isArray(r.value)||Array.isArray(i.value))return console.error("unexpected cardinality in qti string-match"),!1;let o=this.caseSensitive==="true"?r.value:r.value.toLowerCase(),n=this.caseSensitive==="true"?i.value:i.value.toLowerCase();return V.compareSingleValues(o,n,r.baseType)}return console.error("unexpected number of children in qti-string-match"),null}};l([p({type:String,attribute:"case-sensitive"})],kr.prototype,"caseSensitive",2);customElements.define("qti-string-match",kr);var fi=class extends C{constructor(){super(),this._expression=new bi(Array.from(this.children))}getResult(){return this._expression.calculate()}},bi=class{constructor(t){this.expressions=t}calculate(){return this.expressions.map(e=>{if(!e.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let r=e.calculate();return Number.isNaN(r)?(console.error("unexpected value in qti-sum, expected number"),null):Number(r)}).reduce((e,r)=>e+r,0)}};customElements.define("qti-sum",fi);var vi=class extends C{getResult(){let t=this.getAttribute("identifier");return this.context.variables.find(r=>r.identifier===t).value}};customElements.define("qti-variable",vi);var Se=class extends E{constructor(){super(...arguments);this._errorMessage=null;this.loadConfig=async(e,r)=>{e=this.removeDoubleSlashes(e);try{let i=await fetch(e);if(i.ok){let n=await i.json();for(let a in n.paths)r&&(n.paths[a]=this.getResolvablePath(n.paths[a],r));return n}}catch{}return null};this.getResolvablePathString=(e,r)=>(e=e.replace(/\.js$/,""),e?.toLocaleLowerCase().startsWith("http")||!r?e:this.removeDoubleSlashes(`${r}/${e}`));this.getResolvablePath=(e,r)=>Array.isArray(e)?e.map(i=>this.getResolvablePathString(i,r)):this.getResolvablePathString(e,r)}convertQtiVariableJSON(e){for(let r in e)if(e.hasOwnProperty(r)){let i=e[r];if(i){for(let o in i)if(i.hasOwnProperty(o)){let n=i[o];if(Array.isArray(n))return n.map(String);if(n!=null)return String(n)}}}return null}startChecking(){this.intervalId=setInterval(()=>{let e=this.pci.getResponse(),r=this.pci.getResponse(),i=JSON.stringify(e);if(i!==this.rawResponse){this.rawResponse=i;let o=this.convertQtiVariableJSON(r);this.value=o,this.saveResponse(o)}},200)}stopChecking(){this.intervalId!==void 0&&clearInterval(this.intervalId)}validate(){return!0}set value(e){}get value(){return this.rawResponse}getTAOConfig(e){let r=e.querySelectorAll("properties"),i={},o=a=>{let c={},d=a.getAttribute("key");if(d){let u=Array.from(a.children),m=u.map(y=>y.getAttribute("key"));m.length>0&&!m.find(y=>!Number.isInteger(+y))?c[d]=u.map(y=>n(y)):c[d]=a.textContent}return c},n=a=>{if(a){let c={};for(let d of a.children)c={...c,...o(d)};return c}};for(let a of r)return a.getAttribute("key")||(i={...i,...n(a)}),i;return console.log("Can not find qti-custom-interaction config"),null}register(e){this.pci=e;let r=this.parentElement.tagName==="QTI-CUSTOM-INTERACTION"?"TAO":"IMS",i=r=="IMS"?this.querySelector("qti-interaction-markup"):this.querySelector("markup");i.classList.add("qti-customInteraction"),r=="TAO"&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");let o=r=="IMS"?{properties:this.dataset,onready:()=>{console.log("onready")}}:this.getTAOConfig(this);r=="IMS"?e.getInstance(i,o,void 0):e.initialize(this.customInteractionTypeIdentifier,i.firstElementChild,o),r=="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,i.appendChild(c)}),this.startChecking()}connectedCallback(){super.connectedCallback(),define("qtiCustomInteractionContext",()=>({register:i=>{this.register(i)},notifyReady:()=>{}}));let e=this.buildRequireConfig();requirejs.config(e)(["require"],i=>{i([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 r=this.getAttribute("data-base-url"),i=this.querySelector("qti-interaction-modules");if(i){let o=i.querySelectorAll("qti-interaction-module");for(let n of o){let a=n.getAttribute("id"),c=n.getAttribute("primary-path"),d=n.getAttribute("fallback-path");if(a&&c){let u=d?this.combineRequireResolvePaths(this.getResolvablePath(c,r),this.getResolvablePath(d,r)):this.getResolvablePath(c,r),m=e.paths[a]||[];e.paths[a]=this.combineRequireResolvePaths(m,u)}}}return e}combineRequireResolvePaths(e,r){let i=Array.isArray(e)?e:[e],o=Array.isArray(r)?r:[r];return i.concat(o)}removeDoubleSlashes(e){return e.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}render(){return h`<slot></slot>${this._errorMessage&&h`<div style="color:red">
+        <h1>Error</h1>
+        ${this._errorMessage}
+      </div>`}`}};l([p({type:String,attribute:"module"})],Se.prototype,"module",2),l([p({type:String,attribute:"custom-interaction-type-identifier"})],Se.prototype,"customInteractionTypeIdentifier",2),l([q()],Se.prototype,"_errorMessage",2),Se=l([g("qti-portable-custom-interaction")],Se);var Tr=class s{constructor(){this.draggables=[];this.droppables=[];this.dragContainers=[];this.touchStartPoint=null;this.isDraggable=!1;this.dragSource=null;this.dragClone=null;this.touchEndTriggered=!1;this.isDragging=!1;this.initialTransform="";this.hasDispatchedDragStart=!1;this.rootNode=null;this.allDropzones=[];this.dataTransfer={data:{},setData(t,e){this.data[t]=e},getData(t){return this.data[t]},effectAllowed:"move"};this.cloneOffset={x:0,y:0};this.lastTarget=null;this.currentDropTarget=null;this.copyStylesForDragClone=!0;this.dragOnClickEnabled=!1;this.useDragClone=!1;this.MIN_DRAG_DISTANCE=5;this.DRAG_CLONE_OPACITY=1;if(s.instance)return s.instance;s.instance=this,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})}dragContainersModified(t,e){for(let r of e)this.dragContainers.includes(r)&&(this.dragContainers=this.dragContainers.filter(i=>i!==r),this.allDropzones=this.allDropzones.filter(i=>i!==r));for(let r of t)this.dragContainers.includes(r)||(this.dragContainers.push(r),this.allDropzones.push(r))}draggablesModified(t,e){for(let r of e)this.draggables.includes(r)&&(this.draggables=this.draggables.filter(i=>i!==r),r.removeAttribute("tabindex"),r.removeEventListener("touchstart",this.handleTouchStart.bind(this)),r.removeEventListener("mousedown",this.handleTouchStart.bind(this)));for(let r of t)this.draggables.includes(r)||(this.draggables.push(r),r.setAttribute("tabindex","0"),r.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!1}),r.addEventListener("mousedown",this.handleTouchStart.bind(this),{passive:!1}))}droppablesModified(t,e){for(let r of e)this.droppables.includes(r)&&(this.droppables=this.droppables.filter(i=>i!==r),this.allDropzones=this.allDropzones.filter(i=>i!==r));for(let r of t)this.droppables.includes(r)||(this.droppables.push(r),this.allDropzones.push(r))}handleTouchStart(t){let{x:e,y:r}=this.getEventCoordinates(t);if(this.touchStartPoint={x:e,y:r},this.dragSource=t.currentTarget,this.isDraggable=!0,this.rootNode=this.dragSource.getRootNode(),this.dragOnClickEnabled&&(this.isDragging=!0,this.createDragClone(t,{clientX:e,clientY:r})),!this.useDragClone){let i=window.getComputedStyle(this.dragSource);this.initialTransform=i.transform==="none"?"":i.transform,this.initialTransition=i.transition||"",this.dragSource.style.transition="none";let o=this.dragSource.getBoundingClientRect();this.cloneOffset.x=e-o.left,this.cloneOffset.y=r-o.top,this.dragSource.style.zIndex="9999",this.dragSource.focus()}t.preventDefault()}handleTouchMove(t){if(this.isDraggable&&this.dragSource){let{x:e,y:r}=this.getEventCoordinates(t),i={clientX:e,clientY:r};this.calculateDragDistance(i)>=this.MIN_DRAG_DISTANCE&&(this.dragSource.style.pointerEvents="none",this.isDragging=!0),this.createDragClone(t,i),t.preventDefault();let o=this.findClosestDropzone();this.currentDropTarget=o,o!==this.lastTarget&&(this.lastTarget&&this.dispatchCustomEvent(this.lastTarget,"dragleave"),o&&this.dispatchCustomEvent(o,"dragenter"),this.lastTarget=o),this.lastTarget&&this.dispatchCustomEvent(this.lastTarget,"dragover")}}createDragClone(t,e){if(!this.isDragging)return;if(this.useDragClone){if(!this.dragClone){if(this.dragSource.style.opacity=this.DRAG_CLONE_OPACITY.toString(),this.dragClone=this.dragSource.cloneNode(!0),this.copyStylesForDragClone){let i=window.getComputedStyle(this.dragSource);for(let o of i)this.dragClone.style[o]=i.getPropertyValue(o)}this.rootNode instanceof ShadowRoot?this.rootNode.host.appendChild(this.dragClone):this.rootNode instanceof Document&&document.body.appendChild(this.dragClone),this.calculateClonePosition(e),this.setDragCloneStyles(e),this.dispatchCustomEvent(this.dragSource,"dragstart")}this.updateDragClonePosition(e)}else if(this.touchStartPoint){let i=e.clientX-this.touchStartPoint.x,o=e.clientY-this.touchStartPoint.y;this.dragSource.style.transform=`${this.initialTransform} translate(${i}px, ${o}px)`,this.hasDispatchedDragStart||(this.dispatchCustomEvent(this.dragSource,"dragstart"),this.hasDispatchedDragStart=!0)}let r=this.currentDropTarget;r!==this.lastTarget&&(this.dispatchCustomEvent(r,"dragenter"),this.dispatchCustomEvent(this.lastTarget,"dragleave"),this.lastTarget=r),this.currentDropTarget=r,this.currentDropTarget&&this.dispatchCustomEvent(r,"dragover")}handleTouchEnd(t){this.touchEndTriggered=!0,this.isDraggable=!1;let e=!1;if(this.currentDropTarget)this.dispatchCustomEvent(this.currentDropTarget,"drop"),this.dispatchCustomEvent(this.dragSource,"dragend"),e=!0;else if(this.isDragging){let r=new CustomEvent("dragend",{bubbles:!0,cancelable:!0});r.dataTransfer={dropEffect:"none"},this.dragSource?.dispatchEvent(r)}this.resetDragState(e)}handleTouchCancel(t){this.resetDragState()}findClosestDropzone(){if(!this.dragSource||this.allDropzones.length===0)return null;let t=this.dragSource.getBoundingClientRect(),e=this.getCorners(t),r=this.getCenter(t),i=null,o=1/0;for(let n of this.allDropzones){let a=n.getBoundingClientRect(),c=this.getCorners(a),d=this.getCenter(a),u=this.calculateTotalCornerDistance(e,c)/this.getRectDiagonal(a),m=this.calculateDistance(r,d),f=u*.5+m*.5;f<o&&(o=f,i=n)}return i}getCenter(t){return{x:t.left+t.width/2,y:t.top+t.height/2}}getRectDiagonal(t){return Math.sqrt(t.width**2+t.height**2)}getCorners(t){return{topLeft:{x:t.left,y:t.top},topRight:{x:t.right,y:t.top},bottomLeft:{x:t.left,y:t.bottom},bottomRight:{x:t.right,y:t.bottom}}}calculateTotalCornerDistance(t,e){return this.calculateDistance(t.topLeft,e.topLeft)+this.calculateDistance(t.topRight,e.topRight)+this.calculateDistance(t.bottomLeft,e.bottomLeft)+this.calculateDistance(t.bottomRight,e.bottomRight)}calculateDistance(t,e){let r=t.x-e.x,i=t.y-e.y;return Math.sqrt(r*r+i*i)}getEventCoordinates(t,e=!1){let r=t.touches?t.touches[0]:t;return{x:e?r.pageX:r.clientX,y:e?r.pageY:r.clientY}}calculateClonePosition(t){let e=this.dragSource.getBoundingClientRect();this.cloneOffset.x=t.clientX-e.left,this.cloneOffset.y=t.clientY-e.top}setDragCloneStyles(t){this.dragClone.style.position="fixed",this.dragClone.style.top=`${t.clientY-this.cloneOffset.y}px`,this.dragClone.style.left=`${t.clientX-this.cloneOffset.x}px`,this.dragClone.style.pointerEvents="none",this.dragClone.style.zIndex="999999"}updateDragClonePosition(t){requestAnimationFrame(()=>{if(this.touchEndTriggered||!this.dragClone)return;let e=t.clientX-this.cloneOffset.x,r=t.clientY-this.cloneOffset.y,{newLeft:i,newTop:o}=this.applyBoundaries(e,r,this.dragClone);this.dragClone.style.left=`${i}px`,this.dragClone.style.top=`${o}px`})}applyBoundaries(t,e,r){let i;this.rootNode instanceof ShadowRoot?i=this.rootNode.host.getBoundingClientRect():this.rootNode instanceof Document?i=document.documentElement.getBoundingClientRect():i=new DOMRect(0,0,window.innerWidth,window.innerHeight);let o=r.getBoundingClientRect(),n=o.width,a=o.height,c=Math.max(i.left,Math.min(t,i.right-n)),d=Math.max(i.top,Math.min(e,i.bottom-a));return{newLeft:c,newTop:d}}calculateDragDistance(t){let e=Math.abs(t.clientX-this.touchStartPoint.x),r=Math.abs(t.clientY-this.touchStartPoint.y);return e+r}dispatchCustomEvent(t,e,r=!0){if(!t)return;let i=new CustomEvent(e,{bubbles:r,cancelable:!0});i.dataTransfer=this.dataTransfer,t.dispatchEvent(i)}resetDragState(t=!1){this.isDragging&&(this.useDragClone?(this.dragSource.style.opacity="1.0",this.dragClone?.parentElement.removeChild(this.dragClone)):(t||(this.dragSource.style.transform="translate(0, 0)"),this.dragSource.style.zIndex="",this.dragSource.style.pointerEvents="",this.dragSource.style.transition=this.initialTransition,this.initialTransition="")),this.isDragging=!1,this.dragSource=null,this.dragClone=null,this.isDraggable=!1,this.touchStartPoint=null,this.touchEndTriggered=!1,this.dataTransfer={data:{},setData(e,r){this.data[e]=r},getData(e){return this.data[e]},effectAllowed:"move"},this.cloneOffset={x:0,y:0},this.lastTarget=null,this.currentDropTarget=null,this.initialTransform="",this.hasDispatchedDragStart=!1,this.rootNode=null}};var Ls=(s,t)=>{class e extends s{constructor(){super(...arguments);this.disabled=!1}firstUpdated(o){if(this.isMatchTabular())return;super.firstUpdated(o);let n=this.getDroppableElements();this.initializeEventHandlers(),n.forEach(a=>{this.prepareDroppable(a),this.observeDroppableAttributes(a)})}isMatchTabular(){return this.classList.contains("qti-match-tabular")}getDroppableElements(){return Array.from(this.shadowRoot?.querySelectorAll(t)||[]).concat(Array.from(this.querySelectorAll(t)||[]))}initializeEventHandlers(){this.dragoverHandler=this.dragoverHandler.bind(this),this.dragleaveHandler=this.dragleaveHandler.bind(this),this.dragenterHandler=this.dragenterHandler.bind(this),this.dropHandler=this.dropHandler.bind(this)}prepareDroppable(o){o.addEventListener("dragleave",this.dragleaveHandler),this.attachEventListeners(o)}observeDroppableAttributes(o){this.observer=new MutationObserver(n=>{n.forEach(({attributeName:a})=>{a==="disabled"&&this.toggleDroppableHandlers(o)})}),this.observer.observe(o,{attributes:!0})}toggleDroppableHandlers(o){o.hasAttribute("disabled")?this.removeEventListeners(o):this.attachEventListeners(o)}attachEventListeners(o){o.addEventListener("dragover",this.dragoverHandler),o.addEventListener("dragenter",this.dragenterHandler),o.addEventListener("drop",this.dropHandler)}removeEventListeners(o){o.removeEventListener("dragover",this.dragoverHandler),o.removeEventListener("dragenter",this.dragenterHandler),o.removeEventListener("drop",this.dropHandler)}disconnectedCallback(){this.isMatchTabular()||(super.disconnectedCallback(),this.observer?.disconnect())}dragenterHandler(o){o.preventDefault()}dragoverHandler(o){let n=o.dataTransfer.getData("responseIdentifier");return o.preventDefault(),n===this.responseIdentifier&&(this.activateDroppable(o.currentTarget),o.dataTransfer.dropEffect="move"),!1}activateDroppable(o){this._internals.states.delete("--dragzone-active"),o.setAttribute("active","")}async dropHandler(o){o.preventDefault();let n=o.currentTarget,a=o.dataTransfer.getData("text"),c=o.dataTransfer.getData("responseIdentifier"),d=this.findDraggable(c,a);return d?d&&!this.isValidDrop(n,d,c)?(d.style.transform="translate(0, 0)",!1):(await this.moveDraggableToDroppable(d,n),this.deactivateDroppable(n,!1),!1):!1}findDraggable(o,n){return n?o===this.responseIdentifier?this.querySelector(`[identifier=${n}]`)||this.shadowRoot.querySelector(`[identifier=${n}]`):this.closest("qti-assessment-item").querySelector(`[response-identifier=${o}]`).querySelector(`[identifier=${n}]`):null}isValidDrop(o,n,a){return this.responseIdentifier===a}async moveDraggableToDroppable(o,n){console.log(`moveDraggableToDroppable, draggable: ${o.tagName}, droppable: ${n.tagName}`);let a=()=>{o.style.transform="translate(0, 0)",n.tagName==="SLOT"?o.setAttribute("slot",n.getAttribute("name")):n.appendChild(o),this.checkMaxAssociations(),this.saveResponse(null)};if(!document.startViewTransition){a();return}await document.startViewTransition(a).finished}deactivateDroppable(o,n=!0){n&&this._internals.states.add("--dragzone-active"),o.removeAttribute("active")}dragleaveHandler(o){return o.preventDefault(),this.deactivateDroppable(o.currentTarget),o.dataTransfer.dropEffect="none",!1}}return l([p({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e};var $s=(s,t,e)=>{class r extends s{}return r};var re=(s,t,e,r)=>{class i extends $s(Ls(s,e),e,t){constructor(){super(...arguments);this.draggables=new Map;this.configuration={copyStylesDragClone:!0,dragCanBePlacedBack:!0,dragOnClick:!1};this.minAssociations=1;this.maxAssociations=1;this.dragContainersModified=(a,c)=>{this.dragDropApi.dragContainersModified(a,c)};this.draggablesModified=(a,c)=>{this.dragDropApi.draggablesModified(a,c),this.dragDropApi.draggables.forEach(d=>{this.storeDraggable(d)})};this.droppablesModified=(a,c)=>{this.dragDropApi.droppablesModified(a,c);for(let d of this.dragDropApi.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(),this._internals.states.delete("--dragzone-enabled"),this._internals.states.delete("--dragzone-active"),this.deactivateDragLocation(),this.deactivateDroppables();let c=a.currentTarget;c.removeAttribute("dragging"),await this.wasDropped(a)||this.configuration.dragCanBePlacedBack&&this.restoreInitialDraggablePosition(c)}}handleDraggableContainerChange(a,c){this.isMatchTabular()||(a.length>0||c.length>0)&&this.dragContainersModified(a||[],c||[])}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);let c=Array.from(this.querySelectorAll(t)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(t)||[])),d=Array.from(this.querySelectorAll(e)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(e)||[])),u=Array.from(this.querySelectorAll(r)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(r)||[]));this.dragContainersModified(u,[]),this.droppablesModified(d,[]),this.draggablesModified(c,[])}connectedCallback(){super.connectedCallback(),this.initializeDragDropApi()}initializeDragDropApi(){this.dragDropApi=new Tr,this.dispatchEvent(new CustomEvent("qti-register-interaction",{bubbles:!0,composed:!0,detail:this}))}isMatchTabular(){return this.classList.contains("qti-match-tabular")}storeDraggable(a){let c=Array.from(a.parentNode.children).indexOf(a);this.draggables.has(a)||this.draggables.set(a,{parent:a.parentElement,index:c}),a.style.viewTransitionName=`drag-${c}-${this.getAttribute("identifier")||crypto.randomUUID()}`,a.setAttribute("qti-draggable","true"),a.addEventListener("dragstart",this.handleDragStart),a.addEventListener("dragend",this.handleDragEnd)}activateDroppables(a){this.dragDropApi.dragContainers.forEach(d=>{d.setAttribute("enabled",""),d.hasAttribute("disabled")&&(d.contains(a)||d.shadowRoot&&d.shadowRoot.contains(a))&&d.removeAttribute("disabled")}),this.dragDropApi.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.dragDropApi.dragContainers.forEach(c=>{c.removeAttribute("enabled")}),this.dragDropApi.droppables.forEach(c=>c.removeAttribute("enabled"))}async wasDropped(a){return a.dataTransfer.dropEffect!=="none"}async restoreInitialDraggablePosition(a){let{parent:c,index:d}=this.draggables.get(a),u=(m,f,y)=>{console.log("moveDraggable",m,f,y);let x=Math.min(y,f.children.length);f.insertBefore(m,f.children[x]),m.style.transform="translate(0, 0)",this.checkMaxAssociations()};if(!document.startViewTransition){u(a,c,d);return}}validate(){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 u=this.lastElementChild;return this._internals.setValidity(c?{}:{customError:!0},d,u),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(){this.dragDropApi.droppables.forEach(a=>{let c=+(a.getAttribute("match-max")||1);a.querySelectorAll('[qti-draggable="true"]').length>=c?this.disableDroppable(a):this.enableDroppable(a)})}disableDroppable(a){a.setAttribute("disabled","")}enableDroppable(a){a.removeAttribute("disabled")}get value(){return this.collectResponseData()}set value(a){if(!this.isMatchTabular())if(this.resetDroppables(),a?.forEach(c=>this.placeResponse(c)),Array.isArray(a)){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(),u=this.findDroppableById(c);d.forEach(m=>this.placeDraggableInDroppable(m,u))}findDroppableById(a){return this.dragDropApi.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 u=()=>{d.style.transform="translate(0, 0)",c.appendChild(d),this.checkMaxAssociations()};document.startViewTransition?await document.startViewTransition(u).finished:u()}getValidAssociations(){return this.dragDropApi.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.dragDropApi.droppables.map(c=>{let d=c.querySelectorAll('[qti-draggable="true"]'),u=Array.from(d).map(f=>f.getAttribute("identifier")),m=c.getAttribute("identifier");return u.map(f=>`${f} ${m}`)}).flat()}reset(a=!0){this.resetDroppables(),a&&this.saveResponse()}async resetDroppables(){let a=(d,u,m)=>{d.style.transform="translate(0, 0)";let f=Math.min(m,u.children.length);u.insertBefore(d,u.children[f])};if(!document.startViewTransition){this.draggables.forEach(({parent:d,index:u},m)=>{a(m,d,u)});return}await document.startViewTransition(()=>{this.draggables.forEach(({parent:d,index:u},m)=>{a(m,d,u)})}).finished}}return l([p({attribute:!1,type:Object})],i.prototype,"configuration",2),l([p({type:Number,reflect:!0,attribute:"min-associations"})],i.prototype,"minAssociations",2),l([p({type:Number,reflect:!0,attribute:"max-associations"})],i.prototype,"maxAssociations",2),l([tr(r)],i.prototype,"handleDraggableContainerChange",1),l([tr(t)],i.prototype,"handleDraggablesChange",1),l([tr(e)],i.prototype,"handleDroppablesChange",1),i};var Ds=b`
+  :host {
+    display: block; /* necessary to calculate scaling position */
+  }
+  slot[name='qti-simple-associable-choice'] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  :host::part(associables-container) {
+    display: flex;
+    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 je=class extends re(E,"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 r=e.target;this._childrenMap.push(r)}render(){return h` <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,r)=>h`<div part="associables-container">
+                <div name="left${r}" part="drop-list" class="dl" identifier="droplist${r}_left"></div>
+                <div name="right${r}" part="drop-list" class="dl" identifier="droplist${r}_right"></div>
+              </div>
+              <div role="alert" id="validationMessage"></div>`)}
+      </div>`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("register-qti-simple-associable-choice",this._registerChoiceHandler)}};je.styles=Ds,l([q()],je.prototype,"_childrenMap",2),je=l([g("qti-associate-interaction")],je);var ae=class extends E{constructor(){super();this._errorMessage=null;this.handlePostMessage=this.handlePostMessage.bind(this)}connectedCallback(){super.connectedCallback();let e=this.data.startsWith("http")?this.data:qt(this.baseItemUrl+"/"+this.data);fetch(e).then(r=>r.json()).then(r=>{this.manifest=r,this.setupCES()}).catch(r=>{this._errorMessage=r})}setupCES(){let e=this.shadowRoot.querySelector("#pciContainer"),r=e.contentDocument;window.addEventListener("message",this.handlePostMessage),r.open(),r.write(`
+      <html>
+        <head>
+          <link href='${qt(`${this.baseRefUrl}/${this.manifest.style[0]}`)}' rel="stylesheet" />
+          <script src='${qt(`${this.baseRefUrl}/${this.manifest.script[0]}`)}'></script>
+        </head>
+        <body></body>
+      </html>
+      `),r.close()}getIFrames(){let e=this.shadowRoot.querySelectorAll("iframe"),r=this.querySelectorAll("iframe"),i=[...e,...r];for(let o of i){let n=o.src;if(new URL(n,window.location.href).origin===window.location.origin)try{let c=o.contentDocument||o.contentWindow.document;c&&this.getInnerIFrames(c,i)}catch(c){console.error("Error accessing nested iframe:",c)}}return i.forEach((o,n)=>{i.indexOf(o)!==n&&i.splice(n,1)}),i}getInnerIFrames(e,r=[]){return e.querySelectorAll("iframe").forEach(o=>{r.push(o);let n=o.src;if(new URL(n,window.location.href).origin===window.location.origin)try{let c=o.contentDocument||o.contentWindow.document;this.getInnerIFrames(c,r)}catch(c){console.error("Error accessing nested iframe:",c)}else console.warn("Skipped cross-origin iframe:",n)}),r}postToWindowAndIframes(e,r){window.postMessage({type:e,data:r},"*");let i=this.getIFrames();for(let o of i)o.contentWindow&&o.contentWindow.postMessage({type:e,data:r},"*")}handlePostMessage(e){let{type:r,data:i}=e.data;switch(r){case"setResponse":this.rawResponse=i,this.saveResponse(i);break;case"getResponse":{this.postToWindowAndIframes("responseData",this.rawResponse);break}case"getMedia":{let o=this.manifest.media.map(n=>n.startsWith("http")?n:qt(this.baseRefUrl+"/"+n));this.postToWindowAndIframes("mediaData",o);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 h`<iframe
+        width=${this.getAttribute("width")}
+        height=${this.getAttribute("height")}
+        frameborder="0"
+        title="pciContainer"
+        id="pciContainer"
+      >
+      </iframe>
+      ${this._errorMessage&&h`<div style="color:red">
+        <h1>Error</h1>
+        ${this._errorMessage}
+      </div>`}`}};l([p({type:String,attribute:"data"})],ae.prototype,"data",2),l([p({type:String,attribute:"data-base-item"})],ae.prototype,"baseItemUrl",2),l([p({type:String,attribute:"data-base-ref"})],ae.prototype,"baseRefUrl",2),l([p({type:String,attribute:"id"})],ae.prototype,"id",2),l([q()],ae.prototype,"_errorMessage",2),ae=l([g("qti-custom-interaction")],ae);var We=class extends E{constructor(){super(...arguments);this.countAttempt="true"}validate(){return!0}get value(){return""}set value(e){}render(){return h`<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"}}))}};l([p({type:String,attribute:"count-attempt"})],We.prototype,"countAttempt",2),l([p({type:String})],We.prototype,"title",2),We=l([g("qti-end-attempt-interaction")],We);var Is=b`
+  :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 Rt=class extends re(E,"qti-gap-text","qti-gap","slot[part='drags']"){constructor(){super(...arguments);this.observer=null;this.resizeObserver=null}render(){return h`<slot name="prompt"> </slot>
+      <slot part="drags" name="drags"></slot>
+      <slot part="drops"></slot>
+      <div role="alert" id="validationMessage"></div>`}firstUpdated(e){super.firstUpdated(e),this.updateMinDimensionsForDrowZones(),this.observer=new MutationObserver(()=>this.updateMinDimensionsForDrowZones()),this.observer.observe(this,{childList:!0,subtree:!0}),this.resizeObserver=new ResizeObserver(()=>this.updateMinDimensionsForDrowZones()),this.querySelectorAll("qti-gap-text").forEach(i=>this.resizeObserver?.observe(i))}disconnectedCallback(){super.disconnectedCallback(),this.observer&&(this.observer.disconnect(),this.observer=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}updateMinDimensionsForDrowZones(){let e=this.querySelectorAll("qti-gap-text"),r=this.querySelectorAll("qti-gap"),i=0,o=0;e.forEach(a=>{let c=a.getBoundingClientRect();i=Math.max(i,c.height),o=Math.max(o,c.width)});let n=this.shadowRoot?.querySelector('[part="drags"]');n&&(n.style.minHeight=`${i}px`,n.style.minWidth=`${o}px`);for(let a of r)a.style.minHeight=`${i}px`,a.style.minWidth=`${o}px`}set correctResponse(e){let r=[],i=Array.isArray(e)?e:[e];i&&(r=i.map(n=>{let a=n.split(" ");return{text:a[0],gap:a[1]}})),this.querySelectorAll("qti-gap").forEach(n=>{let a=n.getAttribute("identifier"),c=r.find(u=>u.gap===a)?.text,d=this.querySelector(`qti-gap-text[identifier="${c}"]`)?.textContent.trim();if(c&&d){if(!n.nextElementSibling?.classList.contains("correct-option")){let u=document.createElement("span");u.classList.add("correct-option"),u.textContent=d,n.insertAdjacentElement("afterend",u)}}else n.nextElementSibling?.classList.contains("correct-option")&&n.nextElementSibling.remove()})}};Rt.styles=Is,Rt=l([g("qti-gap-match-interaction")],Rt);var Ns=(s,t,e)=>{let r=new Map;for(let i=t;i<=e;i++)r.set(s[i],i);return r},Ar=F(class extends G{constructor(s){if(super(s),s.type!==ue.CHILD)throw Error("repeat() can only be used in text expressions")}dt(s,t,e){let r;e===void 0?e=t:t!==void 0&&(r=t);let i=[],o=[],n=0;for(let a of s)i[n]=r?r(a,n):n,o[n]=e(a,n),n++;return{values:o,keys:i}}render(s,t,e){return this.dt(s,t,e).values}update(s,[t,e,r]){let i=os(s),{values:o,keys:n}=this.dt(t,e,r);if(!Array.isArray(i))return this.ut=n,o;let a=this.ut??(this.ut=[]),c=[],d,u,m=0,f=i.length-1,y=0,x=o.length-1;for(;m<=f&&y<=x;)if(i[m]===null)m++;else if(i[f]===null)f--;else if(a[m]===n[y])c[y]=he(i[m],o[y]),m++,y++;else if(a[f]===n[x])c[x]=he(i[f],o[x]),f--,x--;else if(a[m]===n[x])c[x]=he(i[m],o[x]),He(s,c[x+1],i[m]),m++,x--;else if(a[f]===n[y])c[y]=he(i[f],o[y]),He(s,i[m],i[f]),f--,y++;else if(d===void 0&&(d=Ns(n,y,x),u=Ns(a,m,f)),d.has(a[m]))if(d.has(a[f])){let _=u.get(n[y]),S=_!==void 0?i[_]:null;if(S===null){let D=He(s,i[m]);he(D,o[y]),c[y]=D}else c[y]=he(S,o[y]),He(s,i[m],S),i[_]=null;y++}else rr(i[f]),f--;else rr(i[m]),m++;for(;y<=x;){let _=He(s,c[x+1]);he(_,o[y]),c[y++]=_}for(;m<=f;){let _=i[m++];_!==null&&rr(_)}return this.ut=n,ss(s,c),R}});function Xe(s,t,e,r){switch(s){case"circle":{let[i,o,n]=t,a=i/e.width*100,c=o/e.height*100,d=n/e.width*100;r.style.left=a-d+"%",r.style.top=c-d+"%",r.style.width=r.style.height=4*d+"px",r.style.borderRadius="9999px"}break;case"rect":{let[i,o,n,a]=t,c=i/e.width*100,d=o/e.height*100,u=n/e.width*100,m=a/e.height*100;r.style.left=c+"%",r.style.top=d+"%",r.style.width=u-c+"%",r.style.height=m-d+"%"}break;case"poly":{let i=t.reduce((_,S,D,Qe)=>{if(D%2===1){let ce=_.pop();_[_.length]={x:ce,y:Qe[D]}}else _.push(S);return _},[]),o=Math.min(...i.map(_=>_.x)),n=Math.max(...i.map(_=>_.x)),a=Math.min(...i.map(_=>_.y)),c=Math.max(...i.map(_=>_.y)),d=o/e.width*100,u=a/e.height*100,m=n/e.width*100,f=c/e.height*100;r.style.left=o/e.width*100+"%",r.style.top=a/e.height*100+"%",r.style.width=m-d+"%",r.style.height=f-u+"%";let x=i.map(_=>({x:(_.x-o)/(n-o)*100,y:(_.y-a)/(c-a)*100})).map(_=>Math.round(_.x)+"% "+Math.round(_.y)+"%").join(",");r.style.clipPath=`polygon(${x})`}break;default:break}}var ie=class extends E{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 h`<slot name="prompt"></slot>
+      <line-container>
+        <svg
+          width=${ge(this.grImage[0]?.width)}
+          height=${ge(this.grImage[0]?.height)}
+          viewbox="0 0 ${this.grImage[0]?.width} ${this.grImage[0]?.height}"
+        >
+          ${Ar(this._lines,e=>e,(e,r)=>Hr`
+              <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=${i=>{i.stopPropagation(),this._lines=this._lines.filter((o,n)=>n!==r),this.saveResponse(this._lines)}}
+              />
+            `)}
+          ${this.startPoint&&Hr`<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 r=this.querySelector("img"),i=e.target,o=i.getAttribute("coords"),n=i.getAttribute("shape"),a=o.split(",").map(c=>parseInt(c));Xe(n,a,r,i)}firstUpdated(e){super.firstUpdated(e),this.hotspots=this.querySelectorAll("qti-associable-hotspot"),document.addEventListener("mousemove",r=>{this.mouseCoord={x:r.clientX-this.grImage[0].getBoundingClientRect().left,y:r.clientY-this.grImage[0].getBoundingClientRect().top}}),this.hotspots.forEach(r=>{r.style.left=r.getAttribute("coords").split(",")[0]+"px",r.style.top=r.getAttribute("coords").split(",")[1]+"px",r.addEventListener("click",i=>{this.startPoint?this.endPoint||(this.endPoint=i.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=i.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)}};ie.styles=[b`
+      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;
+      }
+    `],l([q()],ie.prototype,"_lines",2),l([q()],ie.prototype,"startCoord",2),l([q()],ie.prototype,"mouseCoord",2),l([Ie("svg")],ie.prototype,"svgContainer",2),l([Oi({selector:"img"})],ie.prototype,"grImage",2),ie=l([g("qti-graphic-associate-interaction")],ie);var Ps=b`
+  :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 Mt=class extends re(E,"qti-gap-img, qti-gap-text","qti-associable-hotspot","slot[part='drags']"){constructor(){super(...arguments);this.observer=null;this.resizeObserver=null}render(){return h` <slot name="prompt"></slot>
+      <slot part="image"></slot>
+      <slot part="drags" name="drags" class="hover-border"></slot>
+      <div role="alert" id="validationMessage"></div>`}firstUpdated(e){super.firstUpdated(e),this.updateMinDimensionsForDrowZones(),this.observer=new MutationObserver(()=>this.updateMinDimensionsForDrowZones()),this.observer.observe(this,{childList:!0,subtree:!0}),this.resizeObserver=new ResizeObserver(()=>this.updateMinDimensionsForDrowZones()),this.querySelectorAll("qti-gap-img, qti-gap-text").forEach(i=>this.resizeObserver?.observe(i))}updateMinDimensionsForDrowZones(){let e=this.querySelectorAll("qti-gap-img, qti-gap-text"),r=this.querySelectorAll("qti-associable-hotspot"),i=0,o=0;e.forEach(c=>{let d=c.getBoundingClientRect();i=Math.max(i,d.height),o=Math.max(o,d.width)});let n=this.shadowRoot.querySelectorAll("slot"),a=Array.from(n).find(c=>c.name==="drags");a&&(a.style.minHeight=`${i}px`,a.style.minWidth=`${o}px`);for(let c of r)c.style.minHeight=`${i}px`,c.style.minWidth=`${o}px`}positionHotspotOnRegister(e){let r=e.target,i=r.getAttribute("coords"),o=r.getAttribute("shape"),n=i.split(",").map(a=>parseInt(a));switch(o){case"circle":{let[a,c,d]=n;r.style.left=a-d+"px",r.style.top=c-d+"px",r.style.width=r.style.height=2*d+"px"}break;case"rect":{let[a,c,d,u]=n;r.style.left=a+"px",r.style.top=c+"px",r.style.width=d-a+"px",r.style.height=u-c+"px"}break;default:break}}connectedCallback(){super.connectedCallback(),this.addEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}};Mt.styles=Ps,Mt=l([g("qti-graphic-gap-match-interaction")],Mt);var Lt=class extends fe(E,"qti-hotspot-choice"){constructor(){super(...arguments);this._choiceElements=[]}render(){return h`
+      <slot name="prompt"></slot>
+      <!-- slot for the prompt -->
+      <slot></slot>
+      <!-- slot for the image and hotspots -->
+      <div role="alert" id="validationMessage"></div>
+    `}setHotspotOrder(e){let{identifier:r}=e.detail,i=this._choiceElements.find(n=>n.getAttribute("identifier")===r),o=this._choiceElements.length;if(!this.choiceOrdering){if(this.choiceOrdering=!0,i.order==null){if(this._choiceElements.filter(n=>n.order>0).length>=o){this.choiceOrdering=!1;return}i.order=this._choiceElements.filter(n=>!!n.order).length+1,this.choiceOrdering=!1;return}else this._choiceElements.forEach(n=>(n.order>n.order&&n.order--,n)),i.order=null;this.choiceOrdering=!1}}positionHotspotOnRegister(e){let r=this.querySelector("img"),i=e.target,o=i.getAttribute("coords"),n=i.getAttribute("shape"),a=o.split(",").map(c=>parseInt(c));Xe(n,a,r,i)}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)}};Lt.styles=[b`
+      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;
+      }
+    `],Lt=l([g("qti-graphic-order-interaction")],Lt);var $t=class extends fe(E,"qti-hotspot-choice"){render(){return h`
+      <slot name="prompt"></slot>
+      <!-- slot for the prompt -->
+      <slot></slot>
+      <!-- slot for the image and hotspots -->
+    `}positionHotspotOnRegister(t){let e=this.querySelector("img"),r=t.target,i=r.getAttribute("coords"),o=r.getAttribute("shape"),n=i.split(",").map(a=>parseInt(a));Xe(o,n,e,r)}connectedCallback(){super.connectedCallback(),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("unregister-qti-hotspot-choice",this.positionHotspotOnRegister)}};$t.styles=[b`
+      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%; */
+      }
+    `],$t=l([g("qti-hotspot-interaction")],$t);var ye=class extends Z(v,"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 h`
+      <slot part="slot"></slot>
+      <slot part="dropslot" name="qti-simple-associable-choice"></slot>
+    `}};ye.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+    slot {
+      width: 100%;
+      display: block;
+    }
+    slot[name='qti-simple-associable-choice'] {
+      width: 100%;
+    }
+  `,l([p({type:Number,attribute:"match-min"})],ye.prototype,"matchMin",2),l([p({type:Number,attribute:"match-max"})],ye.prototype,"matchMax",2),l([p({type:Boolean,attribute:"fixed"})],ye.prototype,"fixed",2),ye=l([g("qti-simple-associable-choice")],ye);var Hs=b`
+  slot {
+    /* 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 xe=class extends re(E,"qti-simple-match-set:first-of-type qti-simple-associable-choice","qti-simple-match-set:last-of-type qti-simple-associable-choice","qti-simple-match-set"){constructor(){super(...arguments);this.lastCheckedRadio=null;this._response=[];this.correctOptions=[];this.responseIdentifier="";this.handleRadioClick=e=>{let r=e.target;this.lastCheckedRadio===r?(r.checked=!1,this.lastCheckedRadio=null,this.handleRadioChange(e)):this.lastCheckedRadio=r};this.handleRadioChange=e=>{let r=e.target,i=r.value,o=r.name,n=r.type;r.checked?(this.value?this.value.indexOf(i)===-1&&(n==="radio"&&(this.value=this.value.filter(a=>a.indexOf(o)===-1)),this.value=[...this.value,i]):this.value=[i],this.lastCheckedRadio=r):(this.value=this.value.filter(a=>a!==i),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(){return this.classList.contains("qti-match-tabular")?h`
+      <slot name="prompt"></slot>
+      <table>
+        <tr>
+          <td></td>
+          ${this.cols.map(e=>h`<th part="r-header">${be(e.innerHTML)}</th>`)}
+        </tr>
+
+        ${this.rows.map(e=>h`<tr>
+              <td part="c-header">${be(e.innerHTML)}</td>
+              ${this.cols.map(r=>{let i=e.getAttribute("identifier"),o=r.getAttribute("identifier"),n=`${i} ${o}`,a=this.value.filter(m=>m.split(" ")[0]===i).length||0,c=this.value.includes(n),d=`rb ${c?"rb-checked":""} ${this.correctOptions.includes(n)?"rb-correct":""}`,u=this.correctOptions.length>0?!0:e.matchMax===1?!1:a>=e.matchMax&&!c;return h`<td>
+                  <input
+                    type=${e.matchMax===1?"radio":"checkbox"}
+                    part=${d}
+                    name=${i}
+                    value=${n}
+                    .disabled=${u}
+                    @change=${m=>this.handleRadioChange(m)}
+                    @click=${m=>e.matchMax===1?this.handleRadioClick(m):null}
+                  />
+                </td>`})}
+            </tr>`)}
+      </table>
+    `:h`<slot name="prompt"></slot> <slot></slot>
+        <div role="alert" id="validationMessage"></div>`}};xe.styles=Hs,l([q()],xe.prototype,"_response",2),l([q()],xe.prototype,"correctOptions",2),l([p({type:String,attribute:"response-identifier"})],xe.prototype,"responseIdentifier",2),xe=l([g("qti-match-interaction")],xe);var Dt=class extends E{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{...E.properties,step:{type:Number,attribute:"step",default:10}}}render(){return h` <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)})}};Dt.styles=[b``],Dt=l([g("qti-media-interaction")],Dt);var Os=b`
+  [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 le=class extends vr(re(E,"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),h` <slot name="prompt"> </slot>
+      <div part="container">
+        <slot part="drags"> </slot>
+        <div part="drops">
+          ${Array.from(Array(this.nrChoices)).map((r,i)=>h`<drop-list part="drop-list" identifier="droplist${i}"></drop-list>${this.showCorrectResponses&&this.correctResponses.length>i?be(`<span part='correct-response'>${this.correctResponses[i]}</span>`):""}`)}
+        </div>
+      </div>`}set correctResponse(e){if(e===""){this.showCorrectResponses=!1;return}this.correctResponses.length===0&&(Array.isArray(e)?e:[e]).forEach(i=>{let o=this.querySelector(`qti-simple-choice[identifier="${i}"]`);o||(o=this.shadowRoot.querySelector(`qti-simple-choice[identifier="${i}"]`));let n=o?.textContent.trim();this.correctResponses=[...this.correctResponses,n]}),this.showCorrectResponses=!0}getResponse(){return Array.from(this.shadowRoot.querySelectorAll("drop-list")).map(i=>{let o=i.querySelectorAll('[qti-draggable="true"]');return[...Array.from(o).map(a=>a.getAttribute("identifier"))].join(" ")})}async firstUpdated(e){super.firstUpdated(e),this.childrenMap=Array.from(this.querySelectorAll("qti-simple-choice")),this.childrenMap.forEach(r=>r.setAttribute("part","qti-simple-choice"))}};le.styles=Os,l([q()],le.prototype,"nrChoices",2),l([q()],le.prototype,"correctResponses",2),l([q()],le.prototype,"showCorrectResponses",2),l([p({type:String})],le.prototype,"orientation",2),le=l([g("qti-order-interaction")],le);var Sr=class extends v{render(){return h`<slot></slot>`}};Sr.styles=[b`
+      :host {
+        display: block;
+      }
+      ::slotted(img) {
+        position: absolute;
+        cursor: move;
+        user-select: none;
+        left: 50%;
+        transform: translateX(-50%);
+      }
+    `];customElements.define("qti-position-object-interaction",Sr);var It=class extends v{render(){return h`<slot></slot>`}constructor(){super(),this.removeMoveListener=this.removeMoveListener.bind(this),this.dragElementHandler=this.dragElementHandler.bind(this)}dragElementHandler(t){t.preventDefault();let e=t.clientX-this.startX,r=t.clientY-this.startY;this.dragElement.style.left=this.dragElement.offsetLeft+e+"px",this.dragElement.style.top=this.dragElement.offsetTop+r+"px",this.startX=t.clientX,this.startY=t.clientY}firstUpdated(t){super.firstUpdated(t),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)}};It.styles=[b`
+      :host {
+        display: inline-block;
+        position: relative;
+      }
+    `],It=l([g("qti-position-object-stage")],It);var Vs="important",Po=" !"+Vs,zs=F(class extends G{constructor(s){if(super(s),s.type!==ue.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{let r=s[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(s,[t]){let{style:e}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(let r in t){let i=t[r];if(i!=null){this.ft.add(r);let o=typeof i=="string"&&i.endsWith(Po);r.includes("-")||o?e.setProperty(r,o?i.slice(0,-11):i,o?Vs:""):e[r]=i}}return R}});var qe=class extends E{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 r=e.offsetX,i=e.offsetY;this._points=[...this._points,`${r} ${i}`],this.saveResponse(this._points)}}}render(){return h` <slot name="prompt"></slot>
+      <point-container>
+        ${Ar(this._points,e=>e,(e,r)=>h`
+            <button
+              part="point"
+              style=${zs({position:"absolute",transform:"translate(-50%, -50%)",left:`${e.split(" ")[0]}px`,top:`${e.split(" ")[1]}px`})}
+              aria-label="Remove point at ${e}"
+              @click=${i=>{i.stopPropagation(),this._points=this._points.filter((o,n)=>n!==r),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)}};qe.styles=[b`
+      :host {
+        display: block;
+      }
+      point-container {
+        display: block;
+        position: relative;
+      }
+    `],l([p({type:Number,attribute:"max-choices"})],qe.prototype,"maxChoices",2),l([p({type:Number,attribute:"min-choices"})],qe.prototype,"minChoices",2),l([q()],qe.prototype,"_points",2),qe=l([g("qti-select-point-interaction")],qe);var P=class extends E{constructor(){super();this._value=0;this.stepLabel=!1;this.reverse=!1;this._handleDisabledChange=()=>{};this._handleReadonlyChange=()=>{};this.csLive=getComputedStyle(this)}set min(e){this._min=e,this._value=e,this.style.setProperty("--min",`${this._min}`)}get min(){return this._min}set max(e){this._max=e,this.style.setProperty("--max",`${this._max}`)}get max(){return this._max}set step(e){this._step=e,this.style.setProperty("--step",`${this._step}`)}get step(){return this._step}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")}set response(e){if(Array.isArray(e)){console.error("QtiSliderInteraction: response is an array, but should be a single value");return}let r=parseInt(e);if(Number.isNaN(r)){console.error("QtiSliderInteraction: response is not a number");return}this._value=r}render(){this._value<this.min&&(this._value=this.min),this._value>this.max&&(this._value=this.max);let e=(this._value-this.min)/(this.max-this.min)*100;return this.style.setProperty("--value-percentage",`${e}%`),this.setAttribute("aria-valuenow",this.value.toString()),h`<slot name="prompt"></slot>
+      <div id="slider" part="slider">
+        ${this.csLive.getPropertyValue("--show-bounds")=="true"?h`<div id="bounds" part="bounds">
+              <div>${this._min}</div>
+              <div>${this._max}</div>
+            </div>`:k}
+        ${this.csLive.getPropertyValue("--show-ticks")=="true"?h`<div id="ticks" part="ticks"></div>`:k}
+        <div id="rail" part="rail" @mousedown=${this._onMouseDown} @touchstart=${this._onTouchMove}>
+          <div id="knob" part="knob">
+            ${this.csLive.getPropertyValue("--show-value")=="true"?h`<div id="value" part="value">${this.value}</div>`:k}
+          </div>
+        </div>
+      </div>`}connectedCallback(){super.connectedCallback(),this.step=1,this.setAttribute("tabindex","0"),this.setAttribute("role","slider")}_onTouchMove(e){let r=a=>{let{x:c}=this.getPositionFromEvent(a),d=c-this._rail.getBoundingClientRect().left-document.documentElement.scrollLeft;this.calculateValue(d),a.stopPropagation()},i=()=>{document.removeEventListener("touchmove",r),document.removeEventListener("touchend",i),this.saveResponse(this.value.toString())};document.addEventListener("touchmove",r),document.addEventListener("touchend",i);let{x:o}=this.getPositionFromEvent(e),n=o-this._rail.getBoundingClientRect().left-document.documentElement.scrollLeft;this.calculateValue(n),e.stopPropagation()}_onMouseDown(e){let r=n=>{let a=n.pageX-this._rail.getBoundingClientRect().left-document.documentElement.scrollLeft;this.calculateValue(a),n.preventDefault(),n.stopPropagation()},i=()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",i),this.saveResponse(this.value.toString())};document.addEventListener("mousemove",r),document.addEventListener("mouseup",i);let o=e.pageX-this._rail.getBoundingClientRect().left-document.documentElement.scrollLeft;this.calculateValue(o),e.preventDefault(),e.stopPropagation()}calculateValue(e){let r=this.min+(this.max-this.min)*e/this._rail.getBoundingClientRect().width,i=this.min+Math.round((r-this.min)/this._step)*this._step;this._value=i}getPositionFromEvent(e){let r;if(e.type=="touchstart"||e.type=="touchmove"||e.type=="touchend"||e.type=="touchcancel"){let i=typeof e.originalEvent>"u"?e:e.originalEvent,o=i.touches[0]||i.changedTouches[0];r={x:o.pageX,y:o.pageY}}else(e.type=="mousedown"||e.type=="mouseup"||e.type=="mousemove"||e.type=="mouseover"||e.type=="mouseout"||e.type=="mouseenter"||e.type=="mouseleave")&&(r={x:e.clientX,y:e.clientY});return r}};P.styles=[b``],l([Ie("#rail")],P.prototype,"_rail",2),l([p({type:Boolean,attribute:"step-label"})],P.prototype,"stepLabel",2),l([p({type:Boolean})],P.prototype,"reverse",2),l([p({type:Number,attribute:"lower-bound"})],P.prototype,"min",1),l([p({type:Number,attribute:"upper-bound"})],P.prototype,"max",1),l([p({type:Number,attribute:"step"})],P.prototype,"step",1),l([A("disabled",{waitUntilFirstUpdate:!0})],P.prototype,"_handleDisabledChange",2),l([A("readonly",{waitUntilFirstUpdate:!0})],P.prototype,"_handleReadonlyChange",2),P=l([g("qti-slider-interaction")],P);var Nt=class extends v{render(){return h`<slot @slotchange=${this.handleSlotChange}></slot>`}handleSlotChange(){let t=Array.from(this.firstElementChild?.childNodes??[]).find(e=>e.nodeType===Node.COMMENT_NODE);try{this.operatorFunction=new Function("context","fn","item",t.textContent??"")}catch(e){console.error("custom-operator contains invalid javascript code",e)}}calculate(){let t={variable:r=>this._context?.variables.find(i=>i.identifier===r)?.value??"",correct:r=>this._context?.variables.find(i=>i.identifier===r)?.correctResponse??""},e={getVariable:r=>this._context?.variables.find(i=>i.identifier===r),updateOutcomeVariable:(r,i)=>{this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:r,value:i}}))},updateResponseVariable:(r,i)=>{this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:r,response:i}}))}};return this.operatorFunction(this._context,t,e)}};l([T({context:$,subscribe:!0}),q()],Nt.prototype,"_context",2),Nt=l([g("qti-custom-operator")],Nt);var Pt=class extends v{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-hotspot",{bubbles:!0,composed:!0,cancelable:!1}))}render(){return h` <slot name="drags"></slot> `}};Pt.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+      position: absolute;
+    }
+  `,Pt=l([g("qti-associable-hotspot")],Pt);var Ye=class extends v{constructor(){super(...arguments);this.tabindex=0}render(){return h` <slot name="drags"></slot>`}};Ye.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+  `,l([p({type:Number,reflect:!0})],Ye.prototype,"tabindex",2),Ye=l([g("qti-gap")],Ye);var Ge=class extends v{constructor(){super(...arguments);this.tabindex=0}connectedCallback(){this.setAttribute("slot","drags")}};Ge.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+  `,l([p({type:Number,reflect:!0})],Ge.prototype,"tabindex",2),Ge=l([g("qti-gap-img")],Ge);var Ke=class extends Z(v,"qti-gap-text"){constructor(){super(...arguments);this.tabindex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","drags")}render(){return h`<slot></slot>`}};Ke.styles=b`
+    :host {
+      display: inline-flex;
+      user-select: none;
+    }
+  `,l([p({type:Number,reflect:!0})],Ke.prototype,"tabindex",2),Ke=l([g("qti-gap-text")],Ke);var Ze=class extends Z(v,"qti-hotspot-choice"){};Ze.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+      position: absolute;
+    }
+  `,l([p({attribute:"aria-ordervalue",type:Number,reflect:!0})],Ze.prototype,"order",2),Ze=l([g("qti-hotspot-choice")],Ze);var Ht=class extends Z(v,"qti-hottext"){render(){return h`<div part="ch"><div part="cha"></div></div>
+      <slot></slot> `}};Ht.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+  `,Ht=l([g("qti-hottext")],Ht);var Ot=class extends v{static get styles(){return[b`
+        :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 h` <slot></slot> `}_onSelectInlineChoice(){this.dispatchEvent(new CustomEvent("qti-inline-choice-select",{bubbles:!0,cancelable:!1,composed:!0,detail:{identifier:this.identifier}}))}};l([p({type:String})],Ot.prototype,"identifier",2),Ot=l([g("qti-inline-choice")],Ot);var Je=class extends Z(v,"qti-simple-choice"){get checked(){return this.internals.states.has("--checked")}render(){return h`<div part="ch">
+        <div part="cha"></div>
+      </div>
+      ${this.marker?h`<div id="label">${this.marker}</div>`:k}
+      <slot part="slot"></slot> `}};Je.styles=b`
+    :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;
+    }
+  `,l([p({type:String,attribute:!1})],Je.prototype,"marker",2),Je=l([g("qti-simple-choice")],Je);console.log("%cC\xBFTO%cLab%c: qti-components loaded","font-weight:bold; color:green",'font-family: "PT Sans", font-weight:bold; color:green; font-size: smaller;vertical-align: sub',"font-weight:unset");export{Z as ActiveElementMixin,E as Interaction,xr as QtiAnd,I as QtiAssessmentItem,j as QtiAssessmentItemRef,W as QtiAssessmentSection,Ue as QtiAssessmentStimulusRef,Te as QtiAssessmentTest,Pt as QtiAssociableHotspot,je as QtiAssociateInteraction,qr as QtiBaseValue,Fe as QtiChoiceInteraction,gr as QtiCompanionMaterialsInfo,O as QtiConditionExpression,ri as QtiContains,fr as QtiContentBody,ii as QtiCorrect,ae as QtiCustomInteraction,Nt as QtiCustomOperator,We as QtiEndAttemptInteraction,Er as QtiEqual,wr as QtiEqualRounded,C as QtiExpression,H as QtiExtendedTextInteraction,wt as QtiFeedbackBlock,Et as QtiFeedbackInline,Ye as QtiGap,Ge as QtiGapImg,Rt as QtiGapMatchInteraction,Ke as QtiGapText,ie as QtiGraphicAssociateInteraction,Mt as QtiGraphicGapMatchInteraction,Lt as QtiGraphicOrderInteraction,si as QtiGt,oi as QtiGte,Ze as QtiHotspotChoice,$t as QtiHotspotInteraction,Ht as QtiHottext,br as QtiHottextInteraction,Ot as QtiInlineChoice,ve as QtiInlineChoiceInteraction,ni as QtiIsNull,hr as QtiItem,yt as QtiItemBody,qs as QtiItemMixin,yr as QtiLookupOutcomeValue,ai as QtiLt,li as QtiLte,Cr as QtiMapResponse,Be as QtiMapping,ci as QtiMatch,xe as QtiMatchInteraction,Dt as QtiMediaInteraction,di as QtiMember,Ct as QtiModalFeedback,pi as QtiMultiple,hi as QtiNot,ui as QtiOr,le as QtiOrderInteraction,mi as QtiOrdered,J as QtiOutcomeDeclaration,kt as QtiOutcomeProcessing,Zr as QtiOutcomeProcessingProcessor,Se as QtiPortableCustomInteraction,Sr as QtiPositionObjectInteraction,It as QtiPositionObjectStage,St as QtiPrintedVariable,gi as QtiProduct,ur as QtiPrompt,Jr as QtiResponseCondition,ne as QtiResponseDeclaration,Tt as QtiResponseElse,ti as QtiResponseElseIf,At as QtiResponseIf,Ae as QtiResponseProcessing,Q as QtiRubricBlock,te as QtiRule,qe as QtiSelectPointInteraction,Qr as QtiSetOutcomeValue,ei as QtiSetOutcomeValueRule,ye as QtiSimpleAssociableChoice,Je as QtiSimpleChoice,P as QtiSliderInteraction,kr as QtiStringMatch,mr as QtiStylesheet,_r as QtiSubtract,fi as QtiSum,bi as QtiSumExpression,Jt as QtiTest,X as QtiTestPart,ee as QtiTextEntryInteraction,vi as QtiVariable,Ve as TestContainer,ut as TestItemLink,pt as TestNext,ze as TestPagingButtonsStamp,ht as TestPrev,Y as TestView,$ as itemContext,ws as itemContextVariables,Io as qtiAndMixin,No as qtiSubtractMixin};
+/*! Bundled license information:
+
+@lit/context/lib/context-request-event.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/create-context.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/controllers/context-consumer.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/value-notifier.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/controllers/context-provider.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/context-root.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/decorators/provide.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/decorators/consume.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/lib/element-internals.js:
+  (**
+   * @license
+   * Copyright 2023 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/index.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/async-directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/private-async-helpers.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/until.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+jexpr/lib/constants.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/tokenizer.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/parser.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/ast_factory.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/eval.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+lit-html/node/private-ssr-support.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/ref.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/unsafe-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/repeat.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/style-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/