@citolab/qti-components 6.3.8 → 6.4.0

package/dist/chunk-DMECNMIP.js

@@ -0,0 +1,405 @@
+import{a as ht}from"./chunk-C4LCNAWX.js";import{a as f,b as v,c as n,d as a}from"./chunk-YWGBLO7P.js";import{customElement as Pt,property as ft}from"lit/decorators.js";var q=class extends ht{connectedCallback(){super.connectedCallback();let t=new CustomEvent("register-item-ref",{bubbles:!0,composed:!0,detail:{identifier:this.identifier,href:this.href}});this.dispatchEvent(t)}};n([ft({type:String})],q.prototype,"identifier",2),n([ft({type:String})],q.prototype,"href",2),q=n([Pt("qti-assessment-item-ref")],q);import{html as Vt,LitElement as Ut}from"lit";import{customElement as jt,property as J}from"lit/decorators.js";import{provide as Xt}from"@lit/context";import{createContext as Ht}from"@lit/context";var xt=class{},m=Ht("test");import{signal as Wt,effect as Bt}from"@lit-labs/preact-signals";var E=class extends Ut{constructor(){super();this.itemIndex=0;this._initialValue={itemIndex:0,audienceContext:"candidate",items:[]};this.signalContext=Wt(this._initialValue);this.itemRefEls=new Map;this.restoreContext=t=>{var e;t||(t=this._initialValue),this.signalContext.value.itemIndex=t.itemIndex,(e=t.items)==null||e.forEach(r=>{let i=this.signalContext.value.items.find(c=>c.identifier===r.identifier);i?i.variables=r.variables:this.signalContext.value.items.push(r)})};this.itemConnected=t=>{let e=this.signalContext.value.items.find(r=>(r==null?void 0:r.identifier)===(t==null?void 0:t.identifier));e.variables.length===1?this.copyItemVariables(t.identifier):t.variables=[...e.variables]};this.addEventListener("register-item-ref",this.onItemRefRegistered),this.addEventListener("on-test-request-item",this.onTestRequestItem),this.addEventListener("qti-item-first-updated",t=>this.itemConnected(t.detail)),this.addEventListener("qti-interaction-changed",t=>this.copyItemVariables(t.detail.item)),this.addEventListener("qti-outcome-changed",t=>this.copyItemVariables(t.detail.item)),Bt(()=>this._context=this.signalContext.value)}set context(t){console.log("set context",t),this.signalContext.value=t}updated(t){var e,r;if(t.has("_context")){let i=(e=t.get("_context"))==null?void 0:e.itemIndex;this.signalContext.value.items.length>0&&this.signalContext.value.itemIndex!==null&&i!==this.signalContext.value.itemIndex&&this._requestItem(this.signalContext.value.items[this.signalContext.value.itemIndex].identifier,(r=this.signalContext.value.items[i])==null?void 0:r.identifier)}t.has("audienceContext")&&(this._context=v(f({},this._context),{audienceContext:this.audienceContext}),this.itemRefEls.forEach((i,c)=>i.audienceContext={view:this.audienceContext})),t.has("itemIndex")&&(this.signalContext.value=v(f({},this.signalContext.value),{itemIndex:this.itemIndex}))}copyItemVariables(t){this.signalContext.value=v(f({},this.signalContext.value),{items:this.signalContext.value.items.map(e=>e.identifier==t?v(f({},e),{variables:this.getAssessmentItem(t).context.variables}):e)})}getAssessmentItem(t){return this.querySelector(`qti-assessment-item-ref[identifier="${t}"]`).assessmentItem}get currentAssessmentItem(){return this.querySelector(`qti-assessment-item-ref[identifier="${this.signalContext.value.items[this.signalContext.value.itemIndex].identifier}"]`).assessmentItem}onItemRefRegistered(t){this.itemRefEls.set(t.detail.identifier,t.target);let{href:e,identifier:r}=t.detail;this.signalContext.value.items=[...this.signalContext.value.items,{href:e,identifier:r,variables:[{identifier:"completionStatus",cardinality:"single",baseType:"string",value:"not_attempted",type:"outcome"}]}]}onTestRequestItem(t){t.stopImmediatePropagation(),t.detail!==this.signalContext.value.itemIndex&&(this.signalContext.value=v(f({},this.signalContext.value),{itemIndex:t.detail}))}firstUpdated(t){if(super.firstUpdated(t),this.signalContext.value.items.length===0){console.warn("No items found in the test, please add at least one item");return}this._emit("qti-assessment-first-updated",this)}_requestItem(t,e){this.dispatchEvent(new CustomEvent("on-test-set-item",{bubbles:!0,composed:!0,detail:{old:e,new:t}}))}_emit(t,e=null){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e}))}render(){return Vt`<slot></slot>`}};n([J({type:String,reflect:!0,attribute:"audience-context"})],E.prototype,"audienceContext",2),n([J({type:Number,reflect:!0,attribute:"item-index"})],E.prototype,"itemIndex",2),n([J({type:String})],E.prototype,"identifier",2),n([Xt({context:m}),J({attribute:!1})],E.prototype,"_context",2),E=n([jt("qti-assessment-test")],E);import{html as Jt,LitElement as Gt}from"lit";import{customElement as Kt,property as bt}from"lit/decorators.js";var $=class extends Gt{constructor(){super(...arguments);this.loading=!1;this._navigationMode="linear"}render(){return Jt`
+      <slot name="qti-item"></slot>
+      <slot> </slot>
+    `}};n([bt({type:Boolean,reflect:!0})],$.prototype,"loading",2),n([bt({type:String,attribute:"navigation-mode"})],$.prototype,"_navigationMode",2),$=n([Kt("qti-test-part")],$);import{html as ue,render as $t}from"lit";var A,gt=0;function tt(o){A=o}function et(){A=null,gt=0}function wt(){return gt++}var G=Symbol("haunted.phase"),S=Symbol("haunted.hook"),st=Symbol("haunted.update"),rt=Symbol("haunted.commit"),g=Symbol("haunted.effects"),_=Symbol("haunted.layoutEffects"),R="haunted.context";var Yt,Zt,Tt,O=class{constructor(s,t){a(this,"update");a(this,"host");a(this,"virtual");a(this,Yt);a(this,Zt);a(this,Tt);this.update=s,this.host=t,this[S]=new Map,this[g]=[],this[_]=[]}run(s){tt(this);let t=s();return et(),t}_runEffects(s){let t=this[s];tt(this);for(let e of t)e.call(this);et()}runEffects(){this._runEffects(g)}runLayoutEffects(){this._runEffects(_)}teardown(){this[S].forEach(t=>{typeof t.teardown=="function"&&t.teardown()})}};Yt=S,Zt=g,Tt=_;var te=Promise.resolve().then.bind(Promise.resolve());function yt(){let o=[],s;function t(){s=null;let e=o;o=[];for(var r=0,i=e.length;r<i;r++)e[r]()}return function(e){o.push(e),s==null&&(s=te(t))}}var ee=yt(),vt=yt(),se,I=class{constructor(s,t){a(this,"renderer");a(this,"host");a(this,"state");a(this,se);a(this,"_updateQueued");this.renderer=s,this.host=t,this.state=new O(this.update.bind(this),t),this[G]=null,this._updateQueued=!1}update(){this._updateQueued||(ee(()=>{let s=this.handlePhase(st);vt(()=>{this.handlePhase(rt,s),vt(()=>{this.handlePhase(g)})}),this._updateQueued=!1}),this._updateQueued=!0)}handlePhase(s,t){switch(this[G]=s,s){case rt:this.commit(t),this.runEffects(_);return;case st:return this.render();case g:return this.runEffects(g)}}render(){return this.state.run(()=>this.renderer.call(this.host,this.host))}runEffects(s){this.state._runEffects(s)}teardown(){this.state.teardown()}};se=G;var re=(o="")=>o.replace(/-+([a-z])?/g,(s,t)=>t?t.toUpperCase():"");function Ct(o){class s extends I{constructor(i,c,u){super(i,u||c);a(this,"frag");this.frag=c}commit(i){o(i,this.frag)}}function t(e,r,i){let c=(i||r||{}).baseElement||HTMLElement,{observedAttributes:u=[],useShadowDOM:l=!0,shadowRootInit:k={}}=i||r||{};class M extends c{constructor(){super();a(this,"_scheduler");l===!1?this._scheduler=new s(e,this):(this.attachShadow(f({mode:"open"},k)),this._scheduler=new s(e,this.shadowRoot,this))}static get observedAttributes(){return e.observedAttributes||u||[]}connectedCallback(){this._scheduler.update()}disconnectedCallback(){this._scheduler.teardown()}attributeChangedCallback(b,w,d){if(w===d)return;let Ft=d===""?!0:d;Reflect.set(this,re(b),Ft)}}function Nt(C){let h=C,b=!1;return Object.freeze({enumerable:!0,configurable:!0,get(){return h},set(w){b&&h===w||(b=!0,h=w,this._scheduler&&this._scheduler.update())}})}let Qt=new Proxy(c.prototype,{getPrototypeOf(C){return C},set(C,h,b,w){let d;return h in C?(d=Object.getOwnPropertyDescriptor(C,h),d&&d.set?(d.set.call(w,b),!0):(Reflect.set(C,h,b,w),!0)):(typeof h=="symbol"||h[0]==="_"?d={enumerable:!0,configurable:!0,writable:!0,value:b}:d=Nt(b),Object.defineProperty(w,h,d),d.set&&d.set.call(w,b),!0)}});return Object.setPrototypeOf(M.prototype,Qt),M}return t}var p=class{constructor(s,t){a(this,"id");a(this,"state");this.id=s,this.state=t}};function oe(o,...s){let t=wt(),e=A[S],r=e.get(t);return r||(r=new o(t,A,...s),e.set(t,r)),r.update(...s)}function x(o){return oe.bind(null,o)}function K(o){return x(class extends p{constructor(t,e,r,i){super(t,e);a(this,"callback");a(this,"lastValues");a(this,"values");a(this,"_teardown");o(e,this)}update(t,e){this.callback=t,this.values=e}call(){(!this.values||this.hasChanged())&&this.run(),this.lastValues=this.values}run(){this.teardown(),this._teardown=this.callback.call(this.state)}teardown(){typeof this._teardown=="function"&&this._teardown()}hasChanged(){return!this.lastValues||this.values.some((t,e)=>this.lastValues[e]!==t)}})}function ot(o,s){o[g].push(s)}var Y=K(ot);var it=x(class extends p{constructor(s,t,e){super(s,t);a(this,"Context");a(this,"value");a(this,"_ranEffect");a(this,"_unsubscribe");this._updater=this._updater.bind(this),this._ranEffect=!1,this._unsubscribe=null,ot(t,this)}update(s){if(this.state.virtual)throw new Error("can't be used with virtual components");return this.Context!==s&&(this._subscribe(s),this.Context=s),this.value}call(){this._ranEffect||(this._ranEffect=!0,this._unsubscribe&&this._unsubscribe(),this._subscribe(this.Context),this.state.update())}_updater(s){this.value=s,this.state.update()}_subscribe(s){let t={Context:s,callback:this._updater};this.state.host.dispatchEvent(new CustomEvent(R,{detail:t,bubbles:!0,cancelable:!0,composed:!0}));let{unsubscribe:e=null,value:r}=t;this.value=e?r:s.defaultValue,this._unsubscribe=e}teardown(){this._unsubscribe&&this._unsubscribe()}});function Et(o){return s=>{let t={Provider:class extends HTMLElement{constructor(){super();a(this,"listeners");a(this,"_value");this.listeners=new Set,this.addEventListener(R,this)}disconnectedCallback(){this.removeEventListener(R,this)}handleEvent(r){let{detail:i}=r;i.Context===t&&(i.value=this.value,i.unsubscribe=this.unsubscribe.bind(this,i.callback),this.listeners.add(i.callback),r.stopPropagation())}unsubscribe(r){this.listeners.delete(r)}set value(r){this._value=r;for(let i of this.listeners)i(r)}get value(){return this._value}},Consumer:o(function({render:e}){let r=it(t);return e(r)}),defaultValue:s};return t}}var nt=x(class extends p{constructor(s,t,e,r){super(s,t);a(this,"value");a(this,"values");this.value=e(),this.values=r}update(s,t){return this.hasChanged(t)&&(this.values=t,this.value=s()),this.value}hasChanged(s=[]){return s.some((t,e)=>this.values[e]!==t)}});function ie(o,s){o[_].push(s)}var _t=K(ie);var Z=x(class extends p{constructor(s,t,e){super(s,t);a(this,"args");this.updater=this.updater.bind(this),typeof e=="function"&&(e=e()),this.makeArgs(e)}update(){return this.args}updater(s){if(typeof s=="function"){let t=s,[e]=this.args;s=t(e)}this.makeArgs(s),this.state.update()}makeArgs(s){this.args=Object.freeze([s,this.updater])}});var Gr=Promise.resolve();var ne=x(class extends p{constructor(s,t,e,r,i){super(s,t);a(this,"reducer");a(this,"currentState");this.dispatch=this.dispatch.bind(this),this.currentState=i!==void 0?i(r):r}update(s){return this.reducer=s,[this.currentState,this.dispatch]}dispatch(s){this.currentState=this.reducer(this.currentState,s),this.state.update()}});function at({render:o}){let s=Ct(o),t=Et(s);return{component:s,createContext:t}}import{directive as ae}from"lit/directive.js";import{noChange as ce}from"lit";import{AsyncDirective as me}from"lit/async-directive.js";var kt=Array.prototype.includes,ct=new WeakMap,It=new WeakMap,mt=class extends I{constructor(t,e,r){super(t,e);a(this,"args");a(this,"setValue");this.state.virtual=!0,this.setValue=r}render(){return this.state.run(()=>this.renderer.apply(this.host,this.args))}commit(t){this.setValue(t)}teardown(){super.teardown();let t=It.get(this);ct.delete(t)}};function qt(){function o(s){class t extends me{constructor(i){super(i);a(this,"cont");this.cont=void 0}update(i,c){return this.cont=ct.get(i),(!this.cont||this.cont.renderer!==s)&&(this.cont=new mt(s,i,u=>{this.setValue(u)}),ct.set(i,this.cont),It.set(this.cont,i),ut(this.cont,i)),this.cont.args=c,this.cont.update(),this.render(c)}render(i){return ce}}return ae(t)}return o}function ut(o,s,t=s.startNode){let e=t.parentNode,r=new MutationObserver(i=>{for(let c of i)if(kt.call(c.removedNodes,t)){r.disconnect(),t.parentNode instanceof ShadowRoot?ut(o,s):o.teardown();break}else if(kt.call(c.addedNodes,t.nextSibling)){r.disconnect(),ut(o,s,t.nextSibling||void 0);break}});r.observe(e,{childList:!0})}var{component:lt,createContext:le}=at({render:$t}),dt=qt();import{ifDefined as he}from"lit/directives/if-defined.js";import{createRef as fe,ref as xe}from"lit/directives/ref.js";import*as pt from"cheerio";var de=async o=>{let t=await(await fetch(o)).text();return pt.load(t,{xmlMode:!0,xml:{xmlMode:!0}})('resource[type="imsqti_test_xmlv3p0"]').first()},pe=async o=>{let t=await(await fetch(o)).text(),e=pt.load(t,{xmlMode:!0,xml:{xmlMode:!0}}),r=[];return e("qti-assessment-item-ref").each((i,c)=>{let u=e(c).attr("identifier"),l=e(c).attr("href"),k=e(c).attr("category");r.push({identifier:u,href:l,category:k})}),r},z=new AbortController;async function St(o){let s=async e=>{try{return await(await fetch(e,{signal:t})).text()}catch(r){r.name==="AbortError"?console.log("Fetch aborted"):console.error(r)}return""};z==null||z.abort(),z=new AbortController;let t=z.signal;return await s(o)}var Lt=async o=>{o.endsWith("/")||(o=o+"/");let s=await de(o+"/imsmanifest.xml"),t=await pe(o+s.attr("href"));return{itemLocation:`${o}/${s.attr("href").substring(0,s.attr("href").lastIndexOf("/"))}/`,items:t,testIdentifier:s.attr("identifier")}};import{html as Mt}from"lit";var At=(o,s,t)=>{let e=fe();return o?Mt`
+        <qti-assessment-test
+          ${xe(e)}
+          identifier="${o.testIdentifier}"
+          @on-test-set-item=${async({detail:r})=>{var u;let i=e.value.itemRefEls.get(r.new),c=await St(`${o.itemLocation}/${i.href}`);i.xml=c,(u=e.value)==null||u.itemRefEls.forEach((l,k)=>l.identifier!==i.identifier&&(l.xml=""))}}
+          @qti-assessment-first-updated=${r=>{t&&(e.value.context=t)}}
+          item-index=${s}
+        >
+          <test-show-index></test-show-index> : <test-item-id></test-item-id>
+
+          <qti-test-part>
+            <qti-assessment-section>
+              ${o.items.map(r=>Mt`<qti-assessment-item-ref
+                    item-location=${`${o.itemLocation}`}
+                    identifier="${r.identifier}"
+                    href="${r.href}"
+                    category="${he(r.category)}"
+                  >
+                  </qti-assessment-item-ref>`)}
+            </qti-assessment-section>
+          </qti-test-part>
+
+          <div class="nav">
+            <test-prev> &#9001; </test-prev>
+            <test-paging-buttons></test-paging-buttons>
+            <test-next> &#9002; </test-next>
+          </div>
+
+          <test-slider></test-slider>
+
+          <test-toggle-scoring></test-toggle-scoring>
+
+          <test-manual-scoring></test-manual-scoring>
+        </qti-assessment-test>
+      `:""};import{html as ge}from"lit";var Rt=`*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+button {
+  all: unset;
+}
+button:focus {
+  outline: revert;
+}
+::host {
+  height: 100vh;
+  width: 100vw;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity)); /* bg-red-400; */
+}
+qti-assessment-test {
+  display: block;
+  padding: 2rem; /* bg-red-400; */
+}
+:host {
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
+}
+.arrow {
+  height: 1.25rem;
+  width: 1.25rem;
+}
+.nav {
+  isolation: isolate;
+  margin-top: 1rem;
+  display: inline-flex;
+  width: 100%;
+}
+.nav > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1px * var(--tw-space-x-reverse));
+  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+}
+.nav {
+  border-radius: 0.375rem;
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+test-prev::part(button) {
+  all: unset;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 1rem;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-inset: inset;
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+test-prev::part(button):hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+test-prev::part(button):focus {
+  z-index: 20;
+  outline-offset: 0px;
+}
+test-slider::part(input) {
+  width: 100%;
+}
+test-next::part(button) {
+  all: unset;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-inset: inset;
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+test-next::part(button):hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+test-next::part(button):focus {
+  z-index: 20;
+  outline-offset: 0px;
+}
+test-paging-buttons {
+  display: none;
+  width: 100%;
+  justify-content: center;
+}
+@media (min-width: 768px) {
+  test-paging-buttons {
+    margin-top: -1px;
+    display: flex;
+  }
+}
+test-paging-buttons > button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity));
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-inset: inset;
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+test-paging-buttons > button:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+test-paging-buttons > button:focus {
+  z-index: 20;
+  outline-offset: 0px;
+}
+test-paging-buttons > button[data-active-item='true'] {
+  position: relative;
+  z-index: 10;
+  display: inline-flex;
+  align-items: center;
+  --tw-bg-opacity: 1;
+  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+test-paging-buttons > button[data-active-item='true']:focus {
+  z-index: 20;
+}
+test-paging-buttons > button[data-active-item='true']:focus-visible {
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: #4f46e5;
+}
+/* qti-test-part {
+  qti-assessment-section {
+    @apply flex aspect-video gap-8 overflow-x-hidden;
+    qti-assessment-item-ref {
+      @apply block h-full w-full max-w-none flex-shrink-0 bg-white p-8;
+    }
+  }
+} */
+qti-test-part qti-assessment-section {
+  aspect-ratio: 16 / 9;
+  width: 100%;
+}
+`;function we(o){let[s,t]=Z();return Y(()=>{var r;let e=new CSSStyleSheet;e.replaceSync(Rt),(r=o.shadowRoot)==null||r.adoptedStyleSheets.push(e)},[]),Y(()=>{(async r=>await Lt(r))(o.packageUri).then(r=>{t(r)})},[o.packageUri]),ge`${s?dt(At)(s):""}`}var ve=lt(we,{observedAttributes:["package-uri"]});customElements.define("qti-test",ve);import{html as ye,LitElement as Ce}from"lit";import{customElement as Ee,state as _e}from"lit/decorators.js";import{consume as ke}from"@lit/context";var D=class extends Ce{_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){var i;let{items:t,itemIndex:e}=this._testContext,r=Math.min(e+1,t.length-1);return ye`
+      <button part="button" @click=${c=>this._requestItem(r)} id="${(i=t[r])==null?void 0:i.identifier}">
+        <slot></slot>
+      </button>
+    `}};n([ke({context:m,subscribe:!0}),_e()],D.prototype,"_testContext",2),D=n([Ee("test-next")],D);import{html as Ie,LitElement as qe}from"lit";import{customElement as $e,state as Se}from"lit/decorators.js";import{consume as Le}from"@lit/context";var N=class extends qe{_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){var i;let{items:t,itemIndex:e}=this._testContext,r=Math.max(e-1,0);return Ie`
+      <button part="button" @click=${c=>this._requestItem(r)} id="${(i=t[r])==null?void 0:i.identifier}">
+        <slot></slot>
+      </button>
+    `}};n([Le({context:m,subscribe:!0}),Se()],N.prototype,"_testContext",2),N=n([$e("test-prev")],N);import{consume as Me}from"@lit/context";import{LitElement as Ae,html as Re}from"lit";import{customElement as Oe,state as ze}from"lit/decorators.js";var Q=class extends Ae{render(){let{items:t,itemIndex:e}=this._testProvider;return Re`
+      <progress part="progress" id="file" max=${t.length-1} value=${e}>
+        ${e/(t.length-1)}%
+      </progress>
+    `}};n([Me({context:m,subscribe:!0}),ze()],Q.prototype,"_testProvider",2),Q=n([Oe("test-progress")],Q);import{consume as De}from"@lit/context";import{LitElement as Ne,html as Qe}from"lit";import{customElement as Fe,state as Pe}from"lit/decorators.js";var F=class extends Ne{_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){let{items:t,itemIndex:e}=this._testProvider;return Qe`
+      <input
+        part="input"
+        type="range"
+        value=${e.toString()}
+        class="absolute w-full appearance-none bg-transparent"
+        max=${t.length-1}
+        @input=${r=>this._requestItem(+r.target.value)}
+      />
+    `}};n([De({context:m,subscribe:!0}),Pe()],F.prototype,"_testProvider",2),F=n([Fe("test-slider")],F);import{consume as He}from"@lit/context";import{LitElement as Ve,html as Ot}from"lit";import{customElement as Ue,state as je}from"lit/decorators.js";var P=class extends Ve{createRenderRoot(){return this}_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){let{items:t,itemIndex:e}=this._testProvider;return Ot`
+      ${t.map((r,i)=>{var c;return Ot` <label>
+            <input
+              type="radio"
+              part="input"
+              name="item"
+              value="${i}"
+              ?checked=${i===e}
+              @change=${u=>this._requestItem(i)}
+              data-completion-status=${(c=r.variables.find(u=>u.identifier==="completionStatus"))==null?void 0:c.value}
+              id="${r.identifier}"
+            />
+            ${i+1}
+          </label>`})}
+    `}};n([He({context:m,subscribe:!0}),je()],P.prototype,"_testProvider",2),P=n([Ue("test-paging-radio")],P);import{consume as Xe}from"@lit/context";import{LitElement as We,html as zt}from"lit";import{customElement as Be,property as Je,state as Ge}from"lit/decorators.js";var L=class extends We{constructor(){super(...arguments);this.maxDisplayedItems=5}createRenderRoot(){return this}_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){let{items:t,itemIndex:e}=this._testProvider,r=Math.max(0,e-this.maxDisplayedItems),i=Math.min(t.length-1,e+this.maxDisplayedItems),c=t.slice(r,i+1);return zt`
+      ${c.map((u,l)=>{var k;return zt`<button
+            part="button"
+            data-completion-status=${(k=u.variables.find(M=>M.identifier==="completionStatus"))==null?void 0:k.value}
+            data-active-item=${r+l===e}
+            @click=${M=>this._requestItem(r+l)}
+            id="${u.identifier}"
+          >
+            ${r+l+1}
+          </button>`})}
+    `}};n([Xe({context:m,subscribe:!0}),Ge()],L.prototype,"_testProvider",2),n([Je({type:Number})],L.prototype,"maxDisplayedItems",2),L=n([Be("test-paging-buttons")],L);import{consume as Ke}from"@lit/context";import{LitElement as Ye,html as Dt}from"lit";import{customElement as Ze,state as Te}from"lit/decorators.js";var H=class extends Ye{render(){var i,c,u;let{items:t,itemIndex:e}=this._testProvider;if(e==null)return Dt``;let r=(u=(c=this.closest("qti-assessment-test"))==null?void 0:c.itemRefEls.get((i=t[e])==null?void 0:i.identifier))==null?void 0:u.assessmentItem;return Dt`
+      <button part="button" @click=${l=>r.showCorrectResponse(!0)}>
+        <slot></slot>
+      </button>
+    `}};n([Ke({context:m,subscribe:!0}),Te()],H.prototype,"_testProvider",2),H=n([Ze("test-show-correct")],H);import{ContextConsumer as ts}from"@lit/context";import{html as es,LitElement as ss}from"lit";import{customElement as rs,state as os}from"lit/decorators.js";var V=class extends ss{constructor(){super(...arguments);this._printed=""}render(){return es`${this._printed}<slot @slotchange=${this.handleSlotChange}></slot>`}handleSlotChange(t){var r,i;let e=Array.from((r=this.childNodes)!=null?r:[]).find(c=>c.nodeType===Node.COMMENT_NODE);try{this.operatorFunction=new Function("context","item",(i=e.textContent)!=null?i:"")}catch(c){console.error("custom-operator contains invalid javascript code",c)}this._context=new ts(this,m,c=>{this._printed=this.operatorFunction(c,this.closest("qti-assessment-item"))},!0)}};n([os()],V.prototype,"_printed",2),V=n([rs("test-script")],V);import{html as is,LitElement as ns}from"lit";import{customElement as as,state as cs}from"lit/decorators.js";import{consume as ms}from"@lit/context";var U=class extends ns{_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){let{items:t,itemIndex:e}=this._testContext,r=t[e-1];return is` ${e+1}/${t.length} `}};n([ms({context:m,subscribe:!0}),cs()],U.prototype,"_testContext",2),U=n([as("test-show-index")],U);import{consume as us}from"@lit/context";import{LitElement as ls,html as ds}from"lit";import{customElement as ps,state as hs}from"lit/decorators.js";var j=class extends ls{render(){return ds`
+      <pre>
+${JSON.stringify(v(f({},this._testProvider),{items:this._testProvider.items.map(t=>v(f({},t),{itemEl:null}))}),null,2)}</pre
+      >
+    `}};n([us({context:m,subscribe:!0}),hs()],j.prototype,"_testProvider",2),j=n([ps("test-print-variables")],j);import{consume as fs}from"@lit/context";import{LitElement as xs,html as bs}from"lit";import{customElement as gs,state as ws}from"lit/decorators.js";var X=class extends xs{_requestItem(t){this.dispatchEvent(new CustomEvent("on-test-request-item",{composed:!0,bubbles:!0,detail:t}))}render(){let{items:t}=this._testContext,e=t.reduce((i,c)=>{let u=c.variables.find(l=>l.identifier==="SCORE");return i+(u?+u.value:0)},0),r=t.reduce((i,c)=>{let u=c.variables.find(l=>l.identifier==="MAXSCORE");return i+(u?+u.value:0)},0);return bs` ${e}/${r}`}};n([fs({context:m,subscribe:!0}),ws()],X.prototype,"_testContext",2),X=n([gs("test-print-score")],X);import{LitElement as vs,html as ys}from"lit";import{customElement as Cs,property as W}from"lit/decorators.js";var y=class extends vs{constructor(){super(...arguments);this.disabled=!1;this.readonly=!1;this.value=0}textChanged(t){if(this.disabled||this.readonly)return;let e=t.target;this.value=Number(e.value),this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:"SCORE",value:this.value.toString()}}))}render(){return ys`
+      <input
+        part="input"
+        type="number"
+        spellcheck="false"
+        autocomplete="off"
+        @keyup=${this.textChanged}
+        @change=${this.textChanged}
+        placeholder="score"
+        min=${this.min}
+        max=${this.max}
+        .value=${this.value.toString()}
+        size="10"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+      />
+    `}};n([W({type:Boolean})],y.prototype,"disabled",2),n([W({type:Boolean})],y.prototype,"readonly",2),n([W({type:Number})],y.prototype,"value",2),n([W({type:Number})],y.prototype,"min",2),n([W({type:Number})],y.prototype,"max",2),y=n([Cs("test-manual-scoring")],y);import{LitElement as Es,html as _s}from"lit";import{customElement as ks}from"lit/decorators.js";var T=class extends Es{render(){let s=this.closest("qti-assessment-test");return _s`
+      <label>
+        <input
+          type="checkbox"
+          @change=${t=>{let e=t.target;s.audienceContext=e.checked?"scorer":"candidate"}}
+        />
+        Toggle audience context
+      </label>
+    `}};T=n([ks("test-toggle-scoring")],T);import{html as Is,LitElement as qs}from"lit";import{customElement as $s,state as Ss}from"lit/decorators.js";import{consume as Ls}from"@lit/context";var B=class extends qs{render(){var r;let{items:t,itemIndex:e}=this._testContext;return Is` ${(r=t[e])==null?void 0:r.identifier} `}};n([Ls({context:m,subscribe:!0}),Ss()],B.prototype,"_testContext",2),B=n([$s("test-item-id")],B);export{q as a,xt as b,m as c,E as d,$ as e,St as f,Lt as g,ve as h,D as i,N as j,Q as k,F as l,P as m,L as n,H as o,V as p,U as q,j as r,X as s,y as t,T as u,B as v};
+/*! Bundled license information:
+
+haunted/lib/use-controller.js:
+  (**
+   * @license
+   * Portions Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/