@citolab/qti-components 6.3.8 → 6.4.0

package/dist/chunk-W7PJYSDO.cjs

@@ -0,0 +1,405 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunk4UAPG3LEcjs = require('./chunk-4UAPG3LE.cjs');var _chunkHYQC3D4Zcjs = require('./chunk-HYQC3D4Z.cjs');var _decoratorsjs = require('lit/decorators.js');var q=class extends _chunk4UAPG3LEcjs.a{connectedCallback(){super.connectedCallback();let t=new CustomEvent("register-item-ref",{bubbles:!0,composed:!0,detail:{identifier:this.identifier,href:this.href}});this.dispatchEvent(t)}};_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:String})],q.prototype,"identifier",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:String})],q.prototype,"href",2),q= exports.a =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "qti-assessment-item-ref")],q);var _lit = require('lit');var _context2 = require('@lit/context');var xt=class{},m= exports.c =_context2.createContext.call(void 0, "test");var _preactsignals = require('@lit-labs/preact-signals');var E=class extends _lit.LitElement{constructor(){super();this.itemIndex=0;this._initialValue={itemIndex:0,audienceContext:"candidate",items:[]};this.signalContext=_preactsignals.signal.call(void 0, 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)),_preactsignals.effect.call(void 0, ()=>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=_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},this._context),{audienceContext:this.audienceContext}),this.itemRefEls.forEach((i,c)=>i.audienceContext={view:this.audienceContext})),t.has("itemIndex")&&(this.signalContext.value=_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},this.signalContext.value),{itemIndex:this.itemIndex}))}copyItemVariables(t){this.signalContext.value=_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},this.signalContext.value),{items:this.signalContext.value.items.map(e=>e.identifier==t?_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},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=_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},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 _lit.html`<slot></slot>`}};_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:String,reflect:!0,attribute:"audience-context"})],E.prototype,"audienceContext",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Number,reflect:!0,attribute:"item-index"})],E.prototype,"itemIndex",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:String})],E.prototype,"identifier",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.provide.call(void 0, {context:m}),_decoratorsjs.property.call(void 0, {attribute:!1})],E.prototype,"_context",2),E= exports.d =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "qti-assessment-test")],E);var $=class extends _lit.LitElement{constructor(){super(...arguments);this.loading=!1;this._navigationMode="linear"}render(){return _lit.html`
+      <slot name="qti-item"></slot>
+      <slot> </slot>
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Boolean,reflect:!0})],$.prototype,"loading",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:String,attribute:"navigation-mode"})],$.prototype,"_navigationMode",2),$= exports.e =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "qti-test-part")],$);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){_chunkHYQC3D4Zcjs.d.call(void 0, this,"update");_chunkHYQC3D4Zcjs.d.call(void 0, this,"host");_chunkHYQC3D4Zcjs.d.call(void 0, this,"virtual");_chunkHYQC3D4Zcjs.d.call(void 0, this,Yt);_chunkHYQC3D4Zcjs.d.call(void 0, this,Zt);_chunkHYQC3D4Zcjs.d.call(void 0, 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){_chunkHYQC3D4Zcjs.d.call(void 0, this,"renderer");_chunkHYQC3D4Zcjs.d.call(void 0, this,"host");_chunkHYQC3D4Zcjs.d.call(void 0, this,"state");_chunkHYQC3D4Zcjs.d.call(void 0, this,se);_chunkHYQC3D4Zcjs.d.call(void 0, 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);_chunkHYQC3D4Zcjs.d.call(void 0, 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();_chunkHYQC3D4Zcjs.d.call(void 0, this,"_scheduler");l===!1?this._scheduler=new s(e,this):(this.attachShadow(_chunkHYQC3D4Zcjs.a.call(void 0, {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){_chunkHYQC3D4Zcjs.d.call(void 0, this,"id");_chunkHYQC3D4Zcjs.d.call(void 0, 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);_chunkHYQC3D4Zcjs.d.call(void 0, this,"callback");_chunkHYQC3D4Zcjs.d.call(void 0, this,"lastValues");_chunkHYQC3D4Zcjs.d.call(void 0, this,"values");_chunkHYQC3D4Zcjs.d.call(void 0, 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);_chunkHYQC3D4Zcjs.d.call(void 0, this,"Context");_chunkHYQC3D4Zcjs.d.call(void 0, this,"value");_chunkHYQC3D4Zcjs.d.call(void 0, this,"_ranEffect");_chunkHYQC3D4Zcjs.d.call(void 0, 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();_chunkHYQC3D4Zcjs.d.call(void 0, this,"listeners");_chunkHYQC3D4Zcjs.d.call(void 0, 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);_chunkHYQC3D4Zcjs.d.call(void 0, this,"value");_chunkHYQC3D4Zcjs.d.call(void 0, 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);_chunkHYQC3D4Zcjs.d.call(void 0, 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);_chunkHYQC3D4Zcjs.d.call(void 0, this,"reducer");_chunkHYQC3D4Zcjs.d.call(void 0, 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}}var _directivejs = require('lit/directive.js');var _asyncdirectivejs = require('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);_chunkHYQC3D4Zcjs.d.call(void 0, this,"args");_chunkHYQC3D4Zcjs.d.call(void 0, 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 _asyncdirectivejs.AsyncDirective{constructor(i){super(i);_chunkHYQC3D4Zcjs.d.call(void 0, 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 _lit.noChange}}return _directivejs.directive.call(void 0, 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:_lit.render}),dt=qt();var _ifdefinedjs = require('lit/directives/if-defined.js');var _refjs = require('lit/directives/ref.js');var _cheerio = require('cheerio'); var pt = _interopRequireWildcard(_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")}};var At=(o,s,t)=>{let e=_refjs.createRef.call(void 0, );return o?_lit.html`
+        <qti-assessment-test
+          ${_refjs.ref.call(void 0, 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=>_lit.html`<qti-assessment-item-ref
+                    item-location=${`${o.itemLocation}`}
+                    identifier="${r.identifier}"
+                    href="${r.href}"
+                    category="${_ifdefinedjs.ifDefined.call(void 0, 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>
+      `:""};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]),_lit.html`${s?dt(At)(s):""}`}var ve=lt(we,{observedAttributes:["package-uri"]});customElements.define("qti-test",ve);var D=class extends _lit.LitElement{_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 _lit.html`
+      <button part="button" @click=${c=>this._requestItem(r)} id="${(i=t[r])==null?void 0:i.identifier}">
+        <slot></slot>
+      </button>
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],D.prototype,"_testContext",2),D= exports.i =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-next")],D);var N=class extends _lit.LitElement{_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 _lit.html`
+      <button part="button" @click=${c=>this._requestItem(r)} id="${(i=t[r])==null?void 0:i.identifier}">
+        <slot></slot>
+      </button>
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],N.prototype,"_testContext",2),N= exports.j =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-prev")],N);var Q=class extends _lit.LitElement{render(){let{items:t,itemIndex:e}=this._testProvider;return _lit.html`
+      <progress part="progress" id="file" max=${t.length-1} value=${e}>
+        ${e/(t.length-1)}%
+      </progress>
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],Q.prototype,"_testProvider",2),Q= exports.k =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-progress")],Q);var F=class extends _lit.LitElement{_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 _lit.html`
+      <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)}
+      />
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],F.prototype,"_testProvider",2),F= exports.l =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-slider")],F);var P=class extends _lit.LitElement{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 _lit.html`
+      ${t.map((r,i)=>{var c;return _lit.html` <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>`})}
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],P.prototype,"_testProvider",2),P= exports.m =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-paging-radio")],P);var L=class extends _lit.LitElement{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 _lit.html`
+      ${c.map((u,l)=>{var k;return _lit.html`<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>`})}
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],L.prototype,"_testProvider",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Number})],L.prototype,"maxDisplayedItems",2),L= exports.n =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-paging-buttons")],L);var H=class extends _lit.LitElement{render(){var i,c,u;let{items:t,itemIndex:e}=this._testProvider;if(e==null)return _lit.html``;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 _lit.html`
+      <button part="button" @click=${l=>r.showCorrectResponse(!0)}>
+        <slot></slot>
+      </button>
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],H.prototype,"_testProvider",2),H= exports.o =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-show-correct")],H);var V=class extends _lit.LitElement{constructor(){super(...arguments);this._printed=""}render(){return _lit.html`${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 (0, _context2.ContextConsumer)(this,m,c=>{this._printed=this.operatorFunction(c,this.closest("qti-assessment-item"))},!0)}};_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.state.call(void 0, )],V.prototype,"_printed",2),V= exports.p =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-script")],V);var U=class extends _lit.LitElement{_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 _lit.html` ${e+1}/${t.length} `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],U.prototype,"_testContext",2),U= exports.q =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-show-index")],U);var j=class extends _lit.LitElement{render(){return _lit.html`
+      <pre>
+${JSON.stringify(_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},this._testProvider),{items:this._testProvider.items.map(t=>_chunkHYQC3D4Zcjs.b.call(void 0, _chunkHYQC3D4Zcjs.a.call(void 0, {},t),{itemEl:null}))}),null,2)}</pre
+      >
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],j.prototype,"_testProvider",2),j= exports.r =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-print-variables")],j);var X=class extends _lit.LitElement{_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 _lit.html` ${e}/${r}`}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],X.prototype,"_testContext",2),X= exports.s =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-print-score")],X);var y=class extends _lit.LitElement{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 _lit.html`
+      <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}
+      />
+    `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Boolean})],y.prototype,"disabled",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Boolean})],y.prototype,"readonly",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Number})],y.prototype,"value",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Number})],y.prototype,"min",2),_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.property.call(void 0, {type:Number})],y.prototype,"max",2),y= exports.t =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-manual-scoring")],y);var T=class extends _lit.LitElement{render(){let s=this.closest("qti-assessment-test");return _lit.html`
+      <label>
+        <input
+          type="checkbox"
+          @change=${t=>{let e=t.target;s.audienceContext=e.checked?"scorer":"candidate"}}
+        />
+        Toggle audience context
+      </label>
+    `}};T= exports.u =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-toggle-scoring")],T);var B=class extends _lit.LitElement{render(){var r;let{items:t,itemIndex:e}=this._testContext;return _lit.html` ${(r=t[e])==null?void 0:r.identifier} `}};_chunkHYQC3D4Zcjs.c.call(void 0, [_context2.consume.call(void 0, {context:m,subscribe:!0}),_decoratorsjs.state.call(void 0, )],B.prototype,"_testContext",2),B= exports.v =_chunkHYQC3D4Zcjs.c.call(void 0, [_decoratorsjs.customElement.call(void 0, "test-item-id")],B);exports.a = q; exports.b = xt; exports.c = m; exports.d = E; exports.e = $; exports.f = St; exports.g = Lt; exports.h = ve; exports.i = D; exports.j = N; exports.k = Q; exports.l = F; exports.m = P; exports.n = L; exports.o = H; exports.p = V; exports.q = U; exports.r = j; exports.s = X; exports.t = y; exports.u = T; exports.v = B;
+/*! Bundled license information:
+
+haunted/lib/use-controller.js:
+  (**
+   * @license
+   * Portions Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/dist/context/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBKBZWUX6cjs = require('../chunk-BKBZWUX6.cjs');require('../chunk-HYQC3D4Z.cjs');exports.audienceContext = _chunkBKBZWUX6cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-HYQC3D4Z.cjs');var _context = require('@lit/context');var o=_context.createContext.call(void 0, "audience");exports.audienceContext = o;

package/dist/context/index.d.cts

@@ -1,6 +1,6 @@
-interface AudienceContext {
-    view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor';
-}
+type AudienceContext = {
+    view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+};
 declare const audienceContext: {
     __context__: AudienceContext;
 };

package/dist/context/index.d.ts

@@ -1,6 +1,6 @@
-interface AudienceContext {
-    view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor';
-}
+type AudienceContext = {
+    view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+};
 declare const audienceContext: {
     __context__: AudienceContext;
 };

package/dist/context/index.js

@@ -1 +1 @@
-import{a as o}from"../chunk-DPSTDDQZ.js";import"../chunk-YWGBLO7P.js";export{o as audienceContext};
+import"../chunk-YWGBLO7P.js";import{createContext as t}from"@lit/context";var o=t("audience");export{o as audienceContext};