@citolab/qti-components 6.9.1-beta.81 → 7.0.1

package/cdn/index.min.cjs

@@ -0,0 +1,4489 @@
+var _e=Object.defineProperty;var Ei=Object.getOwnPropertyDescriptor;var js=Object.getOwnPropertyNames;var Ws=Object.prototype.hasOwnProperty;var Xs=(s,e,t)=>e in s?_e(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var Ys=(s,e)=>{for(var t in e)_e(s,t,{get:e[t],enumerable:!0})},Gs=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of js(e))!Ws.call(s,i)&&i!==t&&_e(s,i,{get:()=>e[i],enumerable:!(r=Ei(e,i))||r.enumerable});return s};var Ks=s=>Gs(_e({},"__esModule",{value:!0}),s),l=(s,e,t,r)=>{for(var i=r>1?void 0:r?Ei(e,t):e,o=s.length-1,n;o>=0;o--)(n=s[o])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&_e(e,t,i),i};var z=(s,e,t)=>Xs(s,typeof e!="symbol"?e+"":e,t);var jo={};Ys(jo,{ActiveElementMixin:()=>Y,Interaction:()=>C,QtiAnd:()=>Ke,QtiAssessmentItem:()=>D,QtiAssessmentItemRef:()=>F,QtiAssessmentSection:()=>B,QtiAssessmentStimulusRef:()=>$t,QtiAssessmentTest:()=>ft,QtiAssociableHotspot:()=>qe,QtiAssociateInteraction:()=>Nt,QtiBaseValue:()=>Ze,QtiChoiceInteraction:()=>Dt,QtiCompanionMaterialsInfo:()=>Fe,QtiConditionExpression:()=>H,QtiContains:()=>Dr,QtiContentBody:()=>Be,QtiCorrect:()=>Ir,QtiCustomInteraction:()=>ot,QtiCustomOperator:()=>xe,QtiEndAttemptInteraction:()=>Pt,QtiEqual:()=>Qe,QtiEqualRounded:()=>Je,QtiExpression:()=>_,QtiExtendedTextInteraction:()=>O,QtiFeedbackBlock:()=>ne,QtiFeedbackInline:()=>ae,QtiGap:()=>Ot,QtiGapImg:()=>Ht,QtiGapMatchInteraction:()=>ue,QtiGapText:()=>Vt,QtiGraphicAssociateInteraction:()=>Q,QtiGraphicGapMatchInteraction:()=>ge,QtiGraphicOrderInteraction:()=>fe,QtiGt:()=>Nr,QtiGte:()=>Pr,QtiHotspotChoice:()=>zt,QtiHotspotInteraction:()=>be,QtiHottext:()=>we,QtiHottextInteraction:()=>Xe,QtiInlineChoice:()=>Ee,QtiInlineChoiceInteraction:()=>ct,QtiIsNull:()=>Or,QtiItem:()=>sr,QtiItemBody:()=>oe,QtiItemMixin:()=>wi,QtiLookupOutcomeValue:()=>Ge,QtiLt:()=>Hr,QtiLte:()=>Vr,QtiMapResponse:()=>tr,QtiMapping:()=>It,QtiMatch:()=>zr,QtiMatchInteraction:()=>pt,QtiMediaInteraction:()=>ve,QtiMember:()=>Ur,QtiModalFeedback:()=>le,QtiMultiple:()=>Fr,QtiNot:()=>Br,QtiOr:()=>jr,QtiOrderInteraction:()=>nt,QtiOrdered:()=>Wr,QtiOutcomeDeclaration:()=>G,QtiOutcomeProcessing:()=>ce,QtiOutcomeProcessingProcessor:()=>Sr,QtiPortableCustomInteraction:()=>Ct,QtiPositionObjectInteraction:()=>ir,QtiPositionObjectStage:()=>ye,QtiPrintedVariable:()=>he,QtiProduct:()=>Xr,QtiPrompt:()=>ze,QtiResponseCondition:()=>Rr,QtiResponseDeclaration:()=>it,QtiResponseElse:()=>de,QtiResponseElseIf:()=>$r,QtiResponseIf:()=>pe,QtiResponseProcessing:()=>Et,QtiRubricBlock:()=>K,QtiRule:()=>J,QtiSelectPointInteraction:()=>ht,QtiSetOutcomeValue:()=>Mr,QtiSetOutcomeValueRule:()=>Lr,QtiSimpleAssociableChoice:()=>dt,QtiSimpleChoice:()=>Ut,QtiSliderInteraction:()=>I,QtiStringMatch:()=>rr,QtiStylesheet:()=>Ue,QtiSubtract:()=>er,QtiSum:()=>Yr,QtiSumExpression:()=>Gr,QtiTest:()=>Ie,QtiTestPart:()=>j,QtiTextEntryInteraction:()=>Z,QtiVariable:()=>Kr,TestContainer:()=>Mt,TestItemLink:()=>re,TestNext:()=>te,TestPagingButtonsStamp:()=>Lt,TestPrev:()=>ee,TestView:()=>W,getItemByUri:()=>Bo,getManifestInfo:()=>Fo,itemContext:()=>$,itemContextVariables:()=>vi,qtiAndMixin:()=>Ds,qtiSubtractMixin:()=>Is,qtiTransformItem:()=>Rt,qtiTransformManifest:()=>pi,qtiTransformTest:()=>Jt});module.exports=Ks(jo);var mt=class extends Event{constructor(e,t,r){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=r??!1}};var Ft=class{constructor(e,t,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=e,t.context!==void 0){let o=t;this.context=o.context,this.callback=o.callback,this.subscribe=o.subscribe??!1}else this.context=t,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 mt(this.context,this.t,this.subscribe))}};var or=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let r=t||!Object.is(e,this.o);this.o=e,r&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[t,{disposer:r}]of this.subscriptions)t(this.o,r)},e!==void 0&&(this.value=e)}addCallback(e,t,r){if(!r)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:i}=this.subscriptions.get(e);e(this.value,i)}clearCallbacks(){this.subscriptions.clear()}};var Qr=class extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}},Bt=class extends or{constructor(e,t,r){super(t.context!==void 0?t.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 mt(this.context,a,!0)));i.stopPropagation()},this.host=e,t.context!==void 0?this.context=t.context:this.context=t,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 Qr(this.context))}};function jt({context:s}){return(e,t)=>{let r=new WeakMap;if(typeof t=="object")return t.addInitializer(function(){r.set(this,new Bt(this,{context:s}))}),{get(){return e.get.call(this)},set(i){return r.get(this)?.setValue(i),e.set.call(this,i)},init(i){return r.get(this)?.setValue(i),i}};{e.constructor.addInitializer(n=>{r.set(n,new Bt(n,{context:s}))});let i=Object.getOwnPropertyDescriptor(e,t),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(e,t,o)}}}function T({context:s,subscribe:e}){return(t,r)=>{typeof r=="object"?r.addInitializer(function(){new Ft(this,{context:s,callback:i=>{t.set.call(this,i)},subscribe:e})}):t.constructor.addInitializer(i=>{new Ft(i,{context:s,callback:o=>{i[r]=o},subscribe:e})})}}var _i=class{get shadowRoot(){return this.__host.__shadowRoot}constructor(e){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=e}checkValidity(){return console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true."),!0}reportValidity(){return!0}setFormValue(){}setValidity(){}};var ki=new WeakMap,ke=s=>{let e=ki.get(s);return e===void 0&&ki.set(s,e=new Map),e},Zs=class{constructor(){this.__shadowRootMode=null,this.__shadowRoot=null,this.__internals=null}get attributes(){return Array.from(ke(this)).map(([e,t])=>({name:e,value:t}))}get shadowRoot(){return this.__shadowRootMode==="closed"?null:this.__shadowRoot}get localName(){return this.constructor.__localName}get tagName(){return this.localName?.toUpperCase()}setAttribute(e,t){ke(this).set(e,String(t))}removeAttribute(e){ke(this).delete(e)}toggleAttribute(e,t){if(this.hasAttribute(e)){if(t===void 0||!t)return this.removeAttribute(e),!1}else return t===void 0||t?(this.setAttribute(e,""),!0):!1;return!0}hasAttribute(e){return ke(this).has(e)}attachShadow(e){let t={host:this};return this.__shadowRootMode=e.mode,e&&e.mode==="open"&&(this.__shadowRoot=t),t}attachInternals(){if(this.__internals!==null)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");let e=new _i(this);return this.__internals=e,e}getAttribute(e){return ke(this).get(e)??null}};var Js=class extends Zs{},Ti=Js;var Qs=class{constructor(){this.__definitions=new Map}define(e,t){if(this.__definitions.has(e))if(process.env.NODE_ENV==="development")console.warn(`'CustomElementRegistry' already has "${e}" 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 "${e}" has already been used with this registry`);t.__localName=e,this.__definitions.set(e,{ctor:t,observedAttributes:t.observedAttributes??[]})}get(e){return this.__definitions.get(e)?.ctor}},to=Qs;var Ai=new to;var Te=globalThis,nr=Te.ShadowRoot&&(Te.ShadyCSS===void 0||Te.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ti=Symbol(),Si=new WeakMap,Ae=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==ti)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(nr&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=Si.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&Si.set(t,e))}return e}toString(){return this.cssText}},Ri=s=>new Ae(typeof s=="string"?s:s+"",void 0,ti),b=(s,...e)=>{let t=s.length===1?s[0]:e.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 Ae(t,s,ti)},ei=(s,e)=>{if(nr)s.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),i=Te.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=t.cssText,s.appendChild(r)}},ar=nr||Te.CSSStyleSheet===void 0?s=>s:s=>s instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return Ri(t)})(s):s;var{is:eo,defineProperty:ro,getOwnPropertyDescriptor:io,getOwnPropertyNames:so,getOwnPropertySymbols:oo,getPrototypeOf:no}=Object,U=globalThis;U.customElements??(U.customElements=Ai);var Mi=U.trustedTypes,ao=Mi?Mi.emptyScript:"",lo=U.reactiveElementPolyfillSupport,Se=(s,e)=>s,Re={toAttribute(s,e){switch(e){case Boolean:s=s?ao:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,e){let t=s;switch(e){case Boolean:t=s!==null;break;case Number:t=s===null?null:Number(s);break;case Object:case Array:try{t=JSON.parse(s)}catch{t=null}}return t}},lr=(s,e)=>!eo(s,e),Li={attribute:!0,type:String,converter:Re,reflect:!1,hasChanged:lr};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),U.litPropertyMetadata??(U.litPropertyMetadata=new WeakMap);var at=class extends(globalThis.HTMLElement??Ti){static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Li){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){let r=Symbol(),i=this.getPropertyDescriptor(e,r,t);i!==void 0&&ro(this.prototype,e,i)}}static getPropertyDescriptor(e,t,r){let{get:i,set:o}=io(this.prototype,e)??{get(){return this[t]},set(n){this[t]=n}};return{get(){return i?.call(this)},set(n){let a=i?.call(this);o.call(this,n),this.requestUpdate(e,a,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??Li}static _$Ei(){if(this.hasOwnProperty(Se("elementProperties")))return;let e=no(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Se("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Se("properties"))){let t=this.properties,r=[...so(t),...oo(t)];for(let i of r)this.createProperty(i,t[i])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[r,i]of t)this.elementProperties.set(r,i)}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let i=this._$Eu(t,r);i!==void 0&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let r=new Set(e.flat(1/0).reverse());for(let i of r)t.unshift(ar(i))}else e!==void 0&&t.push(ar(e));return t}static _$Eu(e,t){let r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ei(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EC(e,t){let r=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,r);if(i!==void 0&&r.reflect===!0){let o=(r.converter?.toAttribute!==void 0?r.converter:Re).toAttribute(t,r.type);this._$Em=e,o==null?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(e,t){let r=this.constructor,i=r._$Eh.get(e);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:Re;this._$Em=i,this[i]=n.fromAttribute(t,o.type),this._$Em=null}}requestUpdate(e,t,r){if(e!==void 0){if(r??(r=this.constructor.getPropertyOptions(e)),!(r.hasChanged??lr)(this[e],t))return;this.P(e,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,t,r){this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!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 e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(t)):this._$EU()}catch(r){throw e=!1,this._$EU(),r}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EC(t,this[t]))),this._$EU()}updated(e){}firstUpdated(e){}};at.elementStyles=[],at.shadowRootOptions={mode:"open"},at[Se("elementProperties")]=new Map,at[Se("finalized")]=new Map,lo?.({ReactiveElement:at}),(U.reactiveElementVersions??(U.reactiveElementVersions=[])).push("2.0.4");var Wt=globalThis,cr=Wt.trustedTypes,$i=cr?cr.createPolicy("lit-html",{createHTML:s=>s}):void 0,ii="$lit$",lt=`lit$${Math.random().toFixed(9).slice(2)}$`,si="?"+lt,co=`<${si}>`,Tt=Wt.document===void 0?{createTreeWalker:()=>({})}:document,Le=()=>Tt.createComment(""),$e=s=>s===null||typeof s!="object"&&typeof s!="function",oi=Array.isArray,Hi=s=>oi(s)||typeof s?.[Symbol.iterator]=="function",ri=`[ 	
+\f\r]`,Me=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Di=/-->/g,Ii=/>/g,_t=RegExp(`>|${ri}(?:([^\\s"'>=/]+)(${ri}*=${ri}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Ni=/'/g,Pi=/"/g,Vi=/^(?:script|style|textarea|title)$/i,ni=s=>(e,...t)=>({_$litType$:s,strings:e,values:t}),h=ni(1),ai=ni(2),$n=ni(3),R=Symbol.for("lit-noChange"),k=Symbol.for("lit-nothing"),Oi=new WeakMap,kt=Tt.createTreeWalker(Tt,129);function zi(s,e){if(!oi(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return $i!==void 0?$i.createHTML(e):e}var Ui=(s,e)=>{let t=s.length-1,r=[],i,o=e===2?"<svg>":e===3?"<math>":"",n=Me;for(let a=0;a<t;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===Me?u[1]==="!--"?n=Di:u[1]!==void 0?n=Ii:u[2]!==void 0?(Vi.test(u[2])&&(i=RegExp("</"+u[2],"g")),n=_t):u[3]!==void 0&&(n=_t):n===_t?u[0]===">"?(n=i??Me,m=-1):u[1]===void 0?m=-2:(m=n.lastIndex-u[2].length,d=u[1],n=u[3]===void 0?_t:u[3]==='"'?Pi:Ni):n===Pi||n===Ni?n=_t:n===Di||n===Ii?n=Me:(n=_t,i=void 0);let y=n===_t&&s[a+1].startsWith("/>")?" ":"";o+=n===Me?c+co:m>=0?(r.push(d),c.slice(0,m)+ii+c.slice(m)+lt+y):c+lt+(m===-2?a:y)}return[zi(s,o+(s[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},De=class s{constructor({strings:e,_$litType$:t},r){let i;this.parts=[];let o=0,n=0,a=e.length-1,c=this.parts,[d,u]=Ui(e,t);if(this.el=s.createElement(d,r),kt.currentNode=this.el.content,t===2||t===3){let m=this.el.content.firstChild;m.replaceWith(...m.childNodes)}for(;(i=kt.nextNode())!==null&&c.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(let m of i.getAttributeNames())if(m.endsWith(ii)){let f=u[n++],y=i.getAttribute(m).split(lt),x=/([.?@])?(.*)/.exec(f);c.push({type:1,index:o,name:x[2],strings:y,ctor:x[1]==="."?pr:x[1]==="?"?hr:x[1]==="@"?ur:St}),i.removeAttribute(m)}else m.startsWith(lt)&&(c.push({type:6,index:o}),i.removeAttribute(m));if(Vi.test(i.tagName)){let m=i.textContent.split(lt),f=m.length-1;if(f>0){i.textContent=cr?cr.emptyScript:"";for(let y=0;y<f;y++)i.append(m[y],Le()),kt.nextNode(),c.push({type:2,index:++o});i.append(m[f],Le())}}}else if(i.nodeType===8)if(i.data===si)c.push({type:2,index:o});else{let m=-1;for(;(m=i.data.indexOf(lt,m+1))!==-1;)c.push({type:7,index:o}),m+=lt.length-1}o++}}static createElement(e,t){let r=Tt.createElement("template");return r.innerHTML=e,r}};function At(s,e,t=s,r){if(e===R)return e;let i=r!==void 0?t._$Co?.[r]:t._$Cl,o=$e(e)?void 0:e._$litDirective$;return i?.constructor!==o&&(i?._$AO?.(!1),o===void 0?i=void 0:(i=new o(s),i._$AT(s,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=i:t._$Cl=i),i!==void 0&&(e=At(s,i._$AS(s,e.values),i,r)),e}var dr=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:r}=this._$AD,i=(e?.creationScope??Tt).importNode(t,!0);kt.currentNode=i;let o=kt.nextNode(),n=0,a=0,c=r[0];for(;c!==void 0;){if(n===c.index){let d;c.type===2?d=new Xt(o,o.nextSibling,this,e):c.type===1?d=new c.ctor(o,c.name,c.strings,this,e):c.type===6&&(d=new mr(o,this,e)),this._$AV.push(d),c=r[++a]}n!==c?.index&&(o=kt.nextNode(),n++)}return kt.currentNode=Tt,i}p(e){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Xt=class s{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,r,i){this.type=2,this._$AH=k,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=At(this,e,t),$e(e)?e===k||e==null||e===""?(this._$AH!==k&&this._$AR(),this._$AH=k):e!==this._$AH&&e!==R&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Hi(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==k&&$e(this._$AH)?this._$AA.nextSibling.data=e:this.T(Tt.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:r}=e,i=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=De.createElement(zi(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===i)this._$AH.p(t);else{let o=new dr(i,this),n=o.u(this.options);o.p(t),this.T(n),this._$AH=o}}_$AC(e){let t=Oi.get(e.strings);return t===void 0&&Oi.set(e.strings,t=new De(e)),t}k(e){oi(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,i=0;for(let o of e)i===t.length?t.push(r=new s(this.O(Le()),this.O(Le()),this,this.options)):r=t[i],r._$AI(o),i++;i<t.length&&(this._$AR(r&&r._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e&&e!==this._$AB;){let r=e.nextSibling;e.remove(),e=r}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},St=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,i,o){this.type=1,this._$AH=k,this._$AN=void 0,this.element=e,this.name=t,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(e,t=this,r,i){let o=this.strings,n=!1;if(o===void 0)e=At(this,e,t,0),n=!$e(e)||e!==this._$AH&&e!==R,n&&(this._$AH=e);else{let a=e,c,d;for(e=o[0],c=0;c<o.length-1;c++)d=At(this,a[r+c],t,c),d===R&&(d=this._$AH[c]),n||(n=!$e(d)||d!==this._$AH[c]),d===k?e=k:e!==k&&(e+=(d??"")+o[c+1]),this._$AH[c]=d}n&&!i&&this.j(e)}j(e){e===k?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},pr=class extends St{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===k?void 0:e}},hr=class extends St{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==k)}},ur=class extends St{constructor(e,t,r,i,o){super(e,t,r,i,o),this.type=5}_$AI(e,t=this){if((e=At(this,e,t,0)??k)===R)return;let r=this._$AH,i=e===k&&r!==k||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,o=e!==k&&(r===k||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},mr=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){At(this,e)}},M={M:ii,P:lt,A:si,C:1,L:Ui,R:dr,D:Hi,V:At,I:Xt,H:St,N:hr,U:ur,B:pr,F:mr},po=Wt.litHtmlPolyfillSupport;po?.(De,Xt),(Wt.litHtmlVersions??(Wt.litHtmlVersions=[])).push("3.2.1");var li=(s,e,t)=>{let r=t?.renderBefore??e,i=r._$litPart$;if(i===void 0){let o=t?.renderBefore??null;r._$litPart$=i=new Xt(e.insertBefore(Le(),o),o,void 0,t??{})}return i._$AI(s),i};var v=class extends at{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;let e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=li(t,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 ho=globalThis.litElementPolyfillSupport;ho?.({LitElement:v});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");var g=s=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(s,e)}):customElements.define(s,e)};var uo={attribute:!0,type:String,converter:Re,reflect:!1,hasChanged:lr},mo=(s=uo,e,t)=>{let{kind:r,metadata:i}=t,o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),o.set(t.name,s),r==="accessor"){let{name:n}=t;return{set(a){let c=e.get.call(this);e.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}=t;return function(a){let c=this[n];e.call(this,a),this.requestUpdate(n,c,s)}}throw Error("Unsupported decorator location: "+r)};function p(s){return(e,t)=>typeof t=="object"?mo(s,e,t):((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,e,t)}function w(s){return p({...s,state:!0,attribute:!1})}var gt=(s,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(s,e,t),t);function Yt(s,e){return(t,r,i)=>{let o=n=>n.renderRoot?.querySelector(s)??null;if(e){let{get:n,set:a}=typeof r=="object"?t:i??(()=>{let c=Symbol();return{get(){return this[c]},set(d){this[c]=d}}})();return gt(t,r,{get(){let c=n.call(this);return c===void 0&&(c=o(this),(c!==null||this.hasUpdated)&&a.call(this,c)),c}})}return gt(t,r,{get(){return o(this)}})}}function Fi(s){return(e,t)=>{let{slot:r,selector:i}=s??{},o="slot"+(r?`[name=${r}]`:":not([name])");return gt(e,t,{get(){let n=this.renderRoot?.querySelector(o),a=n?.assignedElements(s)??[];return i===void 0?a:a.filter(c=>c.matches(i))}})}}var tt=Symbol("test"),gr=Symbol("testElement");var Bi={fromAttribute(s){return s==="true"},toAttribute(s){return s?"true":"false"}},F=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})],F.prototype,"category",2),l([p({type:String})],F.prototype,"identifier",2),l([p({type:Boolean,converter:Bi})],F.prototype,"required",2),l([p({type:Boolean,converter:Bi})],F.prototype,"fixed",2),l([p({type:String})],F.prototype,"href",2),l([T({context:tt,subscribe:!0})],F.prototype,"_testContext",2),l([p({type:Object,attribute:!1})],F.prototype,"xmlDoc",2);customElements.get("qti-assessment-item-ref")||customElements.define("qti-assessment-item-ref",F);var ci={fromAttribute(s){return s==="true"},toAttribute(s){return s?"true":"false"}},B=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})],B.prototype,"identifier",2),l([p({type:String})],B.prototype,"required",2),l([p({type:Boolean,converter:ci})],B.prototype,"fixed",2),l([p({type:String})],B.prototype,"title",2),l([p({type:Boolean,converter:ci})],B.prototype,"visible",2),l([p({type:Boolean,converter:ci,attribute:"keep-together"})],B.prototype,"keepTogether",2),l([T({context:tt,subscribe:!0})],B.prototype,"_testContext",2);customElements.get("qti-assessment-section")||customElements.define("qti-assessment-section",B);var ft=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})],ft.prototype,"identifier",2),l([p({type:String})],ft.prototype,"title",2),l([T({context:tt,subscribe:!0})],ft.prototype,"_testContext",2),ft=l([g("qti-assessment-test")],ft);var j=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})],j.prototype,"identifier",2),l([p({type:String})],j.prototype,"title",2),l([p({type:String})],j.prototype,"class",2),l([p({type:String,attribute:"navigation-mode"})],j.prototype,"NavigationMode",2),l([p({type:String,attribute:"submission-mode"})],j.prototype,"submissionMode",2),j=l([g("qti-test-part")],j);customElements.get("qti-test-part")||customElements.define("qti-test-part",j);var go=String.raw,fo=go`<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 ji(s,e,t){s.querySelectorAll(e).forEach(r=>{let i=`${e}-${t}`,o=Xi(r,i);r.replaceWith(o)})}function Wi(s,e){s.querySelectorAll("*").forEach(t=>{let r=t.classList;r&&r.forEach(i=>{if(i.startsWith(`${e}:`)){let o=i.slice(`${e}:`.length),n=`${t.nodeName}-${o}`,a=Xi(t,n);t.replaceWith(a)}})})}function Xi(s,e){let t=document.createElement(e);for(let r of s.attributes)t.setAttribute(r.name,r.value);for(;s.firstChild;)t.appendChild(s.firstChild);return t}function Yi(s){let e=[];return s.querySelectorAll("qti-assessment-item-ref").forEach(t=>{let r=t.getAttribute("identifier"),i=t.getAttribute("href"),o=t.getAttribute("category");e.push({identifier:r,href:i,category:o})}),e}var di=null;function Gt(s,e=!1){return e&&di!==null&&di.abort(),new Promise((t,r)=>{let i=new XMLHttpRequest;di=i,i.open("GET",s,!0),i.responseType="document",i.onload=()=>{i.status>=200&&i.status<300?t(i.responseXML):r(i.statusText)},i.onerror=()=>{r(i.statusText)},i.send()})}function Kt(s){return new DOMParser().parseFromString(s,"text/xml")}function Zt(s){let e=new XSLTProcessor,t=new DOMParser().parseFromString(fo,"text/xml");return e.importStylesheet(t),e.transformToFragment(s,document)}function Gi(s,e){e.endsWith("/")||(e+="/"),s.querySelectorAll("[src],[href],[primary-path]").forEach(t=>{let r="";t.getAttribute("src")&&(r="src"),t.getAttribute("href")&&(r="href"),t.getAttribute("primary-path")&&(r="primary-path");let i=t.getAttribute(r)?.trim();if(!i.startsWith("data:")&&!i.startsWith("http")){let o=e+encodeURI(i);t.setAttribute(r,o)}})}function Ki(s){s.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value').forEach(t=>{let r=document.createComment(t.textContent);t.replaceChild(r,t.firstChild)})}function Zi(s){s.querySelectorAll("qti-stylesheet").forEach(e=>e.remove())}var Rt=()=>{let s,e={async load(t,r=!1){return new Promise(i=>{Gt(t,r).then(o=>(s=o,e.path(t.substring(0,t.lastIndexOf("/"))),i(e)))})},parse(t){return s=Kt(t),e},path:t=>(Gi(s,t),e),fn(t){return t(s),e},pciHooks(t){let r=["hook","module"],i=t.substring(0,t.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",t),a.setAttribute("module",i+"/"+encodeURI(c+(c.endsWith(".js")?"":".js"))))});return e},extendElementName:(t,r)=>(ji(s,t,r),e),extendElementsWithClass:(t="extend")=>(Wi(s,t),e),customInteraction(t,r){let i=s.querySelector("qti-custom-interaction"),o=i.querySelector("object");return i.setAttribute("data-base-ref",t),i.setAttribute("data-base-item",t+r),i.setAttribute("data",o.getAttribute("data")),i.setAttribute("width",o.getAttribute("width")),i.setAttribute("height",o.getAttribute("height")),i.removeChild(o),e},convertCDATAtoComment(){return Ki(s),e},stripStyleSheets(){return Zi(s),e},html(){return new XMLSerializer().serializeToString(Zt(s))},xml(){return new XMLSerializer().serializeToString(s)},htmlDoc(){return Zt(s)},xmlDoc(){return s}};return e};var pi=()=>{let s,e={async load(t){return new Promise(r=>{Gt(t).then(i=>(s=i,r(e)))})},parse(t){s=Kt(t)},assessmentTest(){let t=s.querySelector('resource[type="imsqti_test_xmlv3p0"]');return{href:t.getAttribute("href"),identifier:t.getAttribute("identifier")}}};return e};var Jt=()=>{let s,e={async load(t){return new Promise((r,i)=>{Gt(t).then(o=>(s=o,r(e)))})},parse(t){return s=Kt(t),e},fn(t){return t(s),e},items(){return Yi(s)},html(){return new XMLSerializer().serializeToString(Zt(s))},xml(){return new XMLSerializer().serializeToString(s)},htmlDoc(){return Zt(s)},xmlDoc(){return s}};return e};var Ji=s=>{class e 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 aattribute test-url with the path to the test on the test-container"),o.detail.promise=(async()=>(o.preventDefault(),(await Jt().load(`${this.testURL}`)).htmlDoc()))()}),this.addEventListener("qti-assessment-test-connected",()=>{}),this.addEventListener("qti-load-item-request",({detail:o})=>{this.testURL&&(o.promise=(async()=>(await Rt().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 e};var Qi=s=>{class e 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,!0),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 e};var ts=s=>{class e 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 e};var Qt=class extends v{constructor(){super();this._testContext={items:[],testOutcomeVariables:[]};this.testElement={el:null};this._updateItemInTestContext=t=>{let{identifier:r,variables:i}=t,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):t.variables=[...o.variables||[]]};this.addEventListener("qti-assessment-test-connected",t=>{let r=t.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",t=>{this._updateItemInTestContext(t.detail)}),this.addEventListener("qti-outcome-changed",t=>{let r=t.composedPath()[0];this._updateItemVariablesInTestContext(r.identifier,r.variables)})}get context(){return this._testContext}set context(t){t!=null&&(this._testContext={...t},t.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(t,r){this._testContext={...this._testContext,items:this._testContext.items.map(i=>i.identifier!==t?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([w(),jt({context:tt})],Qt.prototype,"_testContext",2),l([w(),jt({context:gr})],Qt.prototype,"testElement",2);var Ie=class extends Ji(Qi(ts(Qt))){connectedCallback(){super.connectedCallback();let e=this.querySelector(":scope > template");e&&this.shadowRoot?.appendChild(e.content)}render(){return h`<slot></slot>`}};Ie=l([g("qti-test")],Ie);var es=b`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  user-select: none;
+`,fr=b`
+  background-color: lightgray;
+  ${es};
+`,br=b`
+  cursor: not-allowed;
+  opacity: 0.5;
+`,$l=b`
+  ${es};
+  border: 1px solid gray;
+`;function is(s,e){let t,r={...e};return(i,o)=>{let{connectedCallback:n,disconnectedCallback:a}=i;i.connectedCallback=function(){n.call(this);let c=u=>{let m=Array.from(this.querySelectorAll(s));for(let f of u){let y=Array.from(f.addedNodes).map(q=>q),x=Array.from(f.addedNodes).map(q=>q);f.type==="childList"&&y.find(q=>m.includes(q))&&this[o](y,x)}};t=new MutationObserver(c),t.observe(this,{childList:!0,subtree:!0});let d=this.querySelectorAll(s)??[];this[o](Array.from(d),[])},i.disconnectedCallback=function(){a.call(this),t.disconnect()}}}function S(s,e){let t={waitUntilFirstUpdate:!1,...e};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&&(!t.waitUntilFirstUpdate||this.hasUpdated)&&this[i](u,m)}}),o.call(this,a)}}}function ss(s){return(e,t)=>{p(s)(e,t);let r=`__${t}`;Object.defineProperty(e,t,{get(){return this[r]},set(i){let o=this[r];if(this[r]=i,o!==i){if(this._internals?.states){let n=t.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(t,o)}},configurable:!0,enumerable:!0})}}var L=class extends v{constructor(){super();this.disabled=!0;this._internals=this.attachInternals()}_handleTestElementChange(t,r){r.el&&(this.disabled=!1)}willUpdate(t){if(t.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(t){this.dispatchEvent(new CustomEvent("on-test-switch-view",{composed:!0,bubbles:!0,detail:t}))}_requestItem(t){this.dispatchEvent(new CustomEvent("qti-request-test-item",{composed:!0,bubbles:!0,detail:t}))}};l([ss({type:Boolean,reflect:!0,aria:"ariaDisabled"})],L.prototype,"disabled",2),l([w(),T({context:tt,subscribe:!0})],L.prototype,"_testContext",2),l([w(),T({context:gr,subscribe:!0})],L.prototype,"_testElement",2),l([S("_testElement")],L.prototype,"_handleTestElementChange",1);var te=class extends L{constructor(){super(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",e=>{e.preventDefault(),this.disabled||this._requestItem(this.items[this.itemIndex+1].identifier)})}willUpdate(e){super.willUpdate(e),e.has("_testContext")&&(this.disabled=!this._testElement?.el||this.itemIndex<0||this.itemIndex>=this.items.length-1)}render(){return h`<slot></slot>`}};te.styles=b`
+    :host {
+      ${fr};
+    }
+    :host([disabled]) {
+      ${br};
+    }
+  `,te=l([g("test-next")],te);var ee=class extends L{constructor(){super(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",e=>{e.preventDefault(),this.disabled||this._requestItem(this.items[this.itemIndex-1].identifier)})}willUpdate(e){super.willUpdate(e),e.has("_testContext")&&(this.disabled=!this._testElement?.el||this.itemIndex===0||this.itemIndex===-1)}render(){return h`<slot></slot>`}};ee.styles=b`
+    :host {
+      ${fr};
+    }
+    :host([disabled]) {
+      ${br};
+    }
+  `,ee=l([g("test-prev")],ee);var W=class extends L{constructor(){super(...arguments);this.label="view";this.viewOptions="";this._handleViewOptionsChange=(t,r)=>{console.log(r)};this._viewOptions=W.DEFAULT_VIEW_OPTIONS}render(){return h`
+      <label part="label" for="viewSelect">${this.label}</label>
+      <select
+        part="select"
+        id="viewSelect"
+        .disabled=${this.disabled}
+        @change=${t=>{let r=t.target;this._switchView(r.value)}}
+      >
+        ${this._viewOptions.map(t=>h`<option value="${t}" ?selected=${t===this.view}>${t}</option>`)}
+      </select>
+    `}};W.DEFAULT_VIEW_OPTIONS=["author","candidate","proctor","scorer","testConstructor","tutor"],l([p({type:String})],W.prototype,"label",2),l([p({type:String,attribute:"view-options"})],W.prototype,"viewOptions",2),l([S("viewOptions")],W.prototype,"_handleViewOptionsChange",2),W=l([g("test-view")],W);var re=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"})],re.prototype,"itemId",2),re=l([g("test-item-link")],re);var{I:bo}=M,ns=s=>s===null||typeof s!="object"&&typeof s!="function";var as=s=>s.strings===void 0,os=()=>document.createComment(""),ie=(s,e,t)=>{let r=s._$AA.parentNode,i=e===void 0?s._$AB:e._$AA;if(t===void 0){let o=r.insertBefore(os(),i),n=r.insertBefore(os(),i);t=new bo(o,n,s,s.options)}else{let o=t._$AB.nextSibling,n=t._$AM,a=n!==s;if(a){let c;t._$AQ?.(s),t._$AM=s,t._$AP!==void 0&&(c=s._$AU)!==n._$AU&&t._$AP(c)}if(o!==i||a){let c=t._$AA;for(;c!==o;){let d=c.nextSibling;r.insertBefore(c,i),c=d}}}return t},bt=(s,e,t=s)=>(s._$AI(e,t),s),vo={},ls=(s,e=vo)=>s._$AH=e,cs=s=>s._$AH,vr=s=>{s._$AP?.(!1,!0);let e=s._$AA,t=s._$AB.nextSibling;for(;e!==t;){let r=e.nextSibling;e.remove(),e=r}};var vt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},X=s=>(...e)=>({_$litDirective$:s,values:e}),et=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var Ne=(s,e)=>{let t=s._$AN;if(t===void 0)return!1;for(let r of t)r._$AO?.(e,!1),Ne(r,e);return!0},yr=s=>{let e,t;do{if((e=s._$AM)===void 0)break;t=e._$AN,t.delete(s),s=e}while(t?.size===0)},ds=s=>{for(let e;e=s._$AM;s=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(s))break;t.add(s),qo(e)}};function yo(s){this._$AN!==void 0?(yr(this),this._$AM=s,ds(this)):this._$AM=s}function xo(s,e=!1,t=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(e)if(Array.isArray(r))for(let o=t;o<r.length;o++)Ne(r[o],!1),yr(r[o]);else r!=null&&(Ne(r,!1),yr(r));else Ne(this,s)}var qo=s=>{s.type==vt.CHILD&&(s._$AP??(s._$AP=xo),s._$AQ??(s._$AQ=yo))},se=class extends et{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),ds(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(Ne(this,e),yr(this))}setValue(e){if(as(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var xr=class{constructor(e){this.Y=e}disconnect(){this.Y=void 0}reconnect(e){this.Y=e}deref(){return this.Y}},qr=class{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){this.Z??(this.Z=new Promise(e=>this.q=e))}resume(){this.q?.(),this.Z=this.q=void 0}};var ps=s=>!ns(s)&&typeof s.then=="function",hs=1073741823,hi=class extends se{constructor(){super(...arguments),this._$Cwt=hs,this._$Cbt=[],this._$CK=new xr(this),this._$CX=new qr}render(...e){return e.find(t=>!ps(t))??R}update(e,t){let r=this._$Cbt,i=r.length;this._$Cbt=t;let o=this._$CK,n=this._$CX;this.isConnected||this.disconnected();for(let a=0;a<t.length&&!(a>this._$Cwt);a++){let c=t[a];if(!ps(c))return this._$Cwt=a,c;a<i&&c===r[a]||(this._$Cwt=hs,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()}},us=X(hi);var ms=`@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;
+    }
+  }
+
+  qti-graphic-gap-match-interaction:state(--dragzone-active)::part(drags) {
+    border-color: var(--qti-border-active);
+    background-color: var(--qti-bg-active);
+  }
+
+  qti-graphic-gap-match-interaction:state(--dragzone-enabled)::part(drags) {
+    background-color: var(--qti-bg-active);
+  }
+
+  /* Active state */
+  qti-graphic-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);
+  }
+
+  qti-graphic-gap-match-interaction.qti-selections-dark:state(--dragzone-active)::part(drags) {
+    background-color: var(--qti-dark-bg-active);
+    border-color: var(--qti-dark-border-active);
+  }
+
+  /* Enabled state */
+  qti-graphic-gap-match-interaction.qti-selections-light:state(--dragzone-enabled)::part(drags) {
+    background-color: var(--qti-light-bg-active);
+  }
+
+  qti-graphic-gap-match-interaction.qti-selections-dark:state(--dragzone-enabled)::part(drags) {
+    background-color: var(--qti-dark-bg-active);
+  }
+
+  qti-graphic-gap-match-interaction {
+    position: relative;
+
+    & 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:state(--dragzone-active)::part(drags) {
+    border-color: var(--qti-border-active);
+    background-color: var(--qti-bg-active);
+  }
+
+  qti-gap-match-interaction:state(--dragzone-enabled)::part(drags) {
+    background-color: var(--qti-bg-active);
+  }
+
+  qti-gap-match-interaction {
+    & 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 {
+    &::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);
+    }
+  }
+
+  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-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-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 Mt=class extends v{constructor(){super(...arguments);this.testURL=""}async connectedCallback(){super.connectedCallback();let t=this.querySelector("template");if(t)this.preContent=t.content;else{this.preContent=h``;let r=new CSSStyleSheet;r.replaceSync(ms),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>
+      ${us(this.content,h`<span>Loading...</span>`)}
+    `}};l([w()],Mt.prototype,"content",2),l([p({type:String,attribute:"test-url"})],Mt.prototype,"testURL",2),Mt=l([g("test-container")],Mt);var wr=["this"],gs=["+","-","!"],fs=["=","+","-","*","/","%","^","==","!=",">","<",">=","<=","||","&&","??","&","===","!==","|","|>"],ui={"!":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},Er=13;var Eo=["==","!=","<=",">=","||","&&","??","|>"],Co=["===","!=="],E;(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"})(E||(E={}));var rt=(s,e,t=0)=>({kind:s,value:e,precedence:t}),_o=s=>s===9||s===10||s===13||s===32,bs=s=>s===95||s===36||(s&=-33,65<=s&&s<=90),ko=s=>bs(s)||Pe(s),To=s=>wr.indexOf(s)!==-1,Ao=s=>s===34||s===39,Pe=s=>48<=s&&s<=57,So=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,Ro=s=>s===40||s===41||s===91||s===93||s===123||s===125,Mo=s=>s.replace(/\\(.)/g,(e,t)=>{switch(t){case"n":return`
+`;case"r":return"\r";case"t":return"	";case"b":return"\b";case"f":return"\f";default:return t}}),Cr=class{constructor(e){z(this,"_input");z(this,"_index",-1);z(this,"_tokenStart",0);z(this,"_next");this._input=e,this._advance()}nextToken(){for(;_o(this._next);)this._advance(!0);if(Ao(this._next))return this._tokenizeString();if(bs(this._next))return this._tokenizeIdentOrKeyword();if(Pe(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(So(this._next))return this._tokenizeOperator();if(Ro(this._next))return this._tokenizeGrouper();if(this._advance(),this._next!==void 0)throw new Error(`Expected end of input, got ${this._next}`)}_advance(e){this._index++,this._index<this._input.length?(this._next=this._input.charCodeAt(this._index),e===!0&&(this._tokenStart=this._index)):this._next=void 0}_getValue(e=0){let t=this._input.substring(this._tokenStart,this._index+e);return e===0&&this._clearValue(),t}_clearValue(){this._tokenStart=this._index}_tokenizeString(){let e="unterminated string",t=this._next;for(this._advance(!0);this._next!==t;){if(this._next===void 0)throw new Error(e);if(this._next===92&&(this._advance(),this._next===void 0))throw new Error(e);this._advance()}let r=rt(E.STRING,Mo(this._getValue()));return this._advance(),r}_tokenizeIdentOrKeyword(){do this._advance();while(ko(this._next));let e=this._getValue(),t=To(e)?E.KEYWORD:E.IDENTIFIER;return rt(t,e)}_tokenizeNumber(){do this._advance();while(Pe(this._next));return this._next===46?this._tokenizeDot():rt(E.INTEGER,this._getValue())}_tokenizeDot(){return this._advance(),Pe(this._next)?this._tokenizeFraction():(this._clearValue(),rt(E.DOT,".",Er))}_tokenizeComma(){return this._advance(!0),rt(E.COMMA,",")}_tokenizeColon(){return this._advance(!0),rt(E.COLON,":")}_tokenizeFraction(){do this._advance();while(Pe(this._next));return rt(E.DECIMAL,this._getValue())}_tokenizeOperator(){this._advance();let e=this._getValue(2);if(Co.indexOf(e)!==-1)this._advance(),this._advance();else{if(e=this._getValue(1),e==="=>")return this._advance(),rt(E.ARROW,e);Eo.indexOf(e)!==-1&&this._advance()}return e=this._getValue(),rt(E.OPERATOR,e,ui[e])}_tokenizeGrouper(){let e=String.fromCharCode(this._next),t=rt(E.GROUPER,e,ui[e]);return this._advance(!0),t}};var mi=(s,e)=>new Oe(s,e).parse(),Oe=class{constructor(e,t){z(this,"_kind");z(this,"_tokenizer");z(this,"_ast");z(this,"_token");z(this,"_value");this._tokenizer=new Cr(e),this._ast=t}parse(){return this._advance(),this._parseExpression()}_advance(e,t){if(!this._matches(e,t))throw new Error(`Expected kind ${e} (${t}), was ${this._token?.kind} (${this._token?.value})`);let r=this._tokenizer.nextToken();this._token=r,this._kind=r?.kind,this._value=r?.value}_matches(e,t){return!(e&&this._kind!==e||t&&this._value!==t)}_parseExpression(){if(!this._token)return this._ast.empty();let e=this._parseUnary();return e===void 0?void 0:this._parsePrecedence(e,0)}_parsePrecedence(e,t){if(e===void 0)throw new Error("Expected left to be defined.");for(;this._token;)if(this._matches(E.GROUPER,"(")){let r=this._parseArguments();e=this._ast.invoke(e,void 0,r)}else if(this._matches(E.GROUPER,"[")){let r=this._parseIndex();e=this._ast.index(e,r)}else if(this._matches(E.DOT)){this._advance();let r=this._parseUnary();e=this._makeInvokeOrGetter(e,r)}else{if(this._matches(E.KEYWORD))break;if(this._matches(E.OPERATOR)&&this._token.precedence>=t)e=this._value==="?"?this._parseTernary(e):this._parseBinary(e,this._token);else break}return e}_makeInvokeOrGetter(e,t){if(t===void 0)throw new Error("expected identifier");if(t.type==="ID")return this._ast.getter(e,t.value);if(t.type==="Invoke"&&t.receiver.type==="ID"){let r=t.receiver;return this._ast.invoke(e,r.value,t.arguments)}else throw new Error(`expected identifier: ${t}`)}_parseBinary(e,t){if(fs.indexOf(t.value)===-1)throw new Error(`unknown operator: ${t.value}`);this._advance();let r=this._parseUnary();for(;(this._kind===E.OPERATOR||this._kind===E.DOT||this._kind===E.GROUPER)&&this._token.precedence>t.precedence;)r=this._parsePrecedence(r,this._token.precedence);return this._ast.binary(e,t.value,r)}_parseUnary(){if(this._matches(E.OPERATOR)){let e=this._value;if(this._advance(),e==="+"||e==="-"){if(this._matches(E.INTEGER))return this._parseInteger(e);if(this._matches(E.DECIMAL))return this._parseDecimal(e)}if(gs.indexOf(e)===-1)throw new Error(`unexpected token: ${e}`);let t=this._parsePrecedence(this._parsePrimary(),Er);return this._ast.unary(e,t)}return this._parsePrimary()}_parseTernary(e){this._advance(E.OPERATOR,"?");let t=this._parseExpression();this._advance(E.COLON);let r=this._parseExpression();return this._ast.ternary(e,t,r)}_parsePrimary(){switch(this._kind){case E.KEYWORD:let e=this._value;if(e==="this")return this._advance(),this._ast.id(e);throw wr.indexOf(e)!==-1?new Error(`unexpected keyword: ${e}`):new Error(`unrecognized keyword: ${e}`);case E.IDENTIFIER:return this._parseInvokeOrIdentifier();case E.STRING:return this._parseString();case E.INTEGER:return this._parseInteger();case E.DECIMAL:return this._parseDecimal();case E.GROUPER:return this._value==="("?this._parseParenOrFunction():this._value==="{"?this._parseMap():this._value==="["?this._parseList():void 0;case E.COLON:throw new Error('unexpected token ":"');default:return}}_parseList(){let e=[];do{if(this._advance(),this._matches(E.GROUPER,"]"))break;e.push(this._parseExpression())}while(this._matches(E.COMMA));return this._advance(E.GROUPER,"]"),this._ast.list(e)}_parseMap(){let e={};do{if(this._advance(),this._matches(E.GROUPER,"}"))break;let t=this._value;(this._matches(E.STRING)||this._matches(E.IDENTIFIER))&&this._advance(),this._advance(E.COLON),e[t]=this._parseExpression()}while(this._matches(E.COMMA));return this._advance(E.GROUPER,"}"),this._ast.map(e)}_parseInvokeOrIdentifier(){let e=this._value;if(e==="true")return this._advance(),this._ast.literal(!0);if(e==="false")return this._advance(),this._ast.literal(!1);if(e==="null")return this._advance(),this._ast.literal(null);if(e==="undefined")return this._advance(),this._ast.literal(void 0);let t=this._parseIdentifier(),r=this._parseArguments();return r?this._ast.invoke(t,void 0,r):t}_parseIdentifier(){if(!this._matches(E.IDENTIFIER))throw new Error(`expected identifier: ${this._value}`);let e=this._value;return this._advance(),this._ast.id(e)}_parseArguments(){if(!this._matches(E.GROUPER,"("))return;let e=[];do{if(this._advance(),this._matches(E.GROUPER,")"))break;let t=this._parseExpression();e.push(t)}while(this._matches(E.COMMA));return this._advance(E.GROUPER,")"),e}_parseIndex(){this._advance();let e=this._parseExpression();return this._advance(E.GROUPER,"]"),e}_parseParenOrFunction(){let e=this._parseArguments();if(this._matches(E.ARROW)){this._advance();let t=this._parseExpression(),r=e?.map(i=>i.value)??[];return this._ast.arrowFunction(r,t)}else return this._ast.paren(e[0])}_parseString(){let e=this._ast.literal(this._value);return this._advance(),e}_parseInteger(e=""){let t=this._ast.literal(parseInt(`${e}${this._value}`,10));return this._advance(),t}_parseDecimal(e=""){let t=this._ast.literal(parseFloat(`${e}${this._value}`));return this._advance(),t}};var Lo={"+":(s,e)=>s+e,"-":(s,e)=>s-e,"*":(s,e)=>s*e,"/":(s,e)=>s/e,"%":(s,e)=>s%e,"==":(s,e)=>s==e,"!=":(s,e)=>s!=e,"===":(s,e)=>s===e,"!==":(s,e)=>s!==e,">":(s,e)=>s>e,">=":(s,e)=>s>=e,"<":(s,e)=>s<e,"<=":(s,e)=>s<=e,"||":(s,e)=>s||e,"&&":(s,e)=>s&&e,"??":(s,e)=>s??e,"|":(s,e)=>e(s),"|>":(s,e)=>e(s)},$o={"+":s=>s,"-":s=>-s,"!":s=>!s},_r=class{empty(){return{type:"Empty",evaluate(e){return e},getIds(e){return e}}}literal(e){return{type:"Literal",value:e,evaluate(t){return this.value},getIds(t){return t}}}id(e){return{type:"ID",value:e,evaluate(t){return this.value==="this"?t:t?.[this.value]},getIds(t){return t.push(this.value),t}}}unary(e,t){let r=$o[e];return{type:"Unary",operator:e,child:t,evaluate(i){return r(this.child.evaluate(i))},getIds(i){return this.child.getIds(i)}}}binary(e,t,r){let i=Lo[t];return{type:"Binary",operator:t,left:e,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(e,t){return{type:"Getter",receiver:e,name:t,evaluate(r){return this.receiver.evaluate(r)?.[this.name]},getIds(r){return this.receiver.getIds(r),r}}}invoke(e,t,r){if(t!=null&&typeof t!="string")throw new Error("method not a string");return{type:"Invoke",receiver:e,method:t,arguments:r,evaluate(i){let o=this.receiver.evaluate(i),n=this.method?o:i?.this??i,a=this.method?o?.[t]: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(e){return e}index(e,t){return{type:"Index",receiver:e,argument:t,evaluate(r){return this.receiver.evaluate(r)?.[this.argument.evaluate(r)]},getIds(r){return this.receiver.getIds(r),r}}}ternary(e,t,r){return{type:"Ternary",condition:e,trueExpr:t,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(e){return{type:"Map",entries:e,evaluate(t){let r={};if(e&&this.entries)for(let i in e){let o=this.entries[i];o&&(r[i]=o.evaluate(t))}return r},getIds(t){if(e&&this.entries)for(let r in e){let i=this.entries[r];i&&i.getIds(t)}return t}}}list(e){return{type:"List",items:e,evaluate(t){return this.items?.map(r=>r?.evaluate(t))},getIds(t){return this.items?.forEach(r=>r?.getIds(t)),t}}}arrowFunction(e,t){return{type:"ArrowFunction",params:e,body:t,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 gi=null,vs={boundAttributeSuffix:M.M,marker:M.P,markerMatch:M.A,HTML_RESULT:M.C,getTemplateHtml:M.L,overrideDirectiveResolve:(s,e)=>class extends s{_$AS(t,r){return e(this,r)}},patchDirectiveResolve:(s,e)=>{if(s.prototype._$AS!==e){gi??(gi=s.prototype._$AS.name);for(let t=s.prototype;t!==Object.prototype;t=Object.getPrototypeOf(t))if(t.hasOwnProperty(gi))return void(t[gi]=e);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,e){s._$litDirective$=e},getAttributePartCommittedValue:(s,e,t)=>{let r=R;return s.j=i=>r=i,s._$AI(e,s,t),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:Do,PropertyPart:Io,BooleanAttributePart:No,EventPart:Po}=vs,bi=new _r,fi=new Map,ys=s=>s.replace(/-(-|\w)/g,(e,t)=>t.toUpperCase()),kr=(s,e)=>{let t=fi.get(s);if(t===void 0){if(fi.has(s))return;if(s=s.trim(),s.startsWith("{{")&&s.endsWith("}}")){let r=s.substring(2,s.length-2).trim();t=new Oe(r,bi).parse(),fi.set(s,t)}}return t?.evaluate(e)},Oo=(s,e,t,r)=>{let i=s.getAttribute("if");if(i!==null&&kr(i,e))return Tr(s,e,t,r)},xs=/(?<!\\){{(.*?)(?:(?<!\\)}})/g,qs=s=>/(?:\\{{)|(?:\\}})/g.test(s),He=s=>s.replaceAll(/\\{{/g,"{{").replace(/\\}}/g,"}}"),Ho=(s,e,t,r)=>{let i=s.getAttribute("repeat");if(i!==null){let o=kr(i,e);if(!o[Symbol.iterator])return k;let n=Ve(s),a=-1,c=[];for(let d of o){a++;let u=Object.create(e);u.item=d,u.index=a,u.this=e.this??e;let m=[];for(let y of n.parts){let x=y.update(u,t,r);y.type===1?m.push(...x):m.push(x)}let f={_$litType$:n,values:m};c.push(f)}return c}},Es={if:Oo,repeat:Ho},Cs=(s,e=Es,t={},r)=>{let o=Ve(s).renderers;if(r){let a=Ve(r).renderers,c=o.super;c!==void 0?t={...o,...t,super:(d,u,m)=>(m={...a,...m,super:(f,y,x)=>Tr(r,f,y,x)},c(d,u,m))}:(t={...a,...o,...t},s=r)}else t={...o,...t};return n=>Tr(s,n,e,t)};var Tr=(s,e,t=Es,r={})=>{let i=Ve(s),o=[];for(let a of i.parts){let c=a.update(e,t,r);a.type===1?o.push(...c):o.push(c)}return{_$litType$:i,values:o}},ws=new Map,Ve=s=>{let e=ws.get(s);return e===void 0&&ws.set(s,e=Vo(s)),e},Vo=s=>{let e={h:void 0,el:s.cloneNode(!0),parts:[],renderers:{}},t=document.createTreeWalker(e.el.content,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT|NodeFilter.SHOW_COMMENT),r=t.currentNode,i=-1,o=[];for(;(r=t.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,q,A)=>{let N=n.getAttribute("data"),Ce=N===null?void 0:kr(N,x);return(y?kr(f,x):A[u])?.(Ce,q,A)}}else c!==null?m=(f,y,x)=>{let q=y[c];return q?.(n,f,y,x)}:(d==="super"?e.renderers.super=(f,y,x)=>{let q=x.super,A=Ve(n);return x={...x,...A.renderers},q(f,y,x)}:e.renderers[d]=(f,y,x)=>Tr(n,f,y,x),m=(f,y,x)=>{let q=x[d];return q?.(f,y,x)});e.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(xs);if(u.length===1){qs(d)&&n.setAttribute(c,He(d));continue}n.removeAttribute(c);let m=c,f=Do,y=c[0];y==="."?(m=ys(c.substring(1)),f=Io):y==="?"?(m=c.substring(1),f=No):y==="@"&&(m=ys(c.substring(1)),f=Po);let x=[He(u[0])],q=[];for(let A=1;A<u.length;A+=2){let N=u[A];q.push(mi(N,bi)),x.push(He(u[A+1]))}e.parts.push({type:1,index:i,name:m,strings:x,ctor:f,update:(A,N,Ce)=>q.map(ut=>ut.evaluate(A))})}}else if(r.nodeType===Node.TEXT_NODE){let n=r,a=n.textContent,c=a.split(xs);c.length>1?n.textContent=He(c[0]):qs(a)&&(n.textContent=He(a));for(let d=1;d<c.length;d+=2){let u=c[d],m=mi(u,bi);e.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,t.currentNode=f}}for(let n of o)n.remove();return e};var Lt=class extends L{constructor(){super();this.maxDisplayedItems=2;this.skipOnCategory="dep-informational";this._internals.ariaLabel="pagination"}createRenderRoot(){return this}render(){let t=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=t.findIndex(a=>a.identifier===this._testContext.navItemId),i=Math.max(0,r-this.maxDisplayedItems),o=Math.min(t.length,r+this.maxDisplayedItems+1),n=t.slice(i,o);return h`
+      ${n.map(a=>{let c=a.variables.find(ut=>ut.identifier=="SCORE"),d=parseInt(c?.value?.toString()),u=a.variables.find(ut=>ut.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,q=this._testContext.view==="candidate"&&u==="completed"&&a.category!==this.skipOnCategory,A={...a,type:m,active:f,correct:y,incorrect:x,answered:q},N=this.firstElementChild;return Cs(N)({item:A})})}
+    `}};l([p({type:Number,attribute:"max-displayed-items"})],Lt.prototype,"maxDisplayedItems",2),l([p({type:String,attribute:"skip-on-category"})],Lt.prototype,"skipOnCategory",2),Lt=l([g("test-paging-buttons-stamp")],Lt);var vi=[{identifier:"completionStatus",cardinality:"single",baseType:"string",value:"unknown",type:"outcome"},{identifier:"numAttempts",cardinality:"single",baseType:"integer",value:"0",type:"response"}],$=Symbol("item");var D=class extends v{constructor(){super();this.identifier="";this.adaptive="false";this.timeDependent=null;this._handleDisabledChange=(t,r)=>{this._interactionElements.forEach(i=>i.disabled=r)};this._handleReadonlyChange=(t,r)=>this._interactionElements.forEach(i=>i.readonly=r);this._context={identifier:this.getAttribute("identifier"),variables:vi};this._initialContext={...this._context,variables:this._context.variables};this._feedbackElements=[];this._interactionElements=[];this.addEventListener("qti-register-variable",t=>{this._context={...this._context,variables:[...this._context.variables,t.detail.variable]},this._initialContext=this._context,t.stopPropagation()}),this.addEventListener("qti-register-feedback",t=>{t.stopPropagation();let r=t.detail;this._feedbackElements.push(r),r.checkShowFeedback(r.outcomeIdentifier)}),this.addEventListener("qti-register-interaction",t=>{t.stopPropagation(),this._interactionElements.push(t.target)}),this.addEventListener("end-attempt",t=>{let{responseIdentifier:r,countAttempt:i}=t.detail;this.validate(),this.updateResponseVariable(r,"true"),this.processResponse(i)}),this.addEventListener("qti-set-outcome-value",t=>{let{outcomeIdentifier:r,value:i}=t.detail;this.updateOutcomeVariable(r,i),t.stopPropagation()}),this.addEventListener("qti-interaction-response",this.handleUpdateResponseVariable)}get variables(){return this._context.variables.map(t=>({identifier:t.identifier,value:t.value,type:t.type,...t.type==="outcome"&&t.identifier==="SCORE"?{externalScored:t.externalScored}:{}}))}set variables(t){if(!Array.isArray(t)||t.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=t.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(t){if(t)for(let r of t){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(t){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=t?o.response:"")}}processResponse(t=!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()),t&&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(t){return this.getVariable(t)}getOutcome(t){return this.getVariable(t)}getVariable(t){return this._context.variables.find(r=>r.identifier===t)||null}handleUpdateResponseVariable(t){let{responseIdentifier:r,response:i}=t.detail;this.updateResponseVariable(r,i)}updateResponseVariable(t,r){this._context={...this._context,variables:this._context.variables.map(i=>i.identifier!==t?i:{...i,value:r})},this._emit("qti-interaction-changed",{item:this.identifier,responseIdentifier:t,response:Array.isArray(r)?[...r]:r}),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus())}updateOutcomeVariable(t,r){let i=this.getOutcome(t);if(!i){console.warn(`Can not set qti-outcome-identifier: ${t}, it is not available`);return}this._context={...this._context,variables:this._context.variables.map(o=>o.identifier!==t?o:{...o,value:i.cardinality==="single"?r:[...o.value,r]})},this._feedbackElements.forEach(o=>o.checkShowFeedback(t)),this._emit("qti-outcome-changed",{item:this.identifier,outcomeIdentifier:t,value:this._context.variables.find(o=>o.identifier===t)?.value})}validate(){return this._interactionElements.every(t=>t.validate())?!0:this._interactionElements.some(t=>t.validate())?!1:null}_getCompletionStatus(){let t=this.validate();return t===!0?"completed":t===!1?"incomplete":"not_attempted"}_emit(t,r=null){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:r}))}};l([p({type:String})],D.prototype,"title",2),l([p({type:String})],D.prototype,"identifier",2),l([p({type:String})],D.prototype,"adaptive",2),l([p({type:String})],D.prototype,"timeDependent",2),l([p({type:Boolean})],D.prototype,"disabled",2),l([S("disabled",{waitUntilFirstUpdate:!0})],D.prototype,"_handleDisabledChange",2),l([p({type:Boolean})],D.prototype,"readonly",2),l([S("readonly",{waitUntilFirstUpdate:!0})],D.prototype,"_handleReadonlyChange",2),l([jt({context:$})],D.prototype,"_context",2),D=l([g("qti-assessment-item")],D);var $t=class extends v{constructor(){super(...arguments);this.identifier="";this.href=""}async connectedCallback(){super.connectedCallback();let t=new Event("qti-assessment-stimulus-ref-connected",{cancelable:!0,bubbles:!0});if(this.dispatchEvent(t)){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(t){let r=await Rt().load(this.href).then(i=>i.htmlDoc());if(r){let i=r.querySelectorAll("qti-stimulus-body, qti-stylesheet");t.innerHTML="",t.append(...i)}}};l([p({type:String})],$t.prototype,"identifier",2),l([p({type:String})],$t.prototype,"href",2),$t=l([g("qti-assessment-stimulus-ref")],$t);var _s={toAttribute:s=>s?"true":"false",fromAttribute:s=>s==="true"};function Y(s,e){class t 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-${e}`,{bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keyup",this._onKeyUp),this.removeEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`unregister-${e}`,{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-${e}`,{bubbles:!0,composed:!0,detail:{identifier:this.identifier}}))}render(){return h`<slot></slot>`}}return l([p({type:String})],t.prototype,"identifier",2),l([p({type:Number,reflect:!0,attribute:"tabindex"})],t.prototype,"tabIndex",2),l([p({type:Boolean,reflect:!0,attribute:"aria-disabled",converter:_s})],t.prototype,"disabled",2),l([p({type:Boolean,reflect:!0,attribute:"aria-readonly",converter:_s})],t.prototype,"readonly",2),l([S("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t}var ks=b`
+  :host {
+    display: block;
+  }
+`;var oe=class extends v{render(){return h`<slot name="qti-rubric-block"></slot><slot></slot>`}};oe.styles=ks,oe=l([g("qti-item-body")],oe);var ze=class extends v{render(){return h`<slot></slot>`}connectedCallback(){this.parentElement.tagName.endsWith("INTERACTION")&&this.setAttribute("slot","prompt")}};ze=l([g("qti-prompt")],ze);var Ue=class extends v{constructor(){super(...arguments);this.styleElement=null}firstUpdated(t){super.firstUpdated(t);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(t){return t.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s+/g," ").replace(/\s*([{}:;])\s*/g,"$1").trim()}disconnectedCallback(){if(this.styleElement)try{this.styleElement.remove()}catch(t){console.error("Could not remove stylesheet:",t)}super.disconnectedCallback()}};Ue=l([g("qti-stylesheet")],Ue);var yt=class extends v{render(){return h`<slot></slot>`}defaultValues(e){let t=Array.from(this.querySelectorAll("qti-default-value > qti-value"));if(t.length===0)return null;let r=t.map(i=>i.innerHTML.trim());return r.length>1||e.cardinality==="multiple"||e.cardinality==="ordered"?r:r[0]}};yt=l([g("qti-variabledeclaration")],yt);var G=class extends yt{constructor(){super(...arguments);this.externalScored=null}render(){let t=this.itemContext?.variables.find(r=>r.identifier===this.identifier)?.value;return h`${JSON.stringify(t,null,2)}`}get interpolationTable(){let t=this.querySelector("qti-interpolation-table");if(t){let r=new Map;for(let i of t.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 t={identifier:this.identifier,cardinality:this.cardinality,baseType:this.baseType,type:"outcome",value:null,interpolationTable:this.interpolationTable,externalScored:this.externalScored};t.value=this.defaultValues(t),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:t}}))}};G.styles=[b`
+      :host {
+        display: none;
+      }
+    `],l([p({type:String,attribute:"base-type"})],G.prototype,"baseType",2),l([p({type:String,attribute:"external-scored"})],G.prototype,"externalScored",2),l([p({type:String})],G.prototype,"identifier",2),l([p({type:String})],G.prototype,"cardinality",2),l([T({context:$,subscribe:!0}),w()],G.prototype,"itemContext",2),G=l([g("qti-outcome-declaration")],G);var it=class extends yt{render(){let e=this.itemContext?.variables.find(t=>t.identifier===this.identifier)?.value;return h`${JSON.stringify(e,null,2)}`}connectedCallback(){super.connectedCallback();let e={baseType:this.baseType,identifier:this.identifier,correctResponse:this.correctResponse,cardinality:this.cardinality||"single",mapping:this.mapping,value:null,type:"response",candidateResponse:null};e.value=this.defaultValues(e),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:e}}))}get correctResponse(){let e,t=this.querySelector("qti-correct-response");if(t){let r=t.querySelectorAll("qti-value");if(this.cardinality==="single"&&r.length>0)e=r[0].textContent,r[0].remove();else if(this.cardinality!=="single"){e=[];for(let i=0;i<r.length;i++)e.push(r[i].textContent),r[i].remove()}}return e}get mapping(){return this.querySelector("qti-mapping")}};it.styles=[b`
+      :host {
+        display: none;
+      }
+    `],l([p({type:String,attribute:"base-type"})],it.prototype,"baseType",2),l([p({type:String})],it.prototype,"identifier",2),l([p({type:String})],it.prototype,"cardinality",2),l([T({context:$,subscribe:!0}),w()],it.prototype,"itemContext",2),it=l([g("qti-response-declaration")],it);var Fe=class extends v{};Fe=l([g("qti-companion-materials-info")],Fe);var Be=class extends v{render(){return h`<slot></slot>`}};Be=l([g("qti-content-body")],Be);var K=class extends v{handleclassNamesChange(){this.classNames.split(" ").forEach(t=>{switch(t){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")}};K.styles=b`
+    :host {
+      display: block;
+    }
+  `,l([p({type:String})],K.prototype,"id",2),l([p({type:String})],K.prototype,"use",2),l([p({type:String})],K.prototype,"view",2),l([p({type:String,attribute:"class"})],K.prototype,"classNames",2),l([S("classNames",{waitUntilFirstUpdate:!0})],K.prototype,"handleclassNamesChange",1),K=l([g("qti-rubric-block")],K);var zo=()=>new Intl.NumberFormat().format(.1).replace(/\d/g,""),je=s=>{if(typeof s=="string")return s;let e=zo();return e==="."?s.toLocaleString():s.toString().replace(".","").replace(e,".")};function yi(s){return s==null}function We(s){return s.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}var P=class extends v{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-feedback",{bubbles:!0,composed:!0,detail:this}))}checkShowFeedback(e){let t=this._context.variables.find(i=>i.identifier===e)||null;if(this.outcomeIdentifier!==e||!t)return;let r=!1;Array.isArray(t.value)?r=t.value.includes(this.identifier):r=!yi(this.identifier)&&!yi(t?.value)&&this.identifier===t.value||!1,this.showFeedback(r)}showFeedback(e){this.showStatus=e&&this.showHide==="show"||!e&&this.showHide==="hide"?"on":"off"}};l([p({type:String,attribute:"show-hide"})],P.prototype,"showHide",2),l([p({type:String,attribute:"outcome-identifier"})],P.prototype,"outcomeIdentifier",2),l([p({type:String})],P.prototype,"identifier",2),l([p({type:String,attribute:!1})],P.prototype,"showStatus",2),l([T({context:$,subscribe:!0}),w()],P.prototype,"_context",2);var ne=class extends P{render(){return h` <slot part="feedback" class="feedback ${this.showStatus}"></slot> `}firstUpdated(e){this.checkShowFeedback(this.outcomeIdentifier)}};ne.styles=b`
+    :host {
+      display: block;
+    }
+    .on {
+      display: block;
+    }
+    .off {
+      display: none;
+    }
+  `,ne=l([g("qti-feedback-block")],ne);var ae=class extends P{constructor(){super(...arguments);this.render=()=>h` <slot part="feedback" class="${this.showStatus}"></slot> `}};ae.styles=b`
+    .on {
+      display: inline-block;
+    }
+    .off {
+      display: none;
+    }
+  `,ae=l([g("qti-feedback-inline")],ae);var le=class extends P{constructor(){super(...arguments);this.render=()=>h` <slot part="feedback" class="${this.showStatus}"></slot> `}};le.styles=b`
+    .on {
+      display: inline-block;
+    }
+    .off {
+      display: none;
+    }
+  `,le=l([g("qti-modal-feedback")],le);var xt=s=>s??k;var C=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(t){this._correctResponse=t}connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-interaction",{bubbles:!0,composed:!0,cancelable:!1}))}saveResponse(t){this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,cancelable:!1,detail:{responseIdentifier:this.responseIdentifier,response:Array.isArray(t)?[...t]:t}}))}};C.formAssociated=!0,l([p({type:String,attribute:"response-identifier"})],C.prototype,"responseIdentifier",2),l([p({reflect:!0,type:Boolean})],C.prototype,"disabled",2),l([p({reflect:!0,type:Boolean})],C.prototype,"readonly",2),l([w()],C.prototype,"_correctResponse",2);var O=class extends C{constructor(){super(...arguments);this._rows=5;this._value=""}handleclassNamesChange(t,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(t){if(typeof t=="string"){this._value=t;let r=new FormData;r.append(this.responseIdentifier,t),this._internals.setFormValue(r),this.validate()}else throw new Error("Value must be a string")}validate(){let t=this.shadowRoot.querySelector("textarea");if(!t)return!1;if(this.patternMask&&this.dataPatternmaskMessage){this._internals.setValidity({}),t.setCustomValidity("");let r=this.patternMask.startsWith("^")&&this.patternMask.endsWith("$")?this.patternMask:`^${this.patternMask}$`,i=new RegExp(r);t.checkValidity()&&i.test(t.value)||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),t.setCustomValidity(this.dataPatternmaskMessage))}else{let r=t.checkValidity();this._internals.setValidity(r?{}:{customError:!1})}return this._value!==""&&t.checkValidity()}reportValidity(){let t=this.shadowRoot.querySelector("textarea");if(!t)return!1;let r=this.validate();return r||t.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="${t=>t.stopImmediatePropagation()}"
+        @keyup="${this.textChanged}"
+        @change="${this.textChanged}"
+        @blur="${t=>{this.reportValidity()}}"
+        placeholder="${xt(this.placeholderText?this.placeholderText:void 0)}"
+        rows="${this._rows}"
+        ?disabled="${this.disabled}"
+        ?readonly="${this.readonly}"
+        .value=${this._value}
+      ></textarea>`}textChanged(t){if(this.disabled||this.readonly)return;let r=t.target;this.setEmptyAttribute(r.value),this._value!==r.value&&(this.value=r.value,this.saveResponse(r.value))}setEmptyAttribute(t){this.setAttribute("empty",t===""?"true":"false")}};l([w()],O.prototype,"_rows",2),l([p({type:Number,attribute:"expected-length"})],O.prototype,"expectedLength",2),l([p({type:String,attribute:"pattern-mask"})],O.prototype,"patternMask",2),l([p({type:String,attribute:"placeholder-text"})],O.prototype,"placeholderText",2),l([p({type:String,attribute:"data-patternmask-message"})],O.prototype,"dataPatternmaskMessage",2),l([w()],O.prototype,"_value",2),l([p({type:String,attribute:"class"})],O.prototype,"classNames",2),l([S("classNames")],O.prototype,"handleclassNamesChange",1),O=l([g("qti-extended-text-interaction")],O);var Ts=()=>new qi,qi=class{},xi=new WeakMap,Dh=X(class extends se{render(s){return k}update(s,[e]){let t=e!==this.Y;return t&&this.Y!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.Y=e,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 e=this.ht??globalThis,t=xi.get(e);t===void 0&&(t=new WeakMap,xi.set(e,t)),t.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),t.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"?xi.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 As=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 Z=class extends C{constructor(){super(...arguments);this._value="";this.inputRef=Ts()}get value(){return this._value}set value(t){if(typeof t=="string"){this._value=t;let r=new FormData;r.append(this.responseIdentifier,t),this._internals.setFormValue(r),this.validate()}else throw new Error("Value must be a string")}validate(){let t=this.shadowRoot.querySelector("input");if(!t)return!1;if(this.patternMask&&this.dataPatternmaskMessage)this._internals.setValidity({}),t.setCustomValidity(""),t.checkValidity()||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),t.setCustomValidity(this.dataPatternmaskMessage));else{let r=t.checkValidity();this._internals.setValidity(r?{}:{customError:!1})}return this._value!==""&&t.checkValidity()}render(){return h`
+      <input
+        part="input"
+        name="${this.responseIdentifier}"
+        spellcheck="false"
+        autocomplete="off"
+        @blur="${t=>{this.reportValidity()}}"
+        @keydown="${t=>t.stopImmediatePropagation()}"
+        @keyup="${this.textChanged}"
+        @change="${this.textChanged}"
+        type="${this.patternMask=="[0-9]*"?"number":"text"}"
+        placeholder="${xt(this.placeholderText?this.placeholderText:void 0)}"
+        .value="${this._value}"
+        pattern="${xt(this.patternMask?this.patternMask:void 0)}"
+        maxlength=${1e3}
+        ?disabled="${this.disabled}"
+        ?readonly="${this.readonly}"
+      />
+      <div part="correct">${this._correctResponse}</div>
+    `}textChanged(t){if(this.disabled||this.readonly)return;let r=t.target;this.setEmptyAttribute(r.value),this._value!==r.value&&(this.value=r.value,this.saveResponse(r.value))}reportValidity(){let t=this.shadowRoot.querySelector("input");if(!t)return!1;let r=this.validate();return r||t.reportValidity(),r}reset(){this._value=""}setEmptyAttribute(t){this.setAttribute("empty",t===""?"true":"false")}};Z.styles=As,l([p({type:Number,attribute:"expected-length"})],Z.prototype,"expectedLength",2),l([p({type:String,attribute:"pattern-mask"})],Z.prototype,"patternMask",2),l([p({type:String,attribute:"placeholder-text"})],Z.prototype,"placeholderText",2),l([p({type:String,attribute:"data-patternmask-message"})],Z.prototype,"dataPatternmaskMessage",2),l([w()],Z.prototype,"_value",2),Z=l([g("qti-text-entry-interaction")],Z);var qt=(s,e)=>{class t 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-${e}`,this._registerChoiceElement),this.addEventListener(`unregister-${e}`,this._unregisterChoiceElement),this.addEventListener(`activate-${e}`,this._choiceElementSelectedHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`register-${e}`,this._registerChoiceElement),this.removeEventListener(`unregister-${e}`,this._unregisterChoiceElement),this.removeEventListener(`activate-${e}`,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([Yt("#validationMessage")],t.prototype,"_validationMessageElement",2),l([p({type:Number,attribute:"min-choices"})],t.prototype,"minChoices",2),l([p({type:Number,attribute:"max-choices"})],t.prototype,"maxChoices",2),l([S("maxChoices",{waitUntilFirstUpdate:!0})],t.prototype,"_handleMaxChoicesChange",1),l([S("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"_handleDisabledChange",2),l([S("readonly",{waitUntilFirstUpdate:!0})],t.prototype,"_handleReadonlyChange",2),t};var Xe=class extends qt(C,"qti-hottext"){constructor(){super(...arguments);this.render=()=>h`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.setAttribute("qti-hottext-interaction","")}};Xe=l([g("qti-hottext-interaction")],Xe);var Ye=class extends et{constructor(e){if(super(e),this.it=k,e.type!==vt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===k||e==null)return this._t=void 0,this.it=e;if(e===R)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};Ye.directiveName="unsafeHTML",Ye.resultType=1;var wt=X(Ye);var ct=class extends C{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(t=>h`
+            <option value="${t.value}" ?selected="${t.selected}">${wt(t.textContent)}</option>
+          `)}
+      </select>
+
+      ${wt(this.correctOption)}
+    `}connectedCallback(){super.connectedCallback(),this.addEventListener("on-dropdown-selected",this.choiceSelected);let t=Array.from(this.querySelectorAll("qti-inline-choice"));this.options=[{textContent:this.dataPrompt,value:"",selected:!1},...t.map(r=>({textContent:r.innerHTML,value:r.getAttribute("identifier"),selected:!1}))]}disconnectedCallback(){this.removeEventListener("on-dropdown-selected",this.choiceSelected)}validate(){let t=this.options.find(r=>r.selected);return t?t.value!=="":!1}reset(){this.options=this.options.map((t,r)=>({...t,selected:r===0}))}set value(t){this.options=this.options.map(r=>(t===r.value&&(r.selected=!0),r))}get value(){return this.options.find(t=>t.selected).value}set correctResponse(t){if(t===""){this.correctOption="";return}this.correctOption=`<span part="correct-option">${this.options.find(r=>t===r.value).textContent}</span>`}choiceSelected(t){let r=t.target.value;this.options=this.options.map(i=>({...i,selected:i.value===r})),this.saveResponse(r)}};ct.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([w()],ct.prototype,"options",2),l([w()],ct.prototype,"correctOption",2),l([p({attribute:"data-prompt",type:String})],ct.prototype,"dataPrompt",2),ct=l([g("qti-inline-choice-interaction")],ct);var Ar=(s,e)=>{class t 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(e)),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(e).forEach(o=>{o.style.setProperty("order","initial")})}}return l([p({type:String,reflect:!0})],t.prototype,"shuffle",2),t};var Ss=(s,e)=>{class t 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})],t.prototype,"class",1),t};var Rs=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 Dt=class extends Ss(Ar(qt(C,"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>
+    `}};Dt.styles=Rs,l([p({type:String})],Dt.prototype,"orientation",2),Dt=l([g("qti-choice-interaction")],Dt);var ce=class extends v{render(){return h`<slot></slot>`}process(){let e=new Sr,t=[...this.children];e.process(t)}};ce.styles=[b`
+      :host {
+        display: none;
+      }
+    `],ce=l([g("qti-outcome-processing")],ce);var Sr=class{process(e){for(let t of e)t.process()}};var Ms=`<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>`,Ls=`<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>`,$s=`<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 Et=class extends v{render(){return h`<slot></slot>`}process(){if(!this.closest("qti-assessment-item"))return;let t=[...this.children];for(let r of t)r.process()}firstUpdated(e){if(this.getAttribute("template")){let t=this.getAttribute("template").split("/"),r=t[t.length-1].replace(".xml","");switch(this.innerHTML="",r){case"map_response":{this.appendChild(this.fragmentFromString(Ls).firstElementChild.firstElementChild);break}case"map_response_point":{this.appendChild(this.fragmentFromString($s).firstElementChild.firstElementChild);break}case"match_correct":this.appendChild(this.fragmentFromString(Ms).firstElementChild.firstElementChild);break}}}fragmentFromString(e){return document.createRange().createContextualFragment(e)}};Et.styles=[b`
+      :host {
+        display: none;
+      }
+    `],Et=l([g("qti-response-processing")],Et);var J=class extends v{render(){return h`<slot></slot>`}process(){throw new Error("Not implemented")}};J=l([g("qti-rule")],J);var Ge=class extends J{get childExpression(){return this.firstElementChild}process(){let e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getVariable(e),r;return t.interpolationTable&&(r=t.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:je(r)}})),r)}};l([p({type:String})],Ge.prototype,"identifier",2);customElements.define("qti-lookup-outcome-value",Ge);var Rr=class extends J{render(){return h`<slot></slot>`}process(){let e=[...this.children];for(let t=0;t<e.length;t++){let r=e[t];if(r.calculate()){r.process();return}}}};customElements.define("qti-response-condition",Rr);var Mr=class extends J{process(){let e=this.getAttribute("identifier"),t=this.firstElementChild,i=new Lr(t).process();this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:e,value:Array.isArray(i)?i.map(o=>je(o)):je(i)}}))}},Lr=class{constructor(e){this.expression=e}process(){let e=this.expression?this.expression.calculate():null;if(e==null){console.warn("setOutcomeValue: value is null or undefined");return}return e}};customElements.define("qti-set-outcome-value",Mr);var de=class extends v{render(){return h`<slot></slot>`}calculate(){return!0}getSubRules(){return[...this.children]}process(){let e=this.getSubRules();for(let t=0;t<e.length;t++)e[t].process()}};customElements.define("qti-response-else",de);var pe=class extends de{calculate(){return this.firstElementChild.calculate()}getSubRules(){let e=[];for(let t=1;t<this.children.length;t++)e.push(this.children[t]);return e}};customElements.define("qti-response-if",pe);var $r=class extends pe{render(){return h`${super.render()}`}};customElements.define("qti-response-else-if",$r);var _=class extends v{constructor(){super(...arguments);this.getVariables=()=>Array.from(this.children).map(t=>{switch(t.tagName.toLowerCase()){case"qti-base-value":return{baseType:t.getAttribute("base-type"),value:t.textContent.trim(),cardinality:"single"};case"qti-variable":{let r=t.getAttribute("identifier")||"";return this.context.variables.find(o=>o.identifier===r)||null}case"qti-multiple":{let i=t.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=t.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:t.getResult().toString(),cardinality:"single"}}catch{console.warn("default not sufficient")}return null}}}).filter(t=>t!==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")}};_.styles=b`
+    slot {
+      display: none;
+    }
+  `,l([w()],_.prototype,"result",2),l([T({context:$,subscribe:!0}),w()],_.prototype,"context",2);var H=class extends _{calculate(){return this.result=this.getResult(),this.result}getResult(){throw new Error("Not implemented")}};var Ke=class extends Ds(H){calculate(){return this.calculateChildren(Array.from(this.children))}};function Ds(s){return class extends s{calculateChildren(t){return t.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",Ke);var Ze=class extends _{constructor(){super(...arguments);this.baseType="string"}getResult(){return this.textContent.trim()}};l([p({type:String,attribute:"base-type"})],Ze.prototype,"baseType",2);customElements.define("qti-base-value",Ze);var Dr=class extends H{getResult(){let e=this.getVariables();if(this.children.length===2){let t=e[0],r=e[1];if(t.baseType==="directedPair"&&r.baseType==="directedPair"&&t.cardinality==="multiple"){let i=t.value,o=r.value;return i.filter(c=>o.includes(c)).length>0}else if(t.baseType==="directedPair"&&r.baseType==="directedPair"&&t.cardinality==="single"){let i=t.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",Dr);var Ir=class extends _{get interpretation(){return this.getAttribute("interpretation")||""}getResult(){let e=this.getAttribute("identifier")||"",t=this.context.variables.find(r=>r.identifier===e)||null;return t.cardinality!=="single"?t.correctResponse.length>0?t.correctResponse[0]:"":t.correctResponse}};customElements.define("qti-correct",Ir);var Je=class extends _{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 t=this.getVariables(),r=t[0],i=t[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(t[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})],Je.prototype,"roundingMode",2);customElements.define("qti-equal-rounded",Je);var V=class{static compareSingleValues(e,t,r){switch(r){case"identifier":case"string":return e===t;case"integer":{let i=parseInt(e,10),o=parseInt(t,10);if(!isNaN(i)&&!isNaN(o))return i===o;console.error(`Cannot convert ${e} and/or ${t} to int.`);break}case"float":{let i=parseFloat(e),o=parseFloat(t);if(!isNaN(i)&&!isNaN(o))return i===o;console.error(`couldn't convert ${e} and/or ${t} to float.`);break}case"pair":case"directedPair":{let i=e.split(" ").sort(),o=t.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: ${e} 2: ${t}`);break}}return!1}};var Qe=class extends _{constructor(){super(...arguments);this.toleranceMode="exact"}getResult(){if(this.children.length===2){let t=this.getVariables(),r=t[0],i=t[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})],Qe.prototype,"toleranceMode",2);customElements.define("qti-equal",Qe);var Nr=class extends _{getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];if((t.baseType==="integer"||t.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float"))return+t.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",Nr);var Pr=class extends H{getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];return(t.baseType==="integer"||t.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float")?+t.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",Pr);var Or=class extends _{getResult(){if(this.children.length===1){let e=this.getVariables();if(!e)return!0;let t=e[0].value;return t==null||t==null||t===""}return console.error("unexpected number of children in qti Null"),null}};customElements.define("qti-is-null",Or);var Hr=class extends _{getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];if((t.baseType==="integer"||t.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float"))return+t.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",Hr);var Vr=class extends H{getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];return(t.baseType==="integer"||t.baseType==="float")&&(r.baseType==="integer"||r.baseType==="float")?+t.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",Vr);var tr=class extends _{getResult(){let e=this.context.variables.find(o=>o.identifier===this.identifier);if(!e)return console.warn(`Response ${this.identifier} can not be found`),null;let t=e.mapping,r=Array.isArray(e.value)?e.value:[e.value],i=0;for(let o of r){let n=t.mapEntries.find(a=>V.compareSingleValues(a.mapKey,o,e.baseType));n==null||n.mappedValue==null?i+=t.defaultValue:i+=n.mappedValue}return t.lowerBound!=null&&(i=Math.max(t.lowerBound,i)),t.upperBound!=null&&(i=Math.min(t.upperBound,i)),i}};l([p({type:String})],tr.prototype,"identifier",2);customElements.define("qti-map-response",tr);var It=class extends v{constructor(){super(...arguments);this.defaultValue=0}get mapEntries(){return Array.from(this.querySelectorAll("qti-map-entry")).map(t=>({mapKey:t.getAttribute("map-key"),mappedValue:+t.getAttribute("mapped-value")}))}};l([p({attribute:"default-value",type:Number})],It.prototype,"defaultValue",2),l([p({attribute:"lower-bound",type:Number})],It.prototype,"lowerBound",2),l([p({attribute:"upper-bound",type:Number})],It.prototype,"upperBound",2);customElements.define("qti-mapping",It);var zr=class s extends _{getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];return s.match(t,r)}return console.error("unexpected number of children in match"),null}static match(e,t){switch(t.cardinality){case"single":return e.value===null?!1:Array.isArray(e.value)||Array.isArray(t.value)?(console.error("unexpected cardinality in qti match"),!1):V.compareSingleValues(e.value?.toString(),t.value.toString(),t.baseType);case"ordered":{if(!Array.isArray(e.value)||!Array.isArray(t.value))return console.error("unexpected cardinality in qti match"),!1;if(e.value.length!==t.value.length)return!1;for(let r=0;r<e.value.length;r++)if(!V.compareSingleValues(t.value[r],e.value[r],t.baseType))return!1;return!0}case"multiple":{if(!Array.isArray(e.value)||!Array.isArray(t.value))return console.error("unexpected cardinality in qti match"),!1;if(e.value.length!==t.value.length)return!1;let r=0;for(let i of t.value){let o=null,n=[...e.value];for(let a of n)if(V.compareSingleValues(i,a,t.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",zr);var Ur=class extends _{getResult(){let e=this.getVariables();this.children.length!==2&&console.warn("The member operator takes two sub-expressions");let[t,r]=e;if(t.baseType===r.baseType||t.baseType==="integer"&&r.baseType==="float"||t.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"),(t.baseType==="float"||r.baseType==="float")&&console.warn("The member operator should not be used on sub-expressions with a base-type of float"),(t.baseType==="duration"||r.baseType==="duration")&&console.warn("It must not be used on sub-expressions with a base-type of duration"),t.value===null||r.value===null)return null;let i=t.value;return r.value.includes(i)}};customElements.define("qti-member",Ur);var Fr=class extends _{getResult(){let e=this.getVariables();if(e.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let t of e)if(t.cardinality!=="multiple"&&t.cardinality!=="single")return console.error("unexpected cardinality in qti multiple"),[];return e}};customElements.define("qti-multiple",Fr);var Br=class extends _{render(){return h`${super.render()}`}getResult(){return!this.firstElementChild.calculate()}};customElements.define("qti-not",Br);var jr=class extends H{getResult(){return Array.from(this.children).map(t=>{let r=t;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(t=>typeof t=="boolean"&&t)}};customElements.define("qti-or",jr);var Wr=class extends _{getResult(){let e=this.getVariables();if(e.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let t of e)if(t.cardinality!=="ordered"&&t.cardinality!=="single")return console.error("unexpected cardinality in qti ordered"),[];return e}};customElements.define("qti-ordered",Wr);var he=class extends v{render(){let e=this.context?.variables.find(t=>t.identifier===this.identifier)?.value;return h`${JSON.stringify(e,null,2)}`}calculate(){return this.context.variables.find(t=>t.identifier===this.identifier)||null}};l([p({type:String})],he.prototype,"identifier",2),l([T({context:$,subscribe:!0}),w()],he.prototype,"context",2);customElements.define("qti-printed-variable",he);var Xr=class extends _{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",Xr);var er=class extends Is(_){getResult(){return this.calculateChildren(Array.from(this.children))}};function Is(s){return class extends s{calculateChildren(t){let r=t.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",er);var rr=class extends _{constructor(){super(...arguments);this.caseSensitive="true"}getResult(){if(this.children.length===2){let t=this.getVariables(),r=t[0],i=t[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"})],rr.prototype,"caseSensitive",2);customElements.define("qti-string-match",rr);var Yr=class extends _{constructor(){super(),this._expression=new Gr(Array.from(this.children))}getResult(){return this._expression.calculate()}},Gr=class{constructor(e){this.expressions=e}calculate(){return this.expressions.map(t=>{if(!t.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let r=t.calculate();return Number.isNaN(r)?(console.error("unexpected value in qti-sum, expected number"),null):Number(r)}).reduce((t,r)=>t+r,0)}};customElements.define("qti-sum",Yr);var Kr=class extends _{getResult(){let e=this.getAttribute("identifier");return this.context.variables.find(r=>r.identifier===e).value}};customElements.define("qti-variable",Kr);var Ct=class extends C{constructor(){super(...arguments);this._errorMessage=null;this.loadConfig=async(t,r)=>{t=this.removeDoubleSlashes(t);try{let i=await fetch(t);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=(t,r)=>(t=t.replace(/\.js$/,""),t?.toLocaleLowerCase().startsWith("http")||!r?t:this.removeDoubleSlashes(`${r}/${t}`));this.getResolvablePath=(t,r)=>Array.isArray(t)?t.map(i=>this.getResolvablePathString(i,r)):this.getResolvablePathString(t,r)}convertQtiVariableJSON(t){for(let r in t)if(t.hasOwnProperty(r)){let i=t[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 t=this.pci.getResponse(),r=this.pci.getResponse(),i=JSON.stringify(t);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(t){}get value(){return this.rawResponse}getTAOConfig(t){let r=t.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(t){this.pci=t;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"?t.getInstance(i,o,void 0):t.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 t=this.buildRequireConfig();requirejs.config(t)(["require"],i=>{i([this.module])})}disconnectedCallback(){super.disconnectedCallback(),requirejs.undef(this.customInteractionTypeIdentifier);let t=requirejs.s.contexts;delete t[this.customInteractionTypeIdentifier],this.stopChecking()}buildRequireConfig(){let t={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=t.paths[a]||[];t.paths[a]=this.combineRequireResolvePaths(m,u)}}}return t}combineRequireResolvePaths(t,r){let i=Array.isArray(t)?t:[t],o=Array.isArray(r)?r:[r];return i.concat(o)}removeDoubleSlashes(t){return t.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"})],Ct.prototype,"module",2),l([p({type:String,attribute:"custom-interaction-type-identifier"})],Ct.prototype,"customInteractionTypeIdentifier",2),l([w()],Ct.prototype,"_errorMessage",2),Ct=l([g("qti-portable-custom-interaction")],Ct);var Zr=class s{constructor(){this.touchStartTime=0;this.touchStartPoint=null;this.lastClickTime=0;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(e,t){this.data[e]=t},getData(e){return this.data[e]},effectAllowed:"move"};this.cloneOffset={x:0,y:0};this.lastTarget=null;this.currentDropTarget=null;this.allowClick=!0;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})}addDraggableElements(e){e.forEach(t=>{t.setAttribute("tabindex","0"),t.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!1}),t.addEventListener("mousedown",this.handleTouchStart.bind(this),{passive:!1})})}getInteraction(e){let t=e;for(;t&&!t.tagName.toLocaleLowerCase().endsWith("-interaction");)t=t.parentElement;return t}handleTouchStart(e){this.touchStartTime=Date.now();let{x:t,y:r}=this.getEventCoordinates(e);if(this.touchStartPoint={x:t,y:r},this.dragSource=e.currentTarget,this.isDraggable=!0,this.rootNode=this.dragSource.getRootNode(),this.dragOnClickEnabled&&(this.isDragging=!0,this.createDragClone(e,{clientX:t,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=t-o.left,this.cloneOffset.y=r-o.top,this.dragSource.style.zIndex="9999",this.dragSource.focus()}e.preventDefault()}handleTouchMove(e){if(this.isDraggable&&this.dragSource){let t=this.getInteraction(this.dragSource);this.allDropzones=[...Array.from(t.querySelectorAll("[dropzone]")),...Array.from(t.shadowRoot?.querySelectorAll("[dropzone]"))];let{x:r,y:i}=this.getEventCoordinates(e),o={clientX:r,clientY:i};this.calculateDragDistance(o)>=this.MIN_DRAG_DISTANCE&&(this.dragSource.style.pointerEvents="none",this.isDragging=!0),this.createDragClone(e,o),e.preventDefault();let n=this.findClosestDropzone();this.currentDropTarget=n,n!==this.lastTarget&&(this.lastTarget&&this.dispatchCustomEvent(this.lastTarget,"dragleave"),n&&this.dispatchCustomEvent(n,"dragenter"),this.lastTarget=n),this.lastTarget&&this.dispatchCustomEvent(this.lastTarget,"dragover")}}createDragClone(e,t){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(t),this.setDragCloneStyles(t),this.dispatchCustomEvent(this.dragSource,"dragstart")}this.updateDragClonePosition(t)}else if(this.touchStartPoint){let i=t.clientX-this.touchStartPoint.x,o=t.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(e){this.allDropzones=[],this.touchEndTriggered=!0,this.isDraggable=!1;let t=!1;if(this.currentDropTarget)this.dispatchCustomEvent(this.currentDropTarget,"drop"),this.dispatchCustomEvent(this.dragSource,"dragend"),t=!0;else if(this.isDragging){let r=new CustomEvent("dragend",{bubbles:!0,cancelable:!0});r.dataTransfer={dropEffect:"none"},this.dragSource?.dispatchEvent(r)}this.resetDragState(t)}handleTouchCancel(e){this.resetDragState()}findClosestDropzone(){if(!this.dragSource||this.allDropzones.length===0)return null;let e=this.dragSource.getBoundingClientRect(),t=this.getCorners(e),r=this.getCenter(e),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(t,c)/this.getRectDiagonal(a),m=this.calculateDistance(r,d),f=u*.5+m*.5;f<o&&(o=f,i=n)}return i}getCenter(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}getRectDiagonal(e){return Math.sqrt(e.width**2+e.height**2)}getCorners(e){return{topLeft:{x:e.left,y:e.top},topRight:{x:e.right,y:e.top},bottomLeft:{x:e.left,y:e.bottom},bottomRight:{x:e.right,y:e.bottom}}}calculateTotalCornerDistance(e,t){return this.calculateDistance(e.topLeft,t.topLeft)+this.calculateDistance(e.topRight,t.topRight)+this.calculateDistance(e.bottomLeft,t.bottomLeft)+this.calculateDistance(e.bottomRight,t.bottomRight)}calculateDistance(e,t){let r=e.x-t.x,i=e.y-t.y;return Math.sqrt(r*r+i*i)}findDropTarget(e){let{x:t,y:r}=this.getEventCoordinates(e);return this.getDropTargetAtPoint(document,t,r)}getDropTargetAtPoint(e,t,r,i=0){if(i>2)return null;let n=e.elementFromPoint(t,r);if(!n)return null;if(n.hasAttribute("dropzone"))return n;let a=n.parentElement;for(;a;){if(a.hasAttribute("dropzone"))return a;a=a.parentElement}if(n.shadowRoot&&i<2){let c=this.getDropTargetAtPoint(n.shadowRoot,t,r,i+1);if(c)return c}return null}getEventCoordinates(e,t=!1){let r=e.touches?e.touches[0]:e;return{x:t?r.pageX:r.clientX,y:t?r.pageY:r.clientY}}calculateClonePosition(e){let t=this.dragSource.getBoundingClientRect();this.cloneOffset.x=e.clientX-t.left,this.cloneOffset.y=e.clientY-t.top}setDragCloneStyles(e){this.dragClone.style.position="fixed",this.dragClone.style.top=`${e.clientY-this.cloneOffset.y}px`,this.dragClone.style.left=`${e.clientX-this.cloneOffset.x}px`,this.dragClone.style.pointerEvents="none",this.dragClone.style.zIndex="999999"}updateDragClonePosition(e){requestAnimationFrame(()=>{if(this.touchEndTriggered||!this.dragClone)return;let t=e.clientX-this.cloneOffset.x,r=e.clientY-this.cloneOffset.y,{newLeft:i,newTop:o}=this.applyBoundaries(t,r,this.dragClone);this.dragClone.style.left=`${i}px`,this.dragClone.style.top=`${o}px`})}applyBoundaries(e,t,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(e,i.right-n)),d=Math.max(i.top,Math.min(t,i.bottom-a));return{newLeft:c,newTop:d}}calculateDragDistance(e){let t=Math.abs(e.clientX-this.touchStartPoint.x),r=Math.abs(e.clientY-this.touchStartPoint.y);return t+r}dispatchCustomEvent(e,t,r=!0){if(!e)return;let i=new CustomEvent(t,{bubbles:r,cancelable:!0});i.dataTransfer=this.dataTransfer,e.dispatchEvent(i)}resetDragState(e=!1){this.isDragging&&(this.useDragClone?(this.dragSource.style.opacity="1.0",this.dragClone?.parentElement.removeChild(this.dragClone)):(e||(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.touchStartTime=0,this.touchStartPoint=null,this.touchEndTriggered=!1,this.allDropzones=[],this.dataTransfer={data:{},setData(t,r){this.data[t]=r},getData(t){return this.data[t]},effectAllowed:"move"},this.cloneOffset={x:0,y:0},this.lastTarget=null,this.currentDropTarget=null,this.allowClick=!0,this.initialTransform="",this.hasDispatchedDragStart=!1,this.rootNode=null}};var Ns=(s,e,t)=>{class r extends s{constructor(){super(...arguments);this.disabled=!1}firstUpdated(n){if(this.isMatchTabular())return;super.firstUpdated(n);let a=this.getDroppableElements();this.initializeEventHandlers(),a.forEach(c=>{this.prepareDroppable(c),this.observeDroppableAttributes(c)})}isMatchTabular(){return this.classList.contains("qti-match-tabular")}getDroppableElements(){return Array.from(e?this.shadowRoot.querySelectorAll(t):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(n){n.setAttribute("dropzone","move"),n.addEventListener("dragleave",this.dragleaveHandler),this.attachEventListeners(n)}observeDroppableAttributes(n){this.observer=new MutationObserver(a=>{a.forEach(({attributeName:c})=>{c==="disabled"&&this.toggleDroppableHandlers(n)})}),this.observer.observe(n,{attributes:!0})}toggleDroppableHandlers(n){n.hasAttribute("disabled")?this.removeEventListeners(n):this.attachEventListeners(n)}attachEventListeners(n){n.addEventListener("dragover",this.dragoverHandler),n.addEventListener("dragenter",this.dragenterHandler),n.addEventListener("drop",this.dropHandler)}removeEventListeners(n){n.removeEventListener("dragover",this.dragoverHandler),n.removeEventListener("dragenter",this.dragenterHandler),n.removeEventListener("drop",this.dropHandler)}disconnectedCallback(){this.isMatchTabular()||(super.disconnectedCallback(),this.observer?.disconnect())}dragenterHandler(n){n.preventDefault()}dragoverHandler(n){let a=n.dataTransfer.getData("responseIdentifier");return n.preventDefault(),a===this.responseIdentifier&&(this.activateDroppable(n.currentTarget),n.dataTransfer.dropEffect="move"),!1}activateDroppable(n){this._internals.states.delete("--dragzone-active"),n.setAttribute("active","")}async dropHandler(n){n.preventDefault();let a=n.currentTarget,c=n.dataTransfer.getData("text"),d=n.dataTransfer.getData("responseIdentifier"),u=this.findDraggable(d,c);return u?u&&!this.isValidDrop(a,u,d)?(u.style.transform="translate(0, 0)",!1):(await this.moveDraggableToDroppable(u,a),this.deactivateDroppable(a,!1),!1):!1}findDraggable(n,a){return a?n===this.responseIdentifier?this.querySelector(`[identifier=${a}]`)||this.shadowRoot.querySelector(`[identifier=${a}]`):this.closest("qti-assessment-item").querySelector(`[response-identifier=${n}]`).querySelector(`[identifier=${a}]`):null}isValidDrop(n,a,c){return this.responseIdentifier===c}async moveDraggableToDroppable(n,a){let c=()=>{n.style.transform="translate(0, 0)",a.appendChild(n),this.checkMaxAssociations(),this.saveResponse(null)};if(!document.startViewTransition){c();return}await document.startViewTransition(c).finished}deactivateDroppable(n,a=!0){a&&this._internals.states.add("--dragzone-active"),n.removeAttribute("active")}dragleaveHandler(n){return n.preventDefault(),this.deactivateDroppable(n.currentTarget),n.dataTransfer.dropEffect="none",!1}}return l([p({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r};var Ps=(s,e,t)=>{class r extends s{}return r};var st=(s,e,t,r)=>{class i extends Ps(Ns(s,t,r),r,e){constructor(){super(...arguments);this.draggables=new Map;this.droppables=[];this.configuration={copyStylesDragClone:!0,dragCanBePlacedBack:!0,dragOnClick:!1};this.minAssociations=1;this.maxAssociations=1;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"),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)}}handleDraggablesChange(a,c){if(this.isMatchTabular())return;let d=this.filterExistingDraggables(a);d.length>0&&this.addNewDraggables(d)}firstUpdated(a){super.firstUpdated(a),this.initializeDroppables()}connectedCallback(){super.connectedCallback(),this.initializeDragDropApi()}initializeDragDropApi(){this.dragDropApi=new Zr,this.dispatchEvent(new CustomEvent("qti-register-interaction",{bubbles:!0,composed:!0,detail:this}))}isMatchTabular(){return this.classList.contains("qti-match-tabular")}filterExistingDraggables(a){return a.filter(c=>!this.draggables.has(c))}addNewDraggables(a){this.dragDropApi.addDraggableElements(a),a.forEach(c=>this.storeDraggable(c))}storeDraggable(a){let c=Array.from(a.parentNode.children).indexOf(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)}initializeDroppables(){this.droppables=Array.from(t?this.shadowRoot.querySelectorAll(r):this.querySelectorAll(r));let a=this.dataset.choicesContainerWidth;a&&this.droppables.forEach(c=>{c.style.width=`${a}px`,c.style.boxSizing="border-box"})}getDragContainers(){let a=Array.from(this.querySelectorAll("[part='drags']")||[]),c=this.shadowRoot?Array.from(this.shadowRoot.querySelectorAll("[part='drags']")||[]):[];return a.concat(c)}activateDroppables(a){this.getDragContainers().forEach(d=>{d.setAttribute("enabled",""),d.setAttribute("dropzone","move"),d.hasAttribute("disabled")&&(d.contains(a)||d.shadowRoot&&d.shadowRoot.contains(a))&&(d.removeAttribute("disabled"),d.setAttribute("dropzone","move"))}),this.droppables.forEach(d=>{d.setAttribute("enabled",""),d.hasAttribute("disabled")&&(d.contains(a)||d.shadowRoot&&d.shadowRoot.contains(a))&&(d.removeAttribute("disabled"),d.setAttribute("dropzone","move"))})}activateDragLocation(){this._internals.states.add("--dragzone-enabled")}deactivateDragLocation(){this._internals.states.delete("--dragzone-enabled")}deactivateDroppables(){this.getDragContainers().forEach(c=>{c.removeAttribute("enabled")}),this.droppables.forEach(c=>c.removeAttribute("enabled"))}async wasDropped(a){return a.dataTransfer.dropEffect!=="none"}wasMoved(a){return a.dataTransfer.dropEffect==="move"}async restoreInitialDraggablePosition(a){let{parent:c,index:d}=this.draggables.get(a),u=Math.min(d,c.children.length),m=(y,x,q)=>{let A=Math.min(q,x.children.length);x.insertBefore(y,x.children[A]),y.style.transform="translate(0, 0)",this.checkMaxAssociations()};if(!document.startViewTransition){m(a,c,d);return}let f=document.startViewTransition(()=>{a.style.transform="",m(a,c,d)})}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.droppables.forEach((a,c)=>{let d=+(a.getAttribute("match-max")||1);a.querySelectorAll('[qti-draggable="true"]').length>=d?this.disableDroppable(a):this.enableDroppable(a)})}disableDroppable(a){a.setAttribute("disabled",""),a.removeAttribute("dropzone")}enableDroppable(a){a.removeAttribute("disabled"),a.setAttribute("dropzone","move")}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.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.droppables.filter(a=>a.childElementCount>0).length}saveResponse(){this.validate();let a=this.collectResponseData();this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,response:a}}))}collectResponseData(){return this.droppables.map(c=>{let d=c.querySelectorAll('[qti-draggable="true"]'),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([is(e)],i.prototype,"handleDraggablesChange",1),i};var Os=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 Nt=class extends st(C,"qti-simple-associable-choice",!0,".dl"){constructor(){super();this._childrenMap=[];this._registerChoiceHandler=this._registerChoice.bind(this),this.addEventListener("register-qti-simple-associable-choice",this._registerChoiceHandler)}_registerChoice(t){let r=t.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((t,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)}};Nt.styles=Os,l([w()],Nt.prototype,"_childrenMap",2),Nt=l([g("qti-associate-interaction")],Nt);var ot=class extends C{constructor(){super();this._errorMessage=null;this.handlePostMessage=this.handlePostMessage.bind(this)}connectedCallback(){super.connectedCallback();let t=this.data.startsWith("http")?this.data:We(this.baseItemUrl+"/"+this.data);fetch(t).then(r=>r.json()).then(r=>{this.manifest=r,this.setupCES()}).catch(r=>{this._errorMessage=r})}setupCES(){let t=this.shadowRoot.querySelector("#pciContainer"),r=t.contentDocument;window.addEventListener("message",this.handlePostMessage),r.open(),r.write(`
+      <html>
+        <head>
+          <link href='${We(`${this.baseRefUrl}/${this.manifest.style[0]}`)}' rel="stylesheet" />
+          <script src='${We(`${this.baseRefUrl}/${this.manifest.script[0]}`)}'></script>
+        </head>
+        <body></body>
+      </html>
+      `),r.close()}getIFrames(){let t=this.shadowRoot.querySelectorAll("iframe"),r=this.querySelectorAll("iframe"),i=[...t,...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(t,r=[]){return t.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(t,r){window.postMessage({type:t,data:r},"*");let i=this.getIFrames();for(let o of i)o.contentWindow&&o.contentWindow.postMessage({type:t,data:r},"*")}handlePostMessage(t){let{type:r,data:i}=t.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:We(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(t){if(typeof t=="string")this.rawResponse=t,this.saveResponse(t);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"})],ot.prototype,"data",2),l([p({type:String,attribute:"data-base-item"})],ot.prototype,"baseItemUrl",2),l([p({type:String,attribute:"data-base-ref"})],ot.prototype,"baseRefUrl",2),l([p({type:String,attribute:"id"})],ot.prototype,"id",2),l([w()],ot.prototype,"_errorMessage",2),ot=l([g("qti-custom-interaction")],ot);var Pt=class extends C{constructor(){super(...arguments);this.countAttempt="true"}validate(){return!0}get value(){return""}set value(t){}render(){return h`<button ?disabled=${this.disabled} part="button" @click=${this.endAttempt}>${this.title}</button>`}endAttempt(t){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"})],Pt.prototype,"countAttempt",2),l([p({type:String})],Pt.prototype,"title",2),Pt=l([g("qti-end-attempt-interaction")],Pt);var Hs=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 ue=class extends st(C,"qti-gap-text",!1,"qti-gap"){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(t){super.firstUpdated(t),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 t=this.querySelectorAll("qti-gap-text"),r=this.querySelectorAll("qti-gap"),i=0,o=0;t.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(t){let r=[],i=Array.isArray(t)?t:[t];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()})}};ue.styles=Hs,ue=l([g("qti-gap-match-interaction")],ue);var Vs=(s,e,t)=>{let r=new Map;for(let i=e;i<=t;i++)r.set(s[i],i);return r},Jr=X(class extends et{constructor(s){if(super(s),s.type!==vt.CHILD)throw Error("repeat() can only be used in text expressions")}dt(s,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);let i=[],o=[],n=0;for(let a of s)i[n]=r?r(a,n):n,o[n]=t(a,n),n++;return{values:o,keys:i}}render(s,e,t){return this.dt(s,e,t).values}update(s,[e,t,r]){let i=cs(s),{values:o,keys:n}=this.dt(e,t,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]=bt(i[m],o[y]),m++,y++;else if(a[f]===n[x])c[x]=bt(i[f],o[x]),f--,x--;else if(a[m]===n[x])c[x]=bt(i[m],o[x]),ie(s,c[x+1],i[m]),m++,x--;else if(a[f]===n[y])c[y]=bt(i[f],o[y]),ie(s,i[m],i[f]),f--,y++;else if(d===void 0&&(d=Vs(n,y,x),u=Vs(a,m,f)),d.has(a[m]))if(d.has(a[f])){let q=u.get(n[y]),A=q!==void 0?i[q]:null;if(A===null){let N=ie(s,i[m]);bt(N,o[y]),c[y]=N}else c[y]=bt(A,o[y]),ie(s,i[m],A),i[q]=null;y++}else vr(i[f]),f--;else vr(i[m]),m++;for(;y<=x;){let q=ie(s,c[x+1]);bt(q,o[y]),c[y++]=q}for(;m<=f;){let q=i[m++];q!==null&&vr(q)}return this.ut=n,ls(s,c),R}});function me(s,e,t,r){switch(s){case"circle":{let[i,o,n]=e,a=i/t.width*100,c=o/t.height*100,d=n/t.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]=e,c=i/t.width*100,d=o/t.height*100,u=n/t.width*100,m=a/t.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=e.reduce((q,A,N,Ce)=>{if(N%2===1){let ut=q.pop();q[q.length]={x:ut,y:Ce[N]}}else q.push(A);return q},[]),o=Math.min(...i.map(q=>q.x)),n=Math.max(...i.map(q=>q.x)),a=Math.min(...i.map(q=>q.y)),c=Math.max(...i.map(q=>q.y)),d=o/t.width*100,u=a/t.height*100,m=n/t.width*100,f=c/t.height*100;r.style.left=o/t.width*100+"%",r.style.top=a/t.height*100+"%",r.style.width=m-d+"%",r.style.height=f-u+"%";let x=i.map(q=>({x:(q.x-o)/(n-o)*100,y:(q.y-a)/(c-a)*100})).map(q=>Math.round(q.x)+"% "+Math.round(q.y)+"%").join(",");r.style.clipPath=`polygon(${x})`}break;default:break}}var Q=class extends C{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(t){Array.isArray(t)&&(this._lines=t)}get value(){return this._lines}render(){return h`<slot name="prompt"></slot>
+      <line-container>
+        <svg
+          width=${xt(this.grImage[0]?.width)}
+          height=${xt(this.grImage[0]?.height)}
+          viewbox="0 0 ${this.grImage[0]?.width} ${this.grImage[0]?.height}"
+        >
+          ${Jr(this._lines,t=>t,(t,r)=>ai`
+              <line
+                part="line"
+                x1=${parseInt(this.querySelector("[identifier="+t.split(" ")[0]+"]").style.left)}
+                y1=${parseInt(this.querySelector("[identifier="+t.split(" ")[0]+"]").style.top)}
+                x2=${parseInt(this.querySelector("[identifier="+t.split(" ")[1]+"]").style.left)}
+                y2=${parseInt(this.querySelector("[identifier="+t.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&&ai`<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(t){let r=this.querySelector("img"),i=t.target,o=i.getAttribute("coords"),n=i.getAttribute("shape"),a=o.split(",").map(c=>parseInt(c));me(n,a,r,i)}firstUpdated(t){super.firstUpdated(t),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)}};Q.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([w()],Q.prototype,"_lines",2),l([w()],Q.prototype,"startCoord",2),l([w()],Q.prototype,"mouseCoord",2),l([Yt("svg")],Q.prototype,"svgContainer",2),l([Fi({selector:"img"})],Q.prototype,"grImage",2),Q=l([g("qti-graphic-associate-interaction")],Q);var zs=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 ge=class extends st(C,"qti-gap-img, qti-gap-text",!1,"qti-associable-hotspot"){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"></slot>
+      <div role="alert" id="validationMessage"></div>`}firstUpdated(t){super.firstUpdated(t),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 t=this.querySelectorAll("qti-gap-img, qti-gap-text"),r=this.querySelectorAll("qti-associable-hotspot"),i=0,o=0;t.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(t){let r=t.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)}};ge.styles=zs,ge=l([g("qti-graphic-gap-match-interaction")],ge);var fe=class extends qt(C,"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(t){let{identifier:r}=t.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(t){let r=this.querySelector("img"),i=t.target,o=i.getAttribute("coords"),n=i.getAttribute("shape"),a=o.split(",").map(c=>parseInt(c));me(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)}};fe.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;
+      }
+    `],fe=l([g("qti-graphic-order-interaction")],fe);var be=class extends qt(C,"qti-hotspot-choice"){render(){return h`
+      <slot name="prompt"></slot>
+      <!-- slot for the prompt -->
+      <slot></slot>
+      <!-- slot for the image and hotspots -->
+    `}positionHotspotOnRegister(e){let t=this.querySelector("img"),r=e.target,i=r.getAttribute("coords"),o=r.getAttribute("shape"),n=i.split(",").map(a=>parseInt(a));me(o,n,t,r)}connectedCallback(){super.connectedCallback(),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("unregister-qti-hotspot-choice",this.positionHotspotOnRegister)}};be.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%; */
+      }
+    `],be=l([g("qti-hotspot-interaction")],be);var dt=class extends Y(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>
+    `}};dt.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"})],dt.prototype,"matchMin",2),l([p({type:Number,attribute:"match-max"})],dt.prototype,"matchMax",2),l([p({type:Boolean,attribute:"fixed"})],dt.prototype,"fixed",2),dt=l([g("qti-simple-associable-choice")],dt);var Us=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 pt=class extends st(C,"qti-simple-match-set:first-of-type qti-simple-associable-choice",!1,"qti-simple-match-set:last-of-type qti-simple-associable-choice"){constructor(){super(...arguments);this.lastCheckedRadio=null;this._response=[];this.correctOptions=[];this.responseIdentifier="";this.handleRadioClick=t=>{let r=t.target;this.lastCheckedRadio===r?(r.checked=!1,this.lastCheckedRadio=null,this.handleRadioChange(t)):this.lastCheckedRadio=r};this.handleRadioChange=t=>{let r=t.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(t){this.classList.contains("qti-match-tabular")?this._response=t:super.value=t}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(t){if(t===""){this.correctOptions=[];return}else Array.isArray(t)&&(this.correctOptions=t)}render(){return this.classList.contains("qti-match-tabular")?h`
+      <slot name="prompt"></slot>
+      <table>
+        <tr>
+          <td></td>
+          ${this.cols.map(t=>h`<th part="r-header">${wt(t.innerHTML)}</th>`)}
+        </tr>
+
+        ${this.rows.map(t=>h`<tr>
+              <td part="c-header">${wt(t.innerHTML)}</td>
+              ${this.cols.map(r=>{let i=t.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:t.matchMax===1?!1:a>=t.matchMax&&!c;return h`<td>
+                  <input
+                    type=${t.matchMax===1?"radio":"checkbox"}
+                    part=${d}
+                    name=${i}
+                    value=${n}
+                    .disabled=${u}
+                    @change=${m=>this.handleRadioChange(m)}
+                    @click=${m=>t.matchMax===1?this.handleRadioClick(m):null}
+                  />
+                </td>`})}
+            </tr>`)}
+      </table>
+    `:h`<slot name="prompt"></slot> <slot></slot>
+        <div role="alert" id="validationMessage"></div>`}};pt.styles=Us,l([w()],pt.prototype,"_response",2),l([w()],pt.prototype,"correctOptions",2),l([p({type:String,attribute:"response-identifier"})],pt.prototype,"responseIdentifier",2),pt=l([g("qti-match-interaction")],pt);var ve=class extends C{constructor(){super();this._value=0}reset(){}validate(){return!0}get value(){return this._value.toString()}set value(t){if(!isNaN(parseInt(t.toString())))this._value=parseInt(t.toString());else throw new Error("Value must be a number")}static get properties(){return{...C.properties,step:{type:Number,attribute:"step",default:10}}}render(){return h` <slot name="prompt"></slot>
+      <slot></slot>`}connectedCallback(){super.connectedCallback();let t=this.querySelector("audio")||this.querySelector("video")||this.querySelector("object");t&&t.addEventListener("ended",()=>{this._value++,this.saveResponse(this.value)})}};ve.styles=[b``],ve=l([g("qti-media-interaction")],ve);var nt=class extends Ar(st(C,"qti-simple-choice",!0,"drop-list"),"qti-simple-choice"){constructor(){super(...arguments);this.nrChoices=0;this.correctResponses=[];this.showCorrectResponses=!1}render(){let t=Array.from(this.querySelectorAll("qti-simple-choice"));return this.nrChoices<t.length&&(this.nrChoices=t.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?wt(`<span part='correct-response'>${this.correctResponses[i]}</span>`):""}`)}
+        </div>
+      </div>`}set correctResponse(t){if(t===""){this.showCorrectResponses=!1;return}this.correctResponses.length===0&&(Array.isArray(t)?t:[t]).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(t){super.firstUpdated(t),this.childrenMap=Array.from(this.querySelectorAll("qti-simple-choice")),this.childrenMap.forEach(r=>r.setAttribute("part","qti-simple-choice"))}};nt.styles=[b`
+      [part='drags'] {
+        display: flex;
+        align-items: flex-start;
+        flex: 1;
+      }
+
+      [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;
+      }
+    `],l([w()],nt.prototype,"nrChoices",2),l([w()],nt.prototype,"correctResponses",2),l([w()],nt.prototype,"showCorrectResponses",2),l([p({type:String})],nt.prototype,"orientation",2),nt=l([g("qti-order-interaction")],nt);var ir=class extends v{render(){return h`<slot></slot>`}};ir.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",ir);var ye=class extends v{render(){return h`<slot></slot>`}constructor(){super(),this.removeMoveListener=this.removeMoveListener.bind(this),this.dragElementHandler=this.dragElementHandler.bind(this)}dragElementHandler(e){e.preventDefault();let t=e.clientX-this.startX,r=e.clientY-this.startY;this.dragElement.style.left=this.dragElement.offsetLeft+t+"px",this.dragElement.style.top=this.dragElement.offsetTop+r+"px",this.startX=e.clientX,this.startY=e.clientY}firstUpdated(e){super.firstUpdated(e),this.dragElement=this.querySelector("qti-position-object-interaction>img"),this.startX=0,this.startY=0,this.dragElement.addEventListener("mousedown",t=>{this.startX=t.clientX,this.startY=t.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)}};ye.styles=[b`
+      :host {
+        display: inline-block;
+        position: relative;
+      }
+    `],ye=l([g("qti-position-object-stage")],ye);var Fs="important",Uo=" !"+Fs,Bs=X(class extends et{constructor(s){if(super(s),s.type!==vt.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((e,t)=>{let r=s[t];return r==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(s,[e]){let{style:t}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(let r of this.ft)e[r]==null&&(this.ft.delete(r),r.includes("-")?t.removeProperty(r):t[r]=null);for(let r in e){let i=e[r];if(i!=null){this.ft.add(r);let o=typeof i=="string"&&i.endsWith(Uo);r.includes("-")||o?t.setProperty(r,o?i.slice(0,-11):i,o?Fs:""):t[r]=i}}return R}});var ht=class extends C{constructor(){super(...arguments);this.maxChoices=1/0;this.minChoices=0;this._points=[];this._imgElement=null;this._onImageClick=t=>{if(this._points.length<this.maxChoices){let r=t.offsetX,i=t.offsetY;this._points=[...this._points,`${r} ${i}`],this.saveResponse(this._points)}}}render(){return h` <slot name="prompt"></slot>
+      <point-container>
+        ${Jr(this._points,t=>t,(t,r)=>h`
+            <button
+              part="point"
+              style=${Bs({position:"absolute",transform:"translate(-50%, -50%)",left:`${t.split(" ")[0]}px`,top:`${t.split(" ")[1]}px`})}
+              aria-label="Remove point at ${t}"
+              @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(t){this._points=Array.isArray(t)?t:[t]}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)}};ht.styles=[b`
+      :host {
+        display: block;
+      }
+      point-container {
+        display: block;
+        position: relative;
+      }
+    `],l([p({type:Number,attribute:"max-choices"})],ht.prototype,"maxChoices",2),l([p({type:Number,attribute:"min-choices"})],ht.prototype,"minChoices",2),l([w()],ht.prototype,"_points",2),ht=l([g("qti-select-point-interaction")],ht);var I=class extends C{constructor(){super();this._value=0;this.stepLabel=!1;this.reverse=!1;this._handleDisabledChange=()=>{};this._handleReadonlyChange=()=>{};this.csLive=getComputedStyle(this)}set min(t){this._min=t,this._value=t,this.style.setProperty("--min",`${this._min}`)}get min(){return this._min}set max(t){this._max=t,this.style.setProperty("--max",`${this._max}`)}get max(){return this._max}set step(t){this._step=t,this.style.setProperty("--step",`${this._step}`)}get step(){return this._step}reset(){}validate(){return!0}get value(){return this._value.toString()}set value(t){if(!isNaN(parseInt(t.toString())))this._value=parseInt(t.toString());else throw new Error("Value must be a number")}set response(t){if(Array.isArray(t)){console.error("QtiSliderInteraction: response is an array, but should be a single value");return}let r=parseInt(t);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 t=(this._value-this.min)/(this.max-this.min)*100;return this.style.setProperty("--value-percentage",`${t}%`),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(t){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(t),n=o-this._rail.getBoundingClientRect().left-document.documentElement.scrollLeft;this.calculateValue(n),t.stopPropagation()}_onMouseDown(t){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=t.pageX-this._rail.getBoundingClientRect().left-document.documentElement.scrollLeft;this.calculateValue(o),t.preventDefault(),t.stopPropagation()}calculateValue(t){let r=this.min+(this.max-this.min)*t/this._rail.getBoundingClientRect().width,i=this.min+Math.round((r-this.min)/this._step)*this._step;this._value=i}getPositionFromEvent(t){let r;if(t.type=="touchstart"||t.type=="touchmove"||t.type=="touchend"||t.type=="touchcancel"){let i=typeof t.originalEvent>"u"?t:t.originalEvent,o=i.touches[0]||i.changedTouches[0];r={x:o.pageX,y:o.pageY}}else(t.type=="mousedown"||t.type=="mouseup"||t.type=="mousemove"||t.type=="mouseover"||t.type=="mouseout"||t.type=="mouseenter"||t.type=="mouseleave")&&(r={x:t.clientX,y:t.clientY});return r}};I.styles=[b``],l([Yt("#rail")],I.prototype,"_rail",2),l([p({type:Boolean,attribute:"step-label"})],I.prototype,"stepLabel",2),l([p({type:Boolean})],I.prototype,"reverse",2),l([p({type:Number,attribute:"lower-bound"})],I.prototype,"min",1),l([p({type:Number,attribute:"upper-bound"})],I.prototype,"max",1),l([p({type:Number,attribute:"step"})],I.prototype,"step",1),l([S("disabled",{waitUntilFirstUpdate:!0})],I.prototype,"_handleDisabledChange",2),l([S("readonly",{waitUntilFirstUpdate:!0})],I.prototype,"_handleReadonlyChange",2),I=l([g("qti-slider-interaction")],I);var xe=class extends v{render(){return h`<slot @slotchange=${this.handleSlotChange}></slot>`}handleSlotChange(){let e=Array.from(this.firstElementChild?.childNodes??[]).find(t=>t.nodeType===Node.COMMENT_NODE);try{this.operatorFunction=new Function("context","fn","item",e.textContent??"")}catch(t){console.error("custom-operator contains invalid javascript code",t)}}calculate(){let e={variable:r=>this._context?.variables.find(i=>i.identifier===r)?.value??"",correct:r=>this._context?.variables.find(i=>i.identifier===r)?.correctResponse??""},t={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,e,t)}};l([T({context:$,subscribe:!0}),w()],xe.prototype,"_context",2),xe=l([g("qti-custom-operator")],xe);var qe=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> `}};qe.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+      position: absolute;
+    }
+  `,qe=l([g("qti-associable-hotspot")],qe);var Ot=class extends v{constructor(){super(...arguments);this.tabindex=0}render(){return h` <slot name="drags"></slot>`}};Ot.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+  `,l([p({type:Number,reflect:!0})],Ot.prototype,"tabindex",2),Ot=l([g("qti-gap")],Ot);var Ht=class extends v{constructor(){super(...arguments);this.tabindex=0}connectedCallback(){this.setAttribute("slot","drags")}};Ht.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+  `,l([p({type:Number,reflect:!0})],Ht.prototype,"tabindex",2),Ht=l([g("qti-gap-img")],Ht);var Vt=class extends Y(v,"qti-gap-text"){constructor(){super(...arguments);this.tabindex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","drags")}render(){return h`<slot></slot>`}};Vt.styles=b`
+    :host {
+      display: inline-flex;
+      user-select: none;
+    }
+  `,l([p({type:Number,reflect:!0})],Vt.prototype,"tabindex",2),Vt=l([g("qti-gap-text")],Vt);var zt=class extends Y(v,"qti-hotspot-choice"){};zt.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+      position: absolute;
+    }
+  `,l([p({attribute:"aria-ordervalue",type:Number,reflect:!0})],zt.prototype,"order",2),zt=l([g("qti-hotspot-choice")],zt);var we=class extends Y(v,"qti-hottext"){render(){return h`<div part="ch"><div part="cha"></div></div>
+      <slot></slot> `}};we.styles=b`
+    :host {
+      display: flex;
+      user-select: none;
+    }
+  `,we=l([g("qti-hottext")],we);var Ee=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})],Ee.prototype,"identifier",2),Ee=l([g("qti-inline-choice")],Ee);var Ut=class extends Y(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> `}};Ut.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})],Ut.prototype,"marker",2),Ut=l([g("qti-simple-choice")],Ut);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");function wi(s){class e 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})],e.prototype,"identifier",2),l([p({type:String})],e.prototype,"href",2),l([p({type:Object,attribute:!1})],e.prototype,"xmlDoc",2),e}var sr=class extends wi(v){};sr=l([g("qti-item")],sr);var Fo=async s=>{let e=s.substring(0,s.lastIndexOf("/")),t=await pi().load(`${s}`).then(a=>a.assessmentTest()),r=await Jt().load(`${e}/${t.href}`).then(a=>a.htmlDoc()),i=await Jt().load(`${e}/${t.href}`).then(a=>a.items()),o=`${e}/${t.href}`,n=`${e}/${t.href.substring(0,t.href.lastIndexOf("/"))}`;return{testHTMLDoc:r,testURI:n,testURL:o,items:i,testIdentifier:t.identifier}},Bo=async s=>Rt().load(s).then(e=>e.htmlDoc().firstElementChild);0&&(module.exports={ActiveElementMixin,Interaction,QtiAnd,QtiAssessmentItem,QtiAssessmentItemRef,QtiAssessmentSection,QtiAssessmentStimulusRef,QtiAssessmentTest,QtiAssociableHotspot,QtiAssociateInteraction,QtiBaseValue,QtiChoiceInteraction,QtiCompanionMaterialsInfo,QtiConditionExpression,QtiContains,QtiContentBody,QtiCorrect,QtiCustomInteraction,QtiCustomOperator,QtiEndAttemptInteraction,QtiEqual,QtiEqualRounded,QtiExpression,QtiExtendedTextInteraction,QtiFeedbackBlock,QtiFeedbackInline,QtiGap,QtiGapImg,QtiGapMatchInteraction,QtiGapText,QtiGraphicAssociateInteraction,QtiGraphicGapMatchInteraction,QtiGraphicOrderInteraction,QtiGt,QtiGte,QtiHotspotChoice,QtiHotspotInteraction,QtiHottext,QtiHottextInteraction,QtiInlineChoice,QtiInlineChoiceInteraction,QtiIsNull,QtiItem,QtiItemBody,QtiItemMixin,QtiLookupOutcomeValue,QtiLt,QtiLte,QtiMapResponse,QtiMapping,QtiMatch,QtiMatchInteraction,QtiMediaInteraction,QtiMember,QtiModalFeedback,QtiMultiple,QtiNot,QtiOr,QtiOrderInteraction,QtiOrdered,QtiOutcomeDeclaration,QtiOutcomeProcessing,QtiOutcomeProcessingProcessor,QtiPortableCustomInteraction,QtiPositionObjectInteraction,QtiPositionObjectStage,QtiPrintedVariable,QtiProduct,QtiPrompt,QtiResponseCondition,QtiResponseDeclaration,QtiResponseElse,QtiResponseElseIf,QtiResponseIf,QtiResponseProcessing,QtiRubricBlock,QtiRule,QtiSelectPointInteraction,QtiSetOutcomeValue,QtiSetOutcomeValueRule,QtiSimpleAssociableChoice,QtiSimpleChoice,QtiSliderInteraction,QtiStringMatch,QtiStylesheet,QtiSubtract,QtiSum,QtiSumExpression,QtiTest,QtiTestPart,QtiTextEntryInteraction,QtiVariable,TestContainer,TestItemLink,TestNext,TestPagingButtonsStamp,TestPrev,TestView,getItemByUri,getManifestInfo,itemContext,itemContextVariables,qtiAndMixin,qtiSubtractMixin,qtiTransformItem,qtiTransformManifest,qtiTransformTest});
+/*! 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
+   *)
+*/