@citolab/qti-components 3.0.68 → 3.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.js +1 -1
  2. package/index.umd.js +1 -1
  3. package/lib/utilities/drag-drop/drag-drop-interaction-mixin.d.ts +2 -1
  4. package/package.json +1 -1
package/index.js CHANGED
@@ -173,7 +173,7 @@ import{LitElement as e,html as t,css as i}from"lit";import{customElement as s,pr
173
173
  </select>`}constructor(){super(),this.options=[],this.addEventListener(b.ON_DROPDOWN_SELECTED,this.choiceSelected);const e=Array.from(this.querySelectorAll("qti-inline-choice"));this.options=[{textContent:"select",value:"",selected:!1},...e.map((e=>({textContent:e.innerHTML,value:e.getAttribute("identifier"),selected:!1})))]}validate(){const e=this.options.find((e=>e.selected));return!!e&&""!==e.value}reset(){this.options=this.options.map(((e,t)=>Object.assign(Object.assign({},e),{selected:0===t})))}set response(e){this.options=this.options.map((t=>(e===t.value&&(t.selected=!0),t)))}choiceSelected(e){const t=e.target.value;this.options=this.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===t}))),this.saveResponse({base:{string:t}})}}z.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"],customElements.define("qti-inline-choice-interaction",z);class X extends V{constructor(){super(...arguments),this._shuffle=!1,this.render=()=>t`
174
174
  <slot name="prompt"></slot>
175
175
  <slot></slot>`}}X.layoutClass=["","qti-choices-stacking-2","qti-choices-stacking-3","qti-choices-stacking-4","qti-orientation-vertical","qti-orientation-horizontal"],X.presentationClass=["","qti-input-control-hidden"],q([n({attribute:"orientation"}),x("design:type",String)],X.prototype,"_orientation",void 0),q([n({attribute:"shuffle",type:Boolean}),x("design:type",Boolean)],X.prototype,"_shuffle",void 0),customElements.define("qti-choice-interaction",X);let K=class extends A{};K=q([s("qti-simple-choice")],K);class W extends e{render(){return t`<slot></slot>`}static get observedAttributes(){return["identifier"]}process(){if(this.getAttribute("template")){const e=this.getAttribute("template").split("/"),t=e[e.length-1].replace(".xml","");switch(this.innerHTML="",t){case"map_response":this.appendChild(this.fragmentFromString('<qti-response-processing>\n <qti-response-condition>\n <qti-response-if>\n <qti-is-null>\n <qti-variable identifier="RESPONSE"></qti-variable>\n </qti-is-null>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">0.0</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-if>\n <qti-response-else>\n <qti-set-outcome-value identifier="SCORE">\n <qti-map-response identifier="RESPONSE"> </qti-map-response>\n </qti-set-outcome-value>\n </qti-response-else>\n </qti-response-condition>\n</qti-response-processing>'));break;case"map_response_point":this.appendChild(this.fragmentFromString('<qti-response-processing>\n <qti-response-condition>\n <qti-response-if>\n <qti-is-null>\n <qti-variable identifier="RESPONSE"></qti-variable>\n </qti-is-null>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">0</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-if>\n <qti-response-else>\n <qti-set-outcome-value identifier="SCORE">\n <qti-map-response-point identifier="RESPONSE"></qti-map-response-point>\n </qti-set-outcome-value>\n </qti-response-else>\n </qti-response-condition>\n</qti-response-processing>'));break;case"match_correct":this.appendChild(this.fragmentFromString('<qti-response-processing>\n <qti-response-condition>\n <qti-response-if>\n <qti-match>\n <qti-variable identifier="RESPONSE"></qti-variable>\n <qti-correct identifier="RESPONSE"></qti-correct>\n </qti-match>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">1</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-if>\n <qti-response-else>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">0</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-else>\n </qti-response-condition>\n</qti-response-processing>'))}}const e=[...this.children];for(let t=0;t<e.length;t++){e[t].process()}}fragmentFromString(e){return document.createRange().createContextualFragment(e)}}customElements.define("qti-response-processing",W);class Q extends e{render(){return t``}process(){throw new Error("Not implemented")}}customElements.define("qti-rule",Q);class J extends Q{render(){return t`<slot></slot>`}process(){const e=[...this.children];for(let t=0;t<e.length;t++){const i=e[t];if(i.calculate())return void i.process()}}}customElements.define("qti-response-condition",J);class Z extends e{static get properties(){return{debugCalculateResult:{type:Object}}}render(){return t`
176
- <slot></slot>`}calculate(){return this.debugCalculateResult=!0,!0}getSubRules(){return[...this.children]}process(){const e=this.getSubRules();for(let t=0;t<e.length;t++){e[t].process()}}}customElements.define("qti-response-else",Z);class ee extends Z{render(){return t`${super.render()}`}calculate(){const e=this.firstElementChild.calculate();return this.debugCalculateResult=e,e}getSubRules(){const e=[];for(let t=1;t<this.children.length;t++)e.push(this.children[t]);return e}}customElements.define("qti-response-if",ee);class te extends ee{render(){return t`${super.render()}`}}customElements.define("qti-response-else-if",te);class ie extends E{render(){return t``}calculate(){throw new Error("Not implemented")}}customElements.define("qti-expression",ie);class se extends ie{calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Response ${e} can not be found`),null;const i=t.mapping,s=t.value;let n=0;if(Array.isArray(s)){for(let e=0;e<s.length;e++)n+=ne(i,s[e],t.baseType);return n}return n+=ne(i,s,t.baseType),n}}function ne(e,t,i){let s=0;for(const n of e.entries()){const{entryTyped:e,valueTyped:r}=re(i,n,t);e===r&&(s+=n[1])}return s}function re(e,t,i){let s,n;switch(e){case m.string:case m.identifier:case m.directedPair:s=""+t[0],n=""+i;break;case m.float:s=parseFloat(t[0].replace(",",".")),n=parseFloat(i.replace(",","."));break;default:console.warn("no base-type identifier")}return{entryTyped:s,valueTyped:n}}customElements.define("qti-map-response",se);class oe extends Q{process(){const e=this.getAttribute("identifier"),t=this.firstElementChild,i=t?t.calculate():null;this.closest("qti-assessment-item").setOutcomeValue(e,i)}}customElements.define("qti-set-outcome-value",oe);class ae extends ie{render(){return t``}calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Can not find qti-response-identifier: ${e}`),null;return t.correctResponse}}customElements.define("qti-correct",ae);class le extends ie{render(){return t``}calculate(){const e=this.getAttribute("identifier");return this.closest("qti-assessment-item").getVariableValue(e)}}customElements.define("qti-variable",le);class ce extends ie{calculate(){const e=this.firstElementChild.calculate(),t=this.lastElementChild.calculate();let i=!0;return i=e instanceof Array?e.length===t.length&&e.filter(((e,i)=>e===t[i])).length===e.length:e==t,i}}customElements.define("qti-match",ce);class de extends ie{calculate(){return de.calculate(this.textContent,this.getAttribute("base-type"))}static calculate(e,t){let i;if(t===m.directedPair){const t=e.split(" ");i={destination:t[1],source:t[0]}}else i=e;return i}}customElements.define("qti-base-value",de);class he extends ie{calculate(){const e=this.firstElementChild,t=this.lastElementChild;return he.calculate(e,t)}static calculate(e,t){const i=e.calculate(),s=t.calculate(),n=i.map((e=>e.source+" "+e.destination)),r=s.map((e=>e.source+" "+e.destination));return n.filter((e=>r.includes(e))).length>0}}customElements.define("qti-contains",he);class pe extends ie{calculate(){return 2===this.children.length?pe.calculate(this.children[0],this.children[1]):(this.err("unexpected number of children in qte"),null)}static calculate(e,t){return+e.calculate()>=+t.calculate()}}customElements.define("qti-gte",pe);class ue extends ie{calculate(){return Array.from(this.children).map((e=>e.calculate()))}}customElements.define("qti-multiple",ue);class me extends ie{render(){return t``}calculate(){return me.calculate(Array.from(this.children))}static calculate(e){return e.every((e=>e.calculate()))}}customElements.define("qti-and",me);class ge extends ie{render(){return t``}calculate(){return ge.calculate(Array.from(this.children))}static calculate(e){return!!e.find((e=>e.calculate()))}}customElements.define("qti-or",ge);class be extends ie{calculate(){return 1===this.children.length?be.calculate(this.children[0]):(this.err("unexpected number of children in qte"),null)}static calculate(e){const t=e.calculate();return null==t||null==t||""===t}}customElements.define("qti-is-null",be);class ye extends E{constructor(){super(...arguments),this._errorMessage=null}static get properties(){return{responseIdentifier:{type:String,attribute:"response-identifier"},module:{type:String,attribute:"module"},customInteractionTypeIdentifier:{type:String,attribute:"custom-interaction-type-identifier"},baseUrl:{type:String,attribute:"base-url"},_errorMessage:{type:String,state:!0}}}getTAOConfig(e){const t=e.querySelectorAll("properties");let i={};const s=e=>{const t={},i=e.getAttribute("key");if(i){const s=Array.from(e.children),r=s.map((e=>e.getAttribute("key"))),o=r.length>0&&!r.find((e=>!Number.isInteger(+e)));t[i]=o?s.map((e=>n(e))):e.textContent}return t},n=e=>{if(e){let t={};for(const i of e.children)t=Object.assign(Object.assign({},t),s(i));return t}};for(const e of t){return e.getAttribute("key")||(i=Object.assign(Object.assign({},i),n(e))),i}this.err("Can not find qti-custom-interaction config")}register(e){const t="QTI-CUSTOM-INTERACTION"===this.parentElement.tagName?"TAO":"IMS",i="IMS"==t?this.querySelector("qti-interaction-markup"):this.querySelector("markup");i.classList.add("qti-customInteraction"),"TAO"==t&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");const s="IMS"==t?{properties:this.dataset}:this.getTAOConfig(this);if("IMS"==t?e.getInstance(i,s,void 0):e.initialize(this.customInteractionTypeIdentifier,i.firstElementChild,s),"TAO"==t){Array.from(this.querySelectorAll("link")).map((e=>e.getAttribute("href"))).forEach((e=>{const t=document.createElement("link");t.rel="stylesheet",t.type="text/css",t.media="screen",t.href=e,i.appendChild(t)}))}}connectedCallback(){super.connectedCallback();const e={context:this.customInteractionTypeIdentifier,baseUrl:this.baseUrl,catchError:!0};window.requirePaths&&window.requireShim&&(e.paths=window.requirePaths,e.shim=window.requireShim);requirejs.config(e)(["require"],(e=>{define("qtiCustomInteractionContext",(()=>({register:e=>{this.register(e)},notifyReady:()=>{}}))),e([this.module],(()=>{}),(e=>{this._errorMessage=e}))}),(e=>{this._errorMessage=e}))}render(){return t`<slot></slot>${this._errorMessage&&t`<div style="color:red"><h1>Error</h1>${this._errorMessage}</div>`}`}}customElements.define("qti-portable-custom-interaction",ye);const fe=(e,t,i)=>class extends e{static get properties(){return{disabled:{type:Boolean,reflect:!0}}}firstUpdated(e){if(this.classList.contains("qti-match-tabular"))return;super.firstUpdated(e);const s=Array.from(t?this.shadowRoot.querySelectorAll(i):this.querySelectorAll(i));this.dragoverHandler=this.dragoverHandler.bind(this),this.dragleaveHandler=this.dragleaveHandler.bind(this),this.dropHandler=this.dropHandler.bind(this),s.forEach((e=>{e.setAttribute("dropzone","move"),e.addEventListener("dragleave",this.dragleaveHandler),this.attachHandler(e)}));for(const e of s)this.observer=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type){switch(t.attributeName){case"disabled":e.hasAttribute("disabled")?this.removeHandler(e):this.attachHandler(e);break}}}))})),this.observer.observe(e,{attributes:!0})}attachHandler(e){e.addEventListener("dragover",this.dragoverHandler),e.addEventListener("drop",this.dropHandler)}removeHandler(e){e.removeEventListener("dragover",this.dragoverHandler),e.removeEventListener("drop",this.dropHandler)}disconnectedCallback(){var e;this.classList.contains("qti-match-tabular")||(super.disconnectedCallback(),null===(e=this.observer)||void 0===e||e.disconnect())}dragoverHandler(e){e.preventDefault();return e.currentTarget.setAttribute("active",""),e.dataTransfer.dropEffect="move",!1}dropHandler(e){e.preventDefault();const t=e.currentTarget,i=this.querySelector(`[identifier=${e.dataTransfer.getData("text")}`),s=i||this.shadowRoot.querySelector(`[identifier=${e.dataTransfer.getData("text")}`);return t?s.parentElement.getAttribute("identifier")!==t.getAttribute("identifier")&&t.appendChild(s):console.error(`cannot find droppable, target: ${e.target?JSON.stringify(e.target):"null"}`),t.removeAttribute("active"),!1}dragleaveHandler(e){e.preventDefault();return e.currentTarget.removeAttribute("active"),!1}},ve=(e,t,i)=>class extends e{};class Ee{constructor(){return this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._canDrag=!1,this._dragSrc=null,this._dragCopy=null,this._touchEndCalled=!1,this._dragRunning=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0,this._DBLCLICKDELAY=500,this._CONTEXTMENUDELAY=1e3,this._DRAGDELTA=5,this._COPYOPACITY=.7,Ee._instance?Ee._instance:(Ee._instance=this,document.addEventListener("touchmove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("mousemove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchend",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("mouseup",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchcancel",this._touchCancel.bind(this),{passive:!1,capture:!1}),this)}addDraggables(e){e.forEach((e=>{e.addEventListener("touchstart",this._touchStart.bind(this),{passive:!1,capture:!1}),e.addEventListener("mousedown",this._touchStart.bind(this),{passive:!1,capture:!1})}))}_touchStart(e){this._touchBegin=Date.now();const{x:t,y:i}=this.getPositionFromEvent(e);this._touchDown={x:t,y:i},this._dragSrc=e.target,this._canDrag=!0,e.preventDefault()}_touchMove(e){if(this._canDrag&&this._dragSrc){const{x:i,y:s}=this.getPositionFromEvent(e),n={clientX:i,clientY:s};if(this._getDelta(n)>=this._DRAGDELTA&&(this._dragRunning=!0),null===this._dragCopy&&this._dragRunning){this._dragSrc.style.opacity=this._COPYOPACITY,this._dragCopy=this._dragSrc.cloneNode(!0);const e=window.getComputedStyle(this._dragSrc);this._dragCopy.style="";for(const t of e)this._dragCopy.style[t]=e.getPropertyValue(t);this._calculateDragCopyPosition(n),this._dragCopy.style.top=n.clientY-this._copyOffset.y+"px",this._dragCopy.style.left=n.clientX-this._copyOffset.x+"px",this._dragCopy.style.position="absolute",this._dragCopy.style.pointerEvents="none",this._dragCopy.style.zIndex="999999",this._dragCopy=document.body.appendChild(this._dragCopy),this._dispatchEvent(this._dragSrc,"dragstart")}if(this._dragRunning){const i=this;requestAnimationFrame((function(){i._touchEndCalled||null===i._dragCopy||(i._dragCopy.style.top=n.clientY-i._copyOffset.y+"px",i._dragCopy.style.left=n.clientX-i._copyOffset.x+"px")}));var t=this._findDroppable(e);t!=this._lastTarget&&(this._dispatchEvent(t,"dragenter"),this._dispatchEvent(this._lastTarget,"dragleave"),this._lastTarget=t),this._currentDropContainer=t,this._currentDropContainer&&this._dispatchEvent(t,"dragover"),e.preventDefault()}}}_touchEnd(e){var t;if(this._touchEndCalled=!0,this._canDrag=!1,this._currentDropContainer)this._dispatchEvent(this._currentDropContainer,"drop"),this._dispatchEvent(this._dragSrc,"dragend");else if(this._dragRunning){const e=new CustomEvent("dragend",{bubbles:!0,cancelable:!0});e.dataTransfer={dropEffect:"none"},null===(t=this._dragSrc)||void 0===t||t.dispatchEvent(e)}this._reset()}_touchCancel(e){this._reset()}_findDroppable(e){let t;const i=e.composedPath().find((e=>{if(1===e.nodeType&&"SLOT"!==e.nodeName&&e.hasAttribute("dropzone"))return e}));if(i){const s=i.getRootNode(),n=this._getPoint(e);t=s.elementFromPoint(n.x,n.y)}return t}_getPoint(e,t){return e&&e.touches&&(e=e.touches[0]),{x:t?e.pageX:e.clientX,y:t?e.pageY:e.clientY}}_calculateDragCopyPosition(e){const t=this._dragSrc.getBoundingClientRect();this._copyOffset.x=e.clientX-t.left,this._copyOffset.y=e.clientY-t.top}_getDelta(e){return Math.abs(e.clientX-this._touchDown.x)+Math.abs(e.clientY-this._touchDown.y)}_dispatchEvent(e,t,i=!0){if(!e)return!1;const s=new CustomEvent(t,{bubbles:i,cancelable:!0});return s.dataTransfer=this._dataTransfer,e.dispatchEvent(s),s.defaultPrevented}_reset(){this._dragRunning&&(this._dragSrc.style.opacity="1.0",this._dragCopy.parentElement.removeChild(this._dragCopy)),this._dragRunning=!1,this._dragSrc=null,this._dragCopy=null,this._canDrag=!1,this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._touchEndCalled=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0}getPositionFromEvent(e){let t;if("touchstart"==e.type||"touchmove"==e.type||"touchend"==e.type||"touchcancel"==e.type){const i=void 0===e.originalEvent?e:e.originalEvent,s=i.touches[0]||i.changedTouches[0];t={x:s.pageX,y:s.pageY}}else"mousedown"!=e.type&&"mouseup"!=e.type&&"mousemove"!=e.type&&"mouseover"!=e.type&&"mouseout"!=e.type&&"mouseenter"!=e.type&&"mouseleave"!=e.type||(t={x:e.clientX,y:e.clientY});return t}}function _e(e,t){let i;return Object.assign({},t),(t,s)=>{const{connectedCallback:n,disconnectedCallback:r}=t;t.connectedCallback=function(){var t;n.call(this);i=new MutationObserver((t=>{const i=Array.from(this.querySelectorAll(e));for(const e of t){const t=Array.from(e.addedNodes).map((e=>e)),n=Array.from(e.addedNodes).map((e=>e));"childList"===e.type&&t.find((e=>i.includes(e)))&&this[s](t,n)}})),i.observe(this,{childList:!0,subtree:!0});const r=null!==(t=this.querySelectorAll(e))&&void 0!==t?t:[];this[s](Array.from(r),[])},t.disconnectedCallback=function(){r.call(this),i.disconnect()}}}const Ce=(e,t,i,s)=>{class r extends(ve(fe(e,i,s))){constructor(){super(...arguments),this.draggables=new Map,this.responseIdentifier="",this.disabled=!1,this.readonly=!1,this.minAssociations=1,this.maxAssociations=1}reInitDragAndDrop(e,t){if(this.classList.contains("qti-match-tabular"))return;e.filter((e=>!this.draggables||!this.draggables.get(e))).length>0&&(this.dragDropApi.addDraggables(e),e.forEach((e=>{this.draggables.set(e,{parent:e.parentElement,index:Array.from(e.parentNode.children).indexOf(e)}),e.setAttribute("qti-draggable","true"),e.addEventListener("dragstart",(t=>{t.dataTransfer.setData("text",t.currentTarget.getAttribute("identifier")),e.setAttribute("dragging","")})),this.addDragEndEvent(e)})))}handleDisabledChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("disabled",""):i.removeAttribute("disabled"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}handleReadonlyChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("readonly",""):i.removeAttribute("readonly"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}firstUpdated(e){super.firstUpdated(e),this.droppables=Array.from(i?this.shadowRoot.querySelectorAll(s):this.querySelectorAll(s))}connectedCallback(){super.connectedCallback(),this.dragDropApi=new Ee,this.dispatchEvent(new CustomEvent(b.ON_REGISTER_INTERACTION,{bubbles:!0,composed:!0,detail:this}))}addDragEndEvent(e){e.addEventListener("dragend",(t=>{if(t.preventDefault(),e.removeAttribute("over"),e.removeAttribute("dragging"),"none"===t.dataTransfer.dropEffect){const e=t.currentTarget,i=this.draggables.get(e),s=i.index<i.parent.children.length?i.index:i.parent.children.length-1,n=i.parent,r=i.parent.children[s];n.insertBefore(e,r)}t.dataTransfer.dropEffect,this.saveResponse(),this.checkMaxMatchAssociations()}))}reset(e=!0){this.draggables.forEach(((e,t)=>{const i=e.index<e.parent.children.length?e.index:e.parent.children.length;e.parent.insertBefore(t,e.parent.children[i])})),e&&this.saveResponse()}checkMaxMatchAssociations(){this.droppables.forEach((e=>{const t=+(e.getAttribute("match-max")||1)<=(e.children.length||0);t?e.setAttribute("disabled",""):e.removeAttribute("disabled"),t?e.removeAttribute("dropzone"):e.setAttribute("dropzone","move")}))}set response(e){this.classList.contains("qti-match-tabular")||(this.reset(!1),null!==e&&Array.isArray(e)&&e.forEach((e=>{const[t,...i]=e.split(" ").reverse();if(t){const e=this.droppables.find((e=>e.getAttribute("identifier")===t));i.forEach((i=>{const s=this.querySelector(`[identifier=${i}]`);e?s?(e.appendChild(s),this.checkMaxMatchAssociations()):console.error(`cannot find draggable with identifier: ${i}`):console.error(`cannot find droppable with identifier: ${t}`)}))}})))}validate(){const e=(i?Array.from(this.shadowRoot.querySelectorAll(s)):Array.from(this.querySelectorAll(s))).filter((e=>e.childElementCount>0)).length;return this.minAssociations<=0||this.minAssociations<=e}saveResponse(){const e={list:{pair:this.droppables.map((e=>{var t;let i="";return(null===(t=e.children)||void 0===t?void 0:t.length)>0&&(i+=Array.from(e.children).map((e=>e.getAttribute("identifier"))).join(" ")+" "),i+=e.getAttribute("identifier"),i}))}};this.dispatchEvent(new CustomEvent(b.ON_INTERACTION_RESPONSE,{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,responses:e}}))}}return q([_e(t),x("design:type",Function),x("design:paramtypes",[Array,Array]),x("design:returntype",void 0)],r.prototype,"reInitDragAndDrop",null),q([n({type:String,attribute:"response-identifier"}),x("design:type",String)],r.prototype,"responseIdentifier",void 0),q([n({type:Boolean,reflect:!0}),x("design:type",Object)],r.prototype,"disabled",void 0),q([S("disabled",{waitUntilFirstUpdate:!0}),x("design:type",Function),x("design:paramtypes",[Object,Boolean]),x("design:returntype",void 0)],r.prototype,"handleDisabledChange",null),q([n({type:Boolean,reflect:!0}),x("design:type",Object)],r.prototype,"readonly",void 0),q([S("readonly",{waitUntilFirstUpdate:!0}),x("design:type",Function),x("design:paramtypes",[Object,Boolean]),x("design:returntype",void 0)],r.prototype,"handleReadonlyChange",null),q([n({type:Number,reflect:!0,attribute:"min-associations"}),x("design:type",Object)],r.prototype,"minAssociations",void 0),q([n({type:Number,reflect:!0,attribute:"max-associations"}),x("design:type",Object)],r.prototype,"maxAssociations",void 0),r};class qe extends(Ce(E,"qti-simple-associable-choice",!0,"drop-list")){render(){return t` <slot name="prompt"></slot>
176
+ <slot></slot>`}calculate(){return this.debugCalculateResult=!0,!0}getSubRules(){return[...this.children]}process(){const e=this.getSubRules();for(let t=0;t<e.length;t++){e[t].process()}}}customElements.define("qti-response-else",Z);class ee extends Z{render(){return t`${super.render()}`}calculate(){const e=this.firstElementChild.calculate();return this.debugCalculateResult=e,e}getSubRules(){const e=[];for(let t=1;t<this.children.length;t++)e.push(this.children[t]);return e}}customElements.define("qti-response-if",ee);class te extends ee{render(){return t`${super.render()}`}}customElements.define("qti-response-else-if",te);class ie extends E{render(){return t``}calculate(){throw new Error("Not implemented")}}customElements.define("qti-expression",ie);class se extends ie{calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Response ${e} can not be found`),null;const i=t.mapping,s=t.value;let n=0;if(Array.isArray(s)){for(let e=0;e<s.length;e++)n+=ne(i,s[e],t.baseType);return n}return n+=ne(i,s,t.baseType),n}}function ne(e,t,i){let s=0;for(const n of e.entries()){const{entryTyped:e,valueTyped:r}=re(i,n,t);e===r&&(s+=n[1])}return s}function re(e,t,i){let s,n;switch(e){case m.string:case m.identifier:case m.directedPair:s=""+t[0],n=""+i;break;case m.float:s=parseFloat(t[0].replace(",",".")),n=parseFloat(i.replace(",","."));break;default:console.warn("no base-type identifier")}return{entryTyped:s,valueTyped:n}}customElements.define("qti-map-response",se);class oe extends Q{process(){const e=this.getAttribute("identifier"),t=this.firstElementChild,i=t?t.calculate():null;this.closest("qti-assessment-item").setOutcomeValue(e,i)}}customElements.define("qti-set-outcome-value",oe);class ae extends ie{render(){return t``}calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Can not find qti-response-identifier: ${e}`),null;return t.correctResponse}}customElements.define("qti-correct",ae);class le extends ie{render(){return t``}calculate(){const e=this.getAttribute("identifier");return this.closest("qti-assessment-item").getVariableValue(e)}}customElements.define("qti-variable",le);class ce extends ie{calculate(){const e=this.firstElementChild.calculate(),t=this.lastElementChild.calculate();let i=!0;return i=e instanceof Array?e.length===t.length&&e.filter(((e,i)=>e===t[i])).length===e.length:e==t,i}}customElements.define("qti-match",ce);class de extends ie{calculate(){return de.calculate(this.textContent,this.getAttribute("base-type"))}static calculate(e,t){let i;if(t===m.directedPair){const t=e.split(" ");i={destination:t[1],source:t[0]}}else i=e;return i}}customElements.define("qti-base-value",de);class he extends ie{calculate(){const e=this.firstElementChild,t=this.lastElementChild;return he.calculate(e,t)}static calculate(e,t){const i=e.calculate(),s=t.calculate(),n=i.map((e=>e.source+" "+e.destination)),r=s.map((e=>e.source+" "+e.destination));return n.filter((e=>r.includes(e))).length>0}}customElements.define("qti-contains",he);class pe extends ie{calculate(){return 2===this.children.length?pe.calculate(this.children[0],this.children[1]):(this.err("unexpected number of children in qte"),null)}static calculate(e,t){return+e.calculate()>=+t.calculate()}}customElements.define("qti-gte",pe);class ue extends ie{calculate(){return Array.from(this.children).map((e=>e.calculate()))}}customElements.define("qti-multiple",ue);class me extends ie{render(){return t``}calculate(){return me.calculate(Array.from(this.children))}static calculate(e){return e.every((e=>e.calculate()))}}customElements.define("qti-and",me);class ge extends ie{render(){return t``}calculate(){return ge.calculate(Array.from(this.children))}static calculate(e){return!!e.find((e=>e.calculate()))}}customElements.define("qti-or",ge);class be extends ie{calculate(){return 1===this.children.length?be.calculate(this.children[0]):(this.err("unexpected number of children in qte"),null)}static calculate(e){const t=e.calculate();return null==t||null==t||""===t}}customElements.define("qti-is-null",be);class ye extends E{constructor(){super(...arguments),this._errorMessage=null}static get properties(){return{responseIdentifier:{type:String,attribute:"response-identifier"},module:{type:String,attribute:"module"},customInteractionTypeIdentifier:{type:String,attribute:"custom-interaction-type-identifier"},baseUrl:{type:String,attribute:"base-url"},_errorMessage:{type:String,state:!0}}}getTAOConfig(e){const t=e.querySelectorAll("properties");let i={};const s=e=>{const t={},i=e.getAttribute("key");if(i){const s=Array.from(e.children),r=s.map((e=>e.getAttribute("key"))),o=r.length>0&&!r.find((e=>!Number.isInteger(+e)));t[i]=o?s.map((e=>n(e))):e.textContent}return t},n=e=>{if(e){let t={};for(const i of e.children)t=Object.assign(Object.assign({},t),s(i));return t}};for(const e of t){return e.getAttribute("key")||(i=Object.assign(Object.assign({},i),n(e))),i}this.err("Can not find qti-custom-interaction config")}register(e){const t="QTI-CUSTOM-INTERACTION"===this.parentElement.tagName?"TAO":"IMS",i="IMS"==t?this.querySelector("qti-interaction-markup"):this.querySelector("markup");i.classList.add("qti-customInteraction"),"TAO"==t&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");const s="IMS"==t?{properties:this.dataset}:this.getTAOConfig(this);if("IMS"==t?e.getInstance(i,s,void 0):e.initialize(this.customInteractionTypeIdentifier,i.firstElementChild,s),"TAO"==t){Array.from(this.querySelectorAll("link")).map((e=>e.getAttribute("href"))).forEach((e=>{const t=document.createElement("link");t.rel="stylesheet",t.type="text/css",t.media="screen",t.href=e,i.appendChild(t)}))}}connectedCallback(){super.connectedCallback();const e={context:this.customInteractionTypeIdentifier,baseUrl:this.baseUrl,catchError:!0};window.requirePaths&&window.requireShim&&(e.paths=window.requirePaths,e.shim=window.requireShim);requirejs.config(e)(["require"],(e=>{define("qtiCustomInteractionContext",(()=>({register:e=>{this.register(e)},notifyReady:()=>{}}))),e([this.module],(()=>{}),(e=>{this._errorMessage=e}))}),(e=>{this._errorMessage=e}))}render(){return t`<slot></slot>${this._errorMessage&&t`<div style="color:red"><h1>Error</h1>${this._errorMessage}</div>`}`}}customElements.define("qti-portable-custom-interaction",ye);const fe=(e,t,i)=>class extends e{static get properties(){return{disabled:{type:Boolean,reflect:!0}}}firstUpdated(e){if(this.classList.contains("qti-match-tabular"))return;super.firstUpdated(e);const s=Array.from(t?this.shadowRoot.querySelectorAll(i):this.querySelectorAll(i));this.dragoverHandler=this.dragoverHandler.bind(this),this.dragleaveHandler=this.dragleaveHandler.bind(this),this.dropHandler=this.dropHandler.bind(this),s.forEach((e=>{e.setAttribute("dropzone","move"),e.addEventListener("dragleave",this.dragleaveHandler),this.attachHandler(e)}));for(const e of s)this.observer=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type){switch(t.attributeName){case"disabled":e.hasAttribute("disabled")?this.removeHandler(e):this.attachHandler(e);break}}}))})),this.observer.observe(e,{attributes:!0})}attachHandler(e){e.addEventListener("dragover",this.dragoverHandler),e.addEventListener("drop",this.dropHandler)}removeHandler(e){e.removeEventListener("dragover",this.dragoverHandler),e.removeEventListener("drop",this.dropHandler)}disconnectedCallback(){var e;this.classList.contains("qti-match-tabular")||(super.disconnectedCallback(),null===(e=this.observer)||void 0===e||e.disconnect())}dragoverHandler(e){e.preventDefault();return e.currentTarget.setAttribute("active",""),e.dataTransfer.dropEffect="move",!1}dropHandler(e){e.preventDefault();const t=e.currentTarget,i=this.querySelector(`[identifier=${e.dataTransfer.getData("text")}`),s=i||this.shadowRoot.querySelector(`[identifier=${e.dataTransfer.getData("text")}`);return t?s.parentElement.getAttribute("identifier")!==t.getAttribute("identifier")&&t.appendChild(s):console.error(`cannot find droppable, target: ${e.target?JSON.stringify(e.target):"null"}`),t.removeAttribute("active"),!1}dragleaveHandler(e){e.preventDefault();return e.currentTarget.removeAttribute("active"),!1}},ve=(e,t,i)=>class extends e{};class Ee{constructor(){return this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._canDrag=!1,this._dragSrc=null,this._dragCopy=null,this._touchEndCalled=!1,this._dragRunning=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0,this._DBLCLICKDELAY=500,this._CONTEXTMENUDELAY=1e3,this._DRAGDELTA=5,this._COPYOPACITY=.7,Ee._instance?Ee._instance:(Ee._instance=this,document.addEventListener("touchmove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("mousemove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchend",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("mouseup",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchcancel",this._touchCancel.bind(this),{passive:!1,capture:!1}),this)}addDraggables(e){e.forEach((e=>{e.addEventListener("touchstart",this._touchStart.bind(this),{passive:!1,capture:!1}),e.addEventListener("mousedown",this._touchStart.bind(this),{passive:!1,capture:!1})}))}_touchStart(e){this._touchBegin=Date.now();const{x:t,y:i}=this.getPositionFromEvent(e);this._touchDown={x:t,y:i},this._dragSrc=e.currentTarget,this._canDrag=!0,e.preventDefault()}_touchMove(e){if(this._canDrag&&this._dragSrc){const{x:i,y:s}=this.getPositionFromEvent(e),n={clientX:i,clientY:s};if(this._getDelta(n)>=this._DRAGDELTA&&(this._dragRunning=!0),null===this._dragCopy&&this._dragRunning){this._dragSrc.style.opacity=this._COPYOPACITY,this._dragCopy=this._dragSrc.cloneNode(!0);const e=window.getComputedStyle(this._dragSrc);this._dragCopy.style="";for(const t of e)this._dragCopy.style[t]=e.getPropertyValue(t);this._calculateDragCopyPosition(n),this._dragCopy.style.top=n.clientY-this._copyOffset.y+"px",this._dragCopy.style.left=n.clientX-this._copyOffset.x+"px",this._dragCopy.style.position="absolute",this._dragCopy.style.pointerEvents="none",this._dragCopy.style.zIndex="999999",this._dragCopy=document.body.appendChild(this._dragCopy),this._dispatchEvent(this._dragSrc,"dragstart")}if(this._dragRunning){const i=this;requestAnimationFrame((function(){i._touchEndCalled||null===i._dragCopy||(i._dragCopy.style.top=n.clientY-i._copyOffset.y+"px",i._dragCopy.style.left=n.clientX-i._copyOffset.x+"px")}));var t=this._findDroppable(e);t!=this._lastTarget&&(this._dispatchEvent(t,"dragenter"),this._dispatchEvent(this._lastTarget,"dragleave"),this._lastTarget=t),this._currentDropContainer=t,this._currentDropContainer&&this._dispatchEvent(t,"dragover"),e.preventDefault()}}}_touchEnd(e){var t;if(this._touchEndCalled=!0,this._canDrag=!1,this._currentDropContainer)this._dispatchEvent(this._currentDropContainer,"drop"),this._dispatchEvent(this._dragSrc,"dragend");else if(this._dragRunning){const e=new CustomEvent("dragend",{bubbles:!0,cancelable:!0});e.dataTransfer={dropEffect:"none"},null===(t=this._dragSrc)||void 0===t||t.dispatchEvent(e)}this._reset()}_touchCancel(e){this._reset()}_findDroppable(e){let t;const i=e.composedPath().find((e=>{if(1===e.nodeType&&"SLOT"!==e.nodeName&&e.hasAttribute("dropzone"))return e}));if(i){const s=i.getRootNode(),n=this._getPoint(e);t=s.elementFromPoint(n.x,n.y)}return t}_getPoint(e,t){return e&&e.touches&&(e=e.touches[0]),{x:t?e.pageX:e.clientX,y:t?e.pageY:e.clientY}}_calculateDragCopyPosition(e){const t=this._dragSrc.getBoundingClientRect();this._copyOffset.x=e.clientX-t.left,this._copyOffset.y=e.clientY-t.top}_getDelta(e){return Math.abs(e.clientX-this._touchDown.x)+Math.abs(e.clientY-this._touchDown.y)}_dispatchEvent(e,t,i=!0){if(!e)return!1;const s=new CustomEvent(t,{bubbles:i,cancelable:!0});return s.dataTransfer=this._dataTransfer,e.dispatchEvent(s),s.defaultPrevented}_reset(){this._dragRunning&&(this._dragSrc.style.opacity="1.0",this._dragCopy.parentElement.removeChild(this._dragCopy)),this._dragRunning=!1,this._dragSrc=null,this._dragCopy=null,this._canDrag=!1,this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._touchEndCalled=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0}getPositionFromEvent(e){let t;if("touchstart"==e.type||"touchmove"==e.type||"touchend"==e.type||"touchcancel"==e.type){const i=void 0===e.originalEvent?e:e.originalEvent,s=i.touches[0]||i.changedTouches[0];t={x:s.pageX,y:s.pageY}}else"mousedown"!=e.type&&"mouseup"!=e.type&&"mousemove"!=e.type&&"mouseover"!=e.type&&"mouseout"!=e.type&&"mouseenter"!=e.type&&"mouseleave"!=e.type||(t={x:e.clientX,y:e.clientY});return t}}function _e(e,t){let i;return Object.assign({},t),(t,s)=>{const{connectedCallback:n,disconnectedCallback:r}=t;t.connectedCallback=function(){var t;n.call(this);i=new MutationObserver((t=>{const i=Array.from(this.querySelectorAll(e));for(const e of t){const t=Array.from(e.addedNodes).map((e=>e)),n=Array.from(e.addedNodes).map((e=>e));"childList"===e.type&&t.find((e=>i.includes(e)))&&this[s](t,n)}})),i.observe(this,{childList:!0,subtree:!0});const r=null!==(t=this.querySelectorAll(e))&&void 0!==t?t:[];this[s](Array.from(r),[])},t.disconnectedCallback=function(){r.call(this),i.disconnect()}}}const Ce=(e,t,i,s)=>{class r extends(ve(fe(e,i,s))){constructor(){super(...arguments),this.draggables=new Map,this.responseIdentifier="",this.disabled=!1,this.readonly=!1,this.minAssociations=1,this.maxAssociations=1}reInitDragAndDrop(e,t){if(this.classList.contains("qti-match-tabular"))return;e.filter((e=>!this.draggables||!this.draggables.get(e))).length>0&&(this.dragDropApi.addDraggables(e),e.forEach((e=>{this.draggables.set(e,{parent:e.parentElement,index:Array.from(e.parentNode.children).indexOf(e)}),e.setAttribute("qti-draggable","true"),e.addEventListener("dragstart",(t=>{t.dataTransfer.setData("text",t.currentTarget.getAttribute("identifier")),e.setAttribute("dragging","")})),this.addDragEndEvent(e)})))}handleDisabledChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("disabled",""):i.removeAttribute("disabled"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}handleReadonlyChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("readonly",""):i.removeAttribute("readonly"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}firstUpdated(e){super.firstUpdated(e),this.droppables=Array.from(i?this.shadowRoot.querySelectorAll(s):this.querySelectorAll(s))}connectedCallback(){super.connectedCallback(),this.dragDropApi=new Ee,this.dispatchEvent(new CustomEvent(b.ON_REGISTER_INTERACTION,{bubbles:!0,composed:!0,detail:this}))}addDragEndEvent(e){e.addEventListener("dragend",(t=>{if(t.preventDefault(),e.removeAttribute("over"),e.removeAttribute("dragging"),"none"===t.dataTransfer.dropEffect){const e=t.currentTarget,i=this.draggables.get(e),s=i.index<i.parent.children.length?i.index:i.parent.children.length-1,n=i.parent,r=i.parent.children[s];n.insertBefore(e,r)}t.dataTransfer.dropEffect,this.saveResponse(),this.checkMaxMatchAssociations()}))}reset(e=!0){this.draggables.forEach(((e,t)=>{const i=e.index<e.parent.children.length?e.index:e.parent.children.length;e.parent.insertBefore(t,e.parent.children[i])})),e&&this.saveResponse()}checkMaxMatchAssociations(){this.droppables.forEach((e=>{const t=+(e.getAttribute("match-max")||1)<=(e.children.length||0);t?e.setAttribute("disabled",""):e.removeAttribute("disabled"),t?e.removeAttribute("dropzone"):e.setAttribute("dropzone","move")}))}set response(e){this.classList.contains("qti-match-tabular")||(this.reset(!1),null!==e&&Array.isArray(e)&&e.forEach((e=>{const[t,...i]=e.split(" ").reverse();if(t){const e=this.droppables.find((e=>e.getAttribute("identifier")===t));i.forEach((i=>{const s=this.querySelector(`[identifier=${i}]`);e?s?(e.appendChild(s),this.checkMaxMatchAssociations()):console.error(`cannot find draggable with identifier: ${i}`):console.error(`cannot find droppable with identifier: ${t}`)}))}})))}validate(){const e=(i?Array.from(this.shadowRoot.querySelectorAll(s)):Array.from(this.querySelectorAll(s))).filter((e=>e.childElementCount>0)).length;return this.minAssociations<=0||this.minAssociations<=e}saveResponse(){const e={list:{pair:this.droppables.map((e=>{var t;let i="";return(null===(t=e.children)||void 0===t?void 0:t.length)>0&&(i+=Array.from(e.children).map((e=>e.getAttribute("identifier"))).join(" ")+" "),i+=e.getAttribute("identifier"),i}))}};this.dispatchEvent(new CustomEvent(b.ON_INTERACTION_RESPONSE,{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,responses:e}}))}}return q([_e(t),x("design:type",Function),x("design:paramtypes",[Array,Array]),x("design:returntype",void 0)],r.prototype,"reInitDragAndDrop",null),q([n({type:String,attribute:"response-identifier"}),x("design:type",String)],r.prototype,"responseIdentifier",void 0),q([n({type:Boolean,reflect:!0}),x("design:type",Object)],r.prototype,"disabled",void 0),q([S("disabled",{waitUntilFirstUpdate:!0}),x("design:type",Function),x("design:paramtypes",[Object,Boolean]),x("design:returntype",void 0)],r.prototype,"handleDisabledChange",null),q([n({type:Boolean,reflect:!0}),x("design:type",Object)],r.prototype,"readonly",void 0),q([S("readonly",{waitUntilFirstUpdate:!0}),x("design:type",Function),x("design:paramtypes",[Object,Boolean]),x("design:returntype",void 0)],r.prototype,"handleReadonlyChange",null),q([n({type:Number,reflect:!0,attribute:"min-associations"}),x("design:type",Object)],r.prototype,"minAssociations",void 0),q([n({type:Number,reflect:!0,attribute:"max-associations"}),x("design:type",Object)],r.prototype,"maxAssociations",void 0),r};class qe extends(Ce(E,"qti-simple-associable-choice",!0,"drop-list")){render(){return t` <slot name="prompt"></slot>
177
177
  <slot name="qti-simple-associable-choice"></slot>
178
178
  ${this._childrenMap.length>0&&Array.from(Array(Math.ceil(this._childrenMap.length/2)).keys()).map(((e,i)=>t`<div part="associables-container">
179
179
  <drop-list part="drop-list" identifier="droplist${i}_left"></drop-list>
package/index.umd.js CHANGED
@@ -286,7 +286,7 @@ const Ue=2;
286
286
  </select>`}constructor(){super(),this.options=[],this.addEventListener(s.ON_DROPDOWN_SELECTED,this.choiceSelected);const e=Array.from(this.querySelectorAll("qti-inline-choice"));this.options=[{textContent:"select",value:"",selected:!1},...e.map((e=>({textContent:e.innerHTML,value:e.getAttribute("identifier"),selected:!1})))]}validate(){const e=this.options.find((e=>e.selected));return!!e&&""!==e.value}reset(){this.options=this.options.map(((e,t)=>Object.assign(Object.assign({},e),{selected:0===t})))}set response(e){this.options=this.options.map((t=>(e===t.value&&(t.selected=!0),t)))}choiceSelected(e){const t=e.target.value;this.options=this.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===t}))),this.saveResponse({base:{string:t}})}}it.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"],customElements.define("qti-inline-choice-interaction",it);class st extends et{constructor(){super(...arguments),this._shuffle=!1,this.render=()=>Q`
287
287
  <slot name="prompt"></slot>
288
288
  <slot></slot>`}}st.layoutClass=["","qti-choices-stacking-2","qti-choices-stacking-3","qti-choices-stacking-4","qti-orientation-vertical","qti-orientation-horizontal"],st.presentationClass=["","qti-input-control-hidden"],de([me({attribute:"orientation"}),he("design:type",String)],st.prototype,"_orientation",void 0),de([me({attribute:"shuffle",type:Boolean}),he("design:type",Boolean)],st.prototype,"_shuffle",void 0),customElements.define("qti-choice-interaction",st),e.QtiSimpleChoice=class extends e.QtiChoice{},e.QtiSimpleChoice=de([pe("qti-simple-choice")],e.QtiSimpleChoice);class nt extends re{render(){return Q`<slot></slot>`}static get observedAttributes(){return["identifier"]}process(){if(this.getAttribute("template")){const e=this.getAttribute("template").split("/"),t=e[e.length-1].replace(".xml","");switch(this.innerHTML="",t){case"map_response":this.appendChild(this.fragmentFromString('<qti-response-processing>\n <qti-response-condition>\n <qti-response-if>\n <qti-is-null>\n <qti-variable identifier="RESPONSE"></qti-variable>\n </qti-is-null>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">0.0</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-if>\n <qti-response-else>\n <qti-set-outcome-value identifier="SCORE">\n <qti-map-response identifier="RESPONSE"> </qti-map-response>\n </qti-set-outcome-value>\n </qti-response-else>\n </qti-response-condition>\n</qti-response-processing>'));break;case"map_response_point":this.appendChild(this.fragmentFromString('<qti-response-processing>\n <qti-response-condition>\n <qti-response-if>\n <qti-is-null>\n <qti-variable identifier="RESPONSE"></qti-variable>\n </qti-is-null>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">0</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-if>\n <qti-response-else>\n <qti-set-outcome-value identifier="SCORE">\n <qti-map-response-point identifier="RESPONSE"></qti-map-response-point>\n </qti-set-outcome-value>\n </qti-response-else>\n </qti-response-condition>\n</qti-response-processing>'));break;case"match_correct":this.appendChild(this.fragmentFromString('<qti-response-processing>\n <qti-response-condition>\n <qti-response-if>\n <qti-match>\n <qti-variable identifier="RESPONSE"></qti-variable>\n <qti-correct identifier="RESPONSE"></qti-correct>\n </qti-match>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">1</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-if>\n <qti-response-else>\n <qti-set-outcome-value identifier="SCORE">\n <qti-base-value base-type="float">0</qti-base-value>\n </qti-set-outcome-value>\n </qti-response-else>\n </qti-response-condition>\n</qti-response-processing>'))}}const e=[...this.children];for(let t=0;t<e.length;t++){e[t].process()}}fragmentFromString(e){return document.createRange().createContextualFragment(e)}}customElements.define("qti-response-processing",nt);class rt extends re{render(){return Q``}process(){throw new Error("Not implemented")}}customElements.define("qti-rule",rt);class ot extends rt{render(){return Q`<slot></slot>`}process(){const e=[...this.children];for(let t=0;t<e.length;t++){const i=e[t];if(i.calculate())return void i.process()}}}customElements.define("qti-response-condition",ot);class at extends re{static get properties(){return{debugCalculateResult:{type:Object}}}render(){return Q`
289
- <slot></slot>`}calculate(){return this.debugCalculateResult=!0,!0}getSubRules(){return[...this.children]}process(){const e=this.getSubRules();for(let t=0;t<e.length;t++){e[t].process()}}}customElements.define("qti-response-else",at);class lt extends at{render(){return Q`${super.render()}`}calculate(){const e=this.firstElementChild.calculate();return this.debugCalculateResult=e,e}getSubRules(){const e=[];for(let t=1;t<this.children.length;t++)e.push(this.children[t]);return e}}customElements.define("qti-response-if",lt);class ct extends lt{render(){return Q`${super.render()}`}}customElements.define("qti-response-else-if",ct);class dt extends ae{render(){return Q``}calculate(){throw new Error("Not implemented")}}customElements.define("qti-expression",dt);class ht extends dt{calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Response ${e} can not be found`),null;const i=t.mapping,s=t.value;let n=0;if(Array.isArray(s)){for(let e=0;e<s.length;e++)n+=pt(i,s[e],t.baseType);return n}return n+=pt(i,s,t.baseType),n}}function pt(e,t,i){let s=0;for(const n of e.entries()){const{entryTyped:e,valueTyped:r}=ut(i,n,t);e===r&&(s+=n[1])}return s}function ut(t,i,s){let n,r;switch(t){case e.BaseType.string:case e.BaseType.identifier:case e.BaseType.directedPair:n=""+i[0],r=""+s;break;case e.BaseType.float:n=parseFloat(i[0].replace(",",".")),r=parseFloat(s.replace(",","."));break;default:console.warn("no base-type identifier")}return{entryTyped:n,valueTyped:r}}customElements.define("qti-map-response",ht);class mt extends rt{process(){const e=this.getAttribute("identifier"),t=this.firstElementChild,i=t?t.calculate():null;this.closest("qti-assessment-item").setOutcomeValue(e,i)}}customElements.define("qti-set-outcome-value",mt);class gt extends dt{render(){return Q``}calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Can not find qti-response-identifier: ${e}`),null;return t.correctResponse}}customElements.define("qti-correct",gt);class bt extends dt{render(){return Q``}calculate(){const e=this.getAttribute("identifier");return this.closest("qti-assessment-item").getVariableValue(e)}}customElements.define("qti-variable",bt);class vt extends dt{calculate(){const e=this.firstElementChild.calculate(),t=this.lastElementChild.calculate();let i=!0;return i=e instanceof Array?e.length===t.length&&e.filter(((e,i)=>e===t[i])).length===e.length:e==t,i}}customElements.define("qti-match",vt);class yt extends dt{calculate(){return yt.calculate(this.textContent,this.getAttribute("base-type"))}static calculate(t,i){let s;if(i===e.BaseType.directedPair){const e=t.split(" ");s={destination:e[1],source:e[0]}}else s=t;return s}}customElements.define("qti-base-value",yt);class ft extends dt{calculate(){const e=this.firstElementChild,t=this.lastElementChild;return ft.calculate(e,t)}static calculate(e,t){const i=e.calculate(),s=t.calculate(),n=i.map((e=>e.source+" "+e.destination)),r=s.map((e=>e.source+" "+e.destination)),o=n.filter((e=>r.includes(e)));return o.length>0}}customElements.define("qti-contains",ft);class _t extends dt{calculate(){return 2===this.children.length?_t.calculate(this.children[0],this.children[1]):(this.err("unexpected number of children in qte"),null)}static calculate(e,t){return+e.calculate()>=+t.calculate()}}customElements.define("qti-gte",_t);class Et extends dt{calculate(){return Array.from(this.children).map((e=>e.calculate()))}}customElements.define("qti-multiple",Et);class Ct extends dt{render(){return Q``}calculate(){return Ct.calculate(Array.from(this.children))}static calculate(e){return e.every((e=>e.calculate()))}}customElements.define("qti-and",Ct);class At extends dt{render(){return Q``}calculate(){return At.calculate(Array.from(this.children))}static calculate(e){return!!e.find((e=>e.calculate()))}}customElements.define("qti-or",At);class xt extends dt{calculate(){return 1===this.children.length?xt.calculate(this.children[0]):(this.err("unexpected number of children in qte"),null)}static calculate(e){const t=e.calculate();return null==t||null==t||""===t}}customElements.define("qti-is-null",xt);class St extends ae{constructor(){super(...arguments),this._errorMessage=null}static get properties(){return{responseIdentifier:{type:String,attribute:"response-identifier"},module:{type:String,attribute:"module"},customInteractionTypeIdentifier:{type:String,attribute:"custom-interaction-type-identifier"},baseUrl:{type:String,attribute:"base-url"},_errorMessage:{type:String,state:!0}}}getTAOConfig(e){const t=e.querySelectorAll("properties");let i={};const s=e=>{const t={},i=e.getAttribute("key");if(i){const s=Array.from(e.children),r=s.map((e=>e.getAttribute("key"))),o=r.length>0&&!r.find((e=>!Number.isInteger(+e)));t[i]=o?s.map((e=>n(e))):e.textContent}return t},n=e=>{if(e){let t={};for(const i of e.children)t=Object.assign(Object.assign({},t),s(i));return t}};for(const e of t){return e.getAttribute("key")||(i=Object.assign(Object.assign({},i),n(e))),i}this.err("Can not find qti-custom-interaction config")}register(e){const t="QTI-CUSTOM-INTERACTION"===this.parentElement.tagName?"TAO":"IMS",i="IMS"==t?this.querySelector("qti-interaction-markup"):this.querySelector("markup");i.classList.add("qti-customInteraction"),"TAO"==t&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");const s="IMS"==t?{properties:this.dataset}:this.getTAOConfig(this);if("IMS"==t?e.getInstance(i,s,void 0):e.initialize(this.customInteractionTypeIdentifier,i.firstElementChild,s),"TAO"==t){Array.from(this.querySelectorAll("link")).map((e=>e.getAttribute("href"))).forEach((e=>{const t=document.createElement("link");t.rel="stylesheet",t.type="text/css",t.media="screen",t.href=e,i.appendChild(t)}))}}connectedCallback(){super.connectedCallback();const e={context:this.customInteractionTypeIdentifier,baseUrl:this.baseUrl,catchError:!0};window.requirePaths&&window.requireShim&&(e.paths=window.requirePaths,e.shim=window.requireShim);requirejs.config(e)(["require"],(e=>{define("qtiCustomInteractionContext",(()=>({register:e=>{this.register(e)},notifyReady:()=>{}}))),e([this.module],(()=>{}),(e=>{this._errorMessage=e}))}),(e=>{this._errorMessage=e}))}render(){return Q`<slot></slot>${this._errorMessage&&Q`<div style="color:red"><h1>Error</h1>${this._errorMessage}</div>`}`}}customElements.define("qti-portable-custom-interaction",St);const qt=(e,t,i)=>class extends e{static get properties(){return{disabled:{type:Boolean,reflect:!0}}}firstUpdated(e){if(this.classList.contains("qti-match-tabular"))return;super.firstUpdated(e);const s=Array.from(t?this.shadowRoot.querySelectorAll(i):this.querySelectorAll(i));this.dragoverHandler=this.dragoverHandler.bind(this),this.dragleaveHandler=this.dragleaveHandler.bind(this),this.dropHandler=this.dropHandler.bind(this),s.forEach((e=>{e.setAttribute("dropzone","move"),e.addEventListener("dragleave",this.dragleaveHandler),this.attachHandler(e)}));for(const e of s)this.observer=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type){switch(t.attributeName){case"disabled":e.hasAttribute("disabled")?this.removeHandler(e):this.attachHandler(e);break}}}))})),this.observer.observe(e,{attributes:!0})}attachHandler(e){e.addEventListener("dragover",this.dragoverHandler),e.addEventListener("drop",this.dropHandler)}removeHandler(e){e.removeEventListener("dragover",this.dragoverHandler),e.removeEventListener("drop",this.dropHandler)}disconnectedCallback(){var e;this.classList.contains("qti-match-tabular")||(super.disconnectedCallback(),null===(e=this.observer)||void 0===e||e.disconnect())}dragoverHandler(e){e.preventDefault();return e.currentTarget.setAttribute("active",""),e.dataTransfer.dropEffect="move",!1}dropHandler(e){e.preventDefault();const t=e.currentTarget,i=this.querySelector(`[identifier=${e.dataTransfer.getData("text")}`),s=i||this.shadowRoot.querySelector(`[identifier=${e.dataTransfer.getData("text")}`);return t?s.parentElement.getAttribute("identifier")!==t.getAttribute("identifier")&&t.appendChild(s):console.error(`cannot find droppable, target: ${e.target?JSON.stringify(e.target):"null"}`),t.removeAttribute("active"),!1}dragleaveHandler(e){e.preventDefault();return e.currentTarget.removeAttribute("active"),!1}},Ot=(e,t,i)=>class extends e{};class $t{constructor(){return this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._canDrag=!1,this._dragSrc=null,this._dragCopy=null,this._touchEndCalled=!1,this._dragRunning=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0,this._DBLCLICKDELAY=500,this._CONTEXTMENUDELAY=1e3,this._DRAGDELTA=5,this._COPYOPACITY=.7,$t._instance?$t._instance:($t._instance=this,document.addEventListener("touchmove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("mousemove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchend",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("mouseup",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchcancel",this._touchCancel.bind(this),{passive:!1,capture:!1}),this)}addDraggables(e){e.forEach((e=>{e.addEventListener("touchstart",this._touchStart.bind(this),{passive:!1,capture:!1}),e.addEventListener("mousedown",this._touchStart.bind(this),{passive:!1,capture:!1})}))}_touchStart(e){this._touchBegin=Date.now();const{x:t,y:i}=this.getPositionFromEvent(e);this._touchDown={x:t,y:i},this._dragSrc=e.target,this._canDrag=!0,e.preventDefault()}_touchMove(e){if(this._canDrag&&this._dragSrc){const{x:i,y:s}=this.getPositionFromEvent(e),n={clientX:i,clientY:s};if(this._getDelta(n)>=this._DRAGDELTA&&(this._dragRunning=!0),null===this._dragCopy&&this._dragRunning){this._dragSrc.style.opacity=this._COPYOPACITY,this._dragCopy=this._dragSrc.cloneNode(!0);const e=window.getComputedStyle(this._dragSrc);this._dragCopy.style="";for(const t of e)this._dragCopy.style[t]=e.getPropertyValue(t);this._calculateDragCopyPosition(n),this._dragCopy.style.top=n.clientY-this._copyOffset.y+"px",this._dragCopy.style.left=n.clientX-this._copyOffset.x+"px",this._dragCopy.style.position="absolute",this._dragCopy.style.pointerEvents="none",this._dragCopy.style.zIndex="999999",this._dragCopy=document.body.appendChild(this._dragCopy),this._dispatchEvent(this._dragSrc,"dragstart")}if(this._dragRunning){const i=this;requestAnimationFrame((function(){i._touchEndCalled||null===i._dragCopy||(i._dragCopy.style.top=n.clientY-i._copyOffset.y+"px",i._dragCopy.style.left=n.clientX-i._copyOffset.x+"px")}));var t=this._findDroppable(e);t!=this._lastTarget&&(this._dispatchEvent(t,"dragenter"),this._dispatchEvent(this._lastTarget,"dragleave"),this._lastTarget=t),this._currentDropContainer=t,this._currentDropContainer&&this._dispatchEvent(t,"dragover"),e.preventDefault()}}}_touchEnd(e){var t;if(this._touchEndCalled=!0,this._canDrag=!1,this._currentDropContainer)this._dispatchEvent(this._currentDropContainer,"drop"),this._dispatchEvent(this._dragSrc,"dragend");else if(this._dragRunning){const e=new CustomEvent("dragend",{bubbles:!0,cancelable:!0});e.dataTransfer={dropEffect:"none"},null===(t=this._dragSrc)||void 0===t||t.dispatchEvent(e)}this._reset()}_touchCancel(e){this._reset()}_findDroppable(e){let t;const i=e.composedPath().find((e=>{if(1===e.nodeType&&"SLOT"!==e.nodeName&&e.hasAttribute("dropzone"))return e}));if(i){const s=i.getRootNode(),n=this._getPoint(e);t=s.elementFromPoint(n.x,n.y)}return t}_getPoint(e,t){return e&&e.touches&&(e=e.touches[0]),{x:t?e.pageX:e.clientX,y:t?e.pageY:e.clientY}}_calculateDragCopyPosition(e){const t=this._dragSrc.getBoundingClientRect();this._copyOffset.x=e.clientX-t.left,this._copyOffset.y=e.clientY-t.top}_getDelta(e){return Math.abs(e.clientX-this._touchDown.x)+Math.abs(e.clientY-this._touchDown.y)}_dispatchEvent(e,t,i=!0){if(!e)return!1;const s=new CustomEvent(t,{bubbles:i,cancelable:!0});return s.dataTransfer=this._dataTransfer,e.dispatchEvent(s),s.defaultPrevented}_reset(){this._dragRunning&&(this._dragSrc.style.opacity="1.0",this._dragCopy.parentElement.removeChild(this._dragCopy)),this._dragRunning=!1,this._dragSrc=null,this._dragCopy=null,this._canDrag=!1,this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._touchEndCalled=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0}getPositionFromEvent(e){let t;if("touchstart"==e.type||"touchmove"==e.type||"touchend"==e.type||"touchcancel"==e.type){const i=void 0===e.originalEvent?e:e.originalEvent,s=i.touches[0]||i.changedTouches[0];t={x:s.pageX,y:s.pageY}}else"mousedown"!=e.type&&"mouseup"!=e.type&&"mousemove"!=e.type&&"mouseover"!=e.type&&"mouseout"!=e.type&&"mouseenter"!=e.type&&"mouseleave"!=e.type||(t={x:e.clientX,y:e.clientY});return t}}function Rt(e,t){let i;return Object.assign({},t),(t,s)=>{const{connectedCallback:n,disconnectedCallback:r}=t;t.connectedCallback=function(){var t;n.call(this);i=new MutationObserver((t=>{const i=Array.from(this.querySelectorAll(e));for(const e of t){const t=Array.from(e.addedNodes).map((e=>e)),n=Array.from(e.addedNodes).map((e=>e));"childList"===e.type&&t.find((e=>i.includes(e)))&&this[s](t,n)}})),i.observe(this,{childList:!0,subtree:!0});const r=null!==(t=this.querySelectorAll(e))&&void 0!==t?t:[];this[s](Array.from(r),[])},t.disconnectedCallback=function(){r.call(this),i.disconnect()}}}const kt=(e,t,i,n)=>{class r extends(Ot(qt(e,i,n))){constructor(){super(...arguments),this.draggables=new Map,this.responseIdentifier="",this.disabled=!1,this.readonly=!1,this.minAssociations=1,this.maxAssociations=1}reInitDragAndDrop(e,t){if(this.classList.contains("qti-match-tabular"))return;const i=e.filter((e=>!this.draggables||!this.draggables.get(e)));i.length>0&&(this.dragDropApi.addDraggables(e),e.forEach((e=>{this.draggables.set(e,{parent:e.parentElement,index:Array.from(e.parentNode.children).indexOf(e)}),e.setAttribute("qti-draggable","true"),e.addEventListener("dragstart",(t=>{t.dataTransfer.setData("text",t.currentTarget.getAttribute("identifier")),e.setAttribute("dragging","")})),this.addDragEndEvent(e)})))}handleDisabledChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("disabled",""):i.removeAttribute("disabled"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}handleReadonlyChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("readonly",""):i.removeAttribute("readonly"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}firstUpdated(e){super.firstUpdated(e),this.droppables=Array.from(i?this.shadowRoot.querySelectorAll(n):this.querySelectorAll(n))}connectedCallback(){super.connectedCallback(),this.dragDropApi=new $t,this.dispatchEvent(new CustomEvent(s.ON_REGISTER_INTERACTION,{bubbles:!0,composed:!0,detail:this}))}addDragEndEvent(e){e.addEventListener("dragend",(t=>{if(t.preventDefault(),e.removeAttribute("over"),e.removeAttribute("dragging"),"none"===t.dataTransfer.dropEffect){const e=t.currentTarget,i=this.draggables.get(e),s=i.index<i.parent.children.length?i.index:i.parent.children.length-1,n=i.parent,r=i.parent.children[s];n.insertBefore(e,r)}t.dataTransfer.dropEffect,this.saveResponse(),this.checkMaxMatchAssociations()}))}reset(e=!0){this.draggables.forEach(((e,t)=>{const i=e.index<e.parent.children.length?e.index:e.parent.children.length;e.parent.insertBefore(t,e.parent.children[i])})),e&&this.saveResponse()}checkMaxMatchAssociations(){this.droppables.forEach((e=>{const t=+(e.getAttribute("match-max")||1)<=(e.children.length||0);t?e.setAttribute("disabled",""):e.removeAttribute("disabled"),t?e.removeAttribute("dropzone"):e.setAttribute("dropzone","move")}))}set response(e){this.classList.contains("qti-match-tabular")||(this.reset(!1),null!==e&&Array.isArray(e)&&e.forEach((e=>{const[t,...i]=e.split(" ").reverse();if(t){const e=this.droppables.find((e=>e.getAttribute("identifier")===t));i.forEach((i=>{const s=this.querySelector(`[identifier=${i}]`);e?s?(e.appendChild(s),this.checkMaxMatchAssociations()):console.error(`cannot find draggable with identifier: ${i}`):console.error(`cannot find droppable with identifier: ${t}`)}))}})))}validate(){const e=(i?Array.from(this.shadowRoot.querySelectorAll(n)):Array.from(this.querySelectorAll(n))).filter((e=>e.childElementCount>0)).length;return this.minAssociations<=0||this.minAssociations<=e}saveResponse(){const e=this.droppables.map((e=>{var t;let i="";return(null===(t=e.children)||void 0===t?void 0:t.length)>0&&(i+=Array.from(e.children).map((e=>e.getAttribute("identifier"))).join(" ")+" "),i+=e.getAttribute("identifier"),i})),t={list:{pair:e}};this.dispatchEvent(new CustomEvent(s.ON_INTERACTION_RESPONSE,{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,responses:t}}))}}return de([Rt(t),he("design:type",Function),he("design:paramtypes",[Array,Array]),he("design:returntype",void 0)],r.prototype,"reInitDragAndDrop",null),de([me({type:String,attribute:"response-identifier"}),he("design:type",String)],r.prototype,"responseIdentifier",void 0),de([me({type:Boolean,reflect:!0}),he("design:type",Object)],r.prototype,"disabled",void 0),de([Ae("disabled",{waitUntilFirstUpdate:!0}),he("design:type",Function),he("design:paramtypes",[Object,Boolean]),he("design:returntype",void 0)],r.prototype,"handleDisabledChange",null),de([me({type:Boolean,reflect:!0}),he("design:type",Object)],r.prototype,"readonly",void 0),de([Ae("readonly",{waitUntilFirstUpdate:!0}),he("design:type",Function),he("design:paramtypes",[Object,Boolean]),he("design:returntype",void 0)],r.prototype,"handleReadonlyChange",null),de([me({type:Number,reflect:!0,attribute:"min-associations"}),he("design:type",Object)],r.prototype,"minAssociations",void 0),de([me({type:Number,reflect:!0,attribute:"max-associations"}),he("design:type",Object)],r.prototype,"maxAssociations",void 0),r};class wt extends(kt(ae,"qti-simple-associable-choice",!0,"drop-list")){render(){return Q` <slot name="prompt"></slot>
289
+ <slot></slot>`}calculate(){return this.debugCalculateResult=!0,!0}getSubRules(){return[...this.children]}process(){const e=this.getSubRules();for(let t=0;t<e.length;t++){e[t].process()}}}customElements.define("qti-response-else",at);class lt extends at{render(){return Q`${super.render()}`}calculate(){const e=this.firstElementChild.calculate();return this.debugCalculateResult=e,e}getSubRules(){const e=[];for(let t=1;t<this.children.length;t++)e.push(this.children[t]);return e}}customElements.define("qti-response-if",lt);class ct extends lt{render(){return Q`${super.render()}`}}customElements.define("qti-response-else-if",ct);class dt extends ae{render(){return Q``}calculate(){throw new Error("Not implemented")}}customElements.define("qti-expression",dt);class ht extends dt{calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Response ${e} can not be found`),null;const i=t.mapping,s=t.value;let n=0;if(Array.isArray(s)){for(let e=0;e<s.length;e++)n+=pt(i,s[e],t.baseType);return n}return n+=pt(i,s,t.baseType),n}}function pt(e,t,i){let s=0;for(const n of e.entries()){const{entryTyped:e,valueTyped:r}=ut(i,n,t);e===r&&(s+=n[1])}return s}function ut(t,i,s){let n,r;switch(t){case e.BaseType.string:case e.BaseType.identifier:case e.BaseType.directedPair:n=""+i[0],r=""+s;break;case e.BaseType.float:n=parseFloat(i[0].replace(",",".")),r=parseFloat(s.replace(",","."));break;default:console.warn("no base-type identifier")}return{entryTyped:n,valueTyped:r}}customElements.define("qti-map-response",ht);class mt extends rt{process(){const e=this.getAttribute("identifier"),t=this.firstElementChild,i=t?t.calculate():null;this.closest("qti-assessment-item").setOutcomeValue(e,i)}}customElements.define("qti-set-outcome-value",mt);class gt extends dt{render(){return Q``}calculate(){const e=this.getAttribute("identifier"),t=this.closest("qti-assessment-item").getResponse(e);if(!t)return this.err(`Can not find qti-response-identifier: ${e}`),null;return t.correctResponse}}customElements.define("qti-correct",gt);class bt extends dt{render(){return Q``}calculate(){const e=this.getAttribute("identifier");return this.closest("qti-assessment-item").getVariableValue(e)}}customElements.define("qti-variable",bt);class vt extends dt{calculate(){const e=this.firstElementChild.calculate(),t=this.lastElementChild.calculate();let i=!0;return i=e instanceof Array?e.length===t.length&&e.filter(((e,i)=>e===t[i])).length===e.length:e==t,i}}customElements.define("qti-match",vt);class yt extends dt{calculate(){return yt.calculate(this.textContent,this.getAttribute("base-type"))}static calculate(t,i){let s;if(i===e.BaseType.directedPair){const e=t.split(" ");s={destination:e[1],source:e[0]}}else s=t;return s}}customElements.define("qti-base-value",yt);class ft extends dt{calculate(){const e=this.firstElementChild,t=this.lastElementChild;return ft.calculate(e,t)}static calculate(e,t){const i=e.calculate(),s=t.calculate(),n=i.map((e=>e.source+" "+e.destination)),r=s.map((e=>e.source+" "+e.destination)),o=n.filter((e=>r.includes(e)));return o.length>0}}customElements.define("qti-contains",ft);class _t extends dt{calculate(){return 2===this.children.length?_t.calculate(this.children[0],this.children[1]):(this.err("unexpected number of children in qte"),null)}static calculate(e,t){return+e.calculate()>=+t.calculate()}}customElements.define("qti-gte",_t);class Et extends dt{calculate(){return Array.from(this.children).map((e=>e.calculate()))}}customElements.define("qti-multiple",Et);class Ct extends dt{render(){return Q``}calculate(){return Ct.calculate(Array.from(this.children))}static calculate(e){return e.every((e=>e.calculate()))}}customElements.define("qti-and",Ct);class At extends dt{render(){return Q``}calculate(){return At.calculate(Array.from(this.children))}static calculate(e){return!!e.find((e=>e.calculate()))}}customElements.define("qti-or",At);class xt extends dt{calculate(){return 1===this.children.length?xt.calculate(this.children[0]):(this.err("unexpected number of children in qte"),null)}static calculate(e){const t=e.calculate();return null==t||null==t||""===t}}customElements.define("qti-is-null",xt);class St extends ae{constructor(){super(...arguments),this._errorMessage=null}static get properties(){return{responseIdentifier:{type:String,attribute:"response-identifier"},module:{type:String,attribute:"module"},customInteractionTypeIdentifier:{type:String,attribute:"custom-interaction-type-identifier"},baseUrl:{type:String,attribute:"base-url"},_errorMessage:{type:String,state:!0}}}getTAOConfig(e){const t=e.querySelectorAll("properties");let i={};const s=e=>{const t={},i=e.getAttribute("key");if(i){const s=Array.from(e.children),r=s.map((e=>e.getAttribute("key"))),o=r.length>0&&!r.find((e=>!Number.isInteger(+e)));t[i]=o?s.map((e=>n(e))):e.textContent}return t},n=e=>{if(e){let t={};for(const i of e.children)t=Object.assign(Object.assign({},t),s(i));return t}};for(const e of t){return e.getAttribute("key")||(i=Object.assign(Object.assign({},i),n(e))),i}this.err("Can not find qti-custom-interaction config")}register(e){const t="QTI-CUSTOM-INTERACTION"===this.parentElement.tagName?"TAO":"IMS",i="IMS"==t?this.querySelector("qti-interaction-markup"):this.querySelector("markup");i.classList.add("qti-customInteraction"),"TAO"==t&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");const s="IMS"==t?{properties:this.dataset}:this.getTAOConfig(this);if("IMS"==t?e.getInstance(i,s,void 0):e.initialize(this.customInteractionTypeIdentifier,i.firstElementChild,s),"TAO"==t){Array.from(this.querySelectorAll("link")).map((e=>e.getAttribute("href"))).forEach((e=>{const t=document.createElement("link");t.rel="stylesheet",t.type="text/css",t.media="screen",t.href=e,i.appendChild(t)}))}}connectedCallback(){super.connectedCallback();const e={context:this.customInteractionTypeIdentifier,baseUrl:this.baseUrl,catchError:!0};window.requirePaths&&window.requireShim&&(e.paths=window.requirePaths,e.shim=window.requireShim);requirejs.config(e)(["require"],(e=>{define("qtiCustomInteractionContext",(()=>({register:e=>{this.register(e)},notifyReady:()=>{}}))),e([this.module],(()=>{}),(e=>{this._errorMessage=e}))}),(e=>{this._errorMessage=e}))}render(){return Q`<slot></slot>${this._errorMessage&&Q`<div style="color:red"><h1>Error</h1>${this._errorMessage}</div>`}`}}customElements.define("qti-portable-custom-interaction",St);const qt=(e,t,i)=>class extends e{static get properties(){return{disabled:{type:Boolean,reflect:!0}}}firstUpdated(e){if(this.classList.contains("qti-match-tabular"))return;super.firstUpdated(e);const s=Array.from(t?this.shadowRoot.querySelectorAll(i):this.querySelectorAll(i));this.dragoverHandler=this.dragoverHandler.bind(this),this.dragleaveHandler=this.dragleaveHandler.bind(this),this.dropHandler=this.dropHandler.bind(this),s.forEach((e=>{e.setAttribute("dropzone","move"),e.addEventListener("dragleave",this.dragleaveHandler),this.attachHandler(e)}));for(const e of s)this.observer=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type){switch(t.attributeName){case"disabled":e.hasAttribute("disabled")?this.removeHandler(e):this.attachHandler(e);break}}}))})),this.observer.observe(e,{attributes:!0})}attachHandler(e){e.addEventListener("dragover",this.dragoverHandler),e.addEventListener("drop",this.dropHandler)}removeHandler(e){e.removeEventListener("dragover",this.dragoverHandler),e.removeEventListener("drop",this.dropHandler)}disconnectedCallback(){var e;this.classList.contains("qti-match-tabular")||(super.disconnectedCallback(),null===(e=this.observer)||void 0===e||e.disconnect())}dragoverHandler(e){e.preventDefault();return e.currentTarget.setAttribute("active",""),e.dataTransfer.dropEffect="move",!1}dropHandler(e){e.preventDefault();const t=e.currentTarget,i=this.querySelector(`[identifier=${e.dataTransfer.getData("text")}`),s=i||this.shadowRoot.querySelector(`[identifier=${e.dataTransfer.getData("text")}`);return t?s.parentElement.getAttribute("identifier")!==t.getAttribute("identifier")&&t.appendChild(s):console.error(`cannot find droppable, target: ${e.target?JSON.stringify(e.target):"null"}`),t.removeAttribute("active"),!1}dragleaveHandler(e){e.preventDefault();return e.currentTarget.removeAttribute("active"),!1}},Ot=(e,t,i)=>class extends e{};class $t{constructor(){return this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._canDrag=!1,this._dragSrc=null,this._dragCopy=null,this._touchEndCalled=!1,this._dragRunning=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0,this._DBLCLICKDELAY=500,this._CONTEXTMENUDELAY=1e3,this._DRAGDELTA=5,this._COPYOPACITY=.7,$t._instance?$t._instance:($t._instance=this,document.addEventListener("touchmove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("mousemove",this._touchMove.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchend",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("mouseup",this._touchEnd.bind(this),{passive:!1,capture:!1}),document.addEventListener("touchcancel",this._touchCancel.bind(this),{passive:!1,capture:!1}),this)}addDraggables(e){e.forEach((e=>{e.addEventListener("touchstart",this._touchStart.bind(this),{passive:!1,capture:!1}),e.addEventListener("mousedown",this._touchStart.bind(this),{passive:!1,capture:!1})}))}_touchStart(e){this._touchBegin=Date.now();const{x:t,y:i}=this.getPositionFromEvent(e);this._touchDown={x:t,y:i},this._dragSrc=e.currentTarget,this._canDrag=!0,e.preventDefault()}_touchMove(e){if(this._canDrag&&this._dragSrc){const{x:i,y:s}=this.getPositionFromEvent(e),n={clientX:i,clientY:s};if(this._getDelta(n)>=this._DRAGDELTA&&(this._dragRunning=!0),null===this._dragCopy&&this._dragRunning){this._dragSrc.style.opacity=this._COPYOPACITY,this._dragCopy=this._dragSrc.cloneNode(!0);const e=window.getComputedStyle(this._dragSrc);this._dragCopy.style="";for(const t of e)this._dragCopy.style[t]=e.getPropertyValue(t);this._calculateDragCopyPosition(n),this._dragCopy.style.top=n.clientY-this._copyOffset.y+"px",this._dragCopy.style.left=n.clientX-this._copyOffset.x+"px",this._dragCopy.style.position="absolute",this._dragCopy.style.pointerEvents="none",this._dragCopy.style.zIndex="999999",this._dragCopy=document.body.appendChild(this._dragCopy),this._dispatchEvent(this._dragSrc,"dragstart")}if(this._dragRunning){const i=this;requestAnimationFrame((function(){i._touchEndCalled||null===i._dragCopy||(i._dragCopy.style.top=n.clientY-i._copyOffset.y+"px",i._dragCopy.style.left=n.clientX-i._copyOffset.x+"px")}));var t=this._findDroppable(e);t!=this._lastTarget&&(this._dispatchEvent(t,"dragenter"),this._dispatchEvent(this._lastTarget,"dragleave"),this._lastTarget=t),this._currentDropContainer=t,this._currentDropContainer&&this._dispatchEvent(t,"dragover"),e.preventDefault()}}}_touchEnd(e){var t;if(this._touchEndCalled=!0,this._canDrag=!1,this._currentDropContainer)this._dispatchEvent(this._currentDropContainer,"drop"),this._dispatchEvent(this._dragSrc,"dragend");else if(this._dragRunning){const e=new CustomEvent("dragend",{bubbles:!0,cancelable:!0});e.dataTransfer={dropEffect:"none"},null===(t=this._dragSrc)||void 0===t||t.dispatchEvent(e)}this._reset()}_touchCancel(e){this._reset()}_findDroppable(e){let t;const i=e.composedPath().find((e=>{if(1===e.nodeType&&"SLOT"!==e.nodeName&&e.hasAttribute("dropzone"))return e}));if(i){const s=i.getRootNode(),n=this._getPoint(e);t=s.elementFromPoint(n.x,n.y)}return t}_getPoint(e,t){return e&&e.touches&&(e=e.touches[0]),{x:t?e.pageX:e.clientX,y:t?e.pageY:e.clientY}}_calculateDragCopyPosition(e){const t=this._dragSrc.getBoundingClientRect();this._copyOffset.x=e.clientX-t.left,this._copyOffset.y=e.clientY-t.top}_getDelta(e){return Math.abs(e.clientX-this._touchDown.x)+Math.abs(e.clientY-this._touchDown.y)}_dispatchEvent(e,t,i=!0){if(!e)return!1;const s=new CustomEvent(t,{bubbles:i,cancelable:!0});return s.dataTransfer=this._dataTransfer,e.dispatchEvent(s),s.defaultPrevented}_reset(){this._dragRunning&&(this._dragSrc.style.opacity="1.0",this._dragCopy.parentElement.removeChild(this._dragCopy)),this._dragRunning=!1,this._dragSrc=null,this._dragCopy=null,this._canDrag=!1,this._touchBegin=0,this._touchDown=null,this._lastClick=0,this._touchEndCalled=!1,this._dataTransfer={data:{},setData:function(e,t){this.data[e]=t},getData:function(e){return this.data[e]},effectAllowed:"move"},this._copyOffset={x:0,y:0},this._lastTarget=null,this._currentDropContainer=null,this._handleClick=!0}getPositionFromEvent(e){let t;if("touchstart"==e.type||"touchmove"==e.type||"touchend"==e.type||"touchcancel"==e.type){const i=void 0===e.originalEvent?e:e.originalEvent,s=i.touches[0]||i.changedTouches[0];t={x:s.pageX,y:s.pageY}}else"mousedown"!=e.type&&"mouseup"!=e.type&&"mousemove"!=e.type&&"mouseover"!=e.type&&"mouseout"!=e.type&&"mouseenter"!=e.type&&"mouseleave"!=e.type||(t={x:e.clientX,y:e.clientY});return t}}function Rt(e,t){let i;return Object.assign({},t),(t,s)=>{const{connectedCallback:n,disconnectedCallback:r}=t;t.connectedCallback=function(){var t;n.call(this);i=new MutationObserver((t=>{const i=Array.from(this.querySelectorAll(e));for(const e of t){const t=Array.from(e.addedNodes).map((e=>e)),n=Array.from(e.addedNodes).map((e=>e));"childList"===e.type&&t.find((e=>i.includes(e)))&&this[s](t,n)}})),i.observe(this,{childList:!0,subtree:!0});const r=null!==(t=this.querySelectorAll(e))&&void 0!==t?t:[];this[s](Array.from(r),[])},t.disconnectedCallback=function(){r.call(this),i.disconnect()}}}const kt=(e,t,i,n)=>{class r extends(Ot(qt(e,i,n))){constructor(){super(...arguments),this.draggables=new Map,this.responseIdentifier="",this.disabled=!1,this.readonly=!1,this.minAssociations=1,this.maxAssociations=1}reInitDragAndDrop(e,t){if(this.classList.contains("qti-match-tabular"))return;const i=e.filter((e=>!this.draggables||!this.draggables.get(e)));i.length>0&&(this.dragDropApi.addDraggables(e),e.forEach((e=>{this.draggables.set(e,{parent:e.parentElement,index:Array.from(e.parentNode.children).indexOf(e)}),e.setAttribute("qti-draggable","true"),e.addEventListener("dragstart",(t=>{t.dataTransfer.setData("text",t.currentTarget.getAttribute("identifier")),e.setAttribute("dragging","")})),this.addDragEndEvent(e)})))}handleDisabledChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("disabled",""):i.removeAttribute("disabled"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}handleReadonlyChange(e,t){this.draggables.forEach(((e,i)=>{t?i.setAttribute("readonly",""):i.removeAttribute("readonly"),t?i.removeAttribute("qti-draggable"):i.setAttribute("qti-draggable","true")}))}firstUpdated(e){super.firstUpdated(e),this.droppables=Array.from(i?this.shadowRoot.querySelectorAll(n):this.querySelectorAll(n))}connectedCallback(){super.connectedCallback(),this.dragDropApi=new $t,this.dispatchEvent(new CustomEvent(s.ON_REGISTER_INTERACTION,{bubbles:!0,composed:!0,detail:this}))}addDragEndEvent(e){e.addEventListener("dragend",(t=>{if(t.preventDefault(),e.removeAttribute("over"),e.removeAttribute("dragging"),"none"===t.dataTransfer.dropEffect){const e=t.currentTarget,i=this.draggables.get(e),s=i.index<i.parent.children.length?i.index:i.parent.children.length-1,n=i.parent,r=i.parent.children[s];n.insertBefore(e,r)}t.dataTransfer.dropEffect,this.saveResponse(),this.checkMaxMatchAssociations()}))}reset(e=!0){this.draggables.forEach(((e,t)=>{const i=e.index<e.parent.children.length?e.index:e.parent.children.length;e.parent.insertBefore(t,e.parent.children[i])})),e&&this.saveResponse()}checkMaxMatchAssociations(){this.droppables.forEach((e=>{const t=+(e.getAttribute("match-max")||1)<=(e.children.length||0);t?e.setAttribute("disabled",""):e.removeAttribute("disabled"),t?e.removeAttribute("dropzone"):e.setAttribute("dropzone","move")}))}set response(e){this.classList.contains("qti-match-tabular")||(this.reset(!1),null!==e&&Array.isArray(e)&&e.forEach((e=>{const[t,...i]=e.split(" ").reverse();if(t){const e=this.droppables.find((e=>e.getAttribute("identifier")===t));i.forEach((i=>{const s=this.querySelector(`[identifier=${i}]`);e?s?(e.appendChild(s),this.checkMaxMatchAssociations()):console.error(`cannot find draggable with identifier: ${i}`):console.error(`cannot find droppable with identifier: ${t}`)}))}})))}validate(){const e=(i?Array.from(this.shadowRoot.querySelectorAll(n)):Array.from(this.querySelectorAll(n))).filter((e=>e.childElementCount>0)).length;return this.minAssociations<=0||this.minAssociations<=e}saveResponse(){const e=this.droppables.map((e=>{var t;let i="";return(null===(t=e.children)||void 0===t?void 0:t.length)>0&&(i+=Array.from(e.children).map((e=>e.getAttribute("identifier"))).join(" ")+" "),i+=e.getAttribute("identifier"),i})),t={list:{pair:e}};this.dispatchEvent(new CustomEvent(s.ON_INTERACTION_RESPONSE,{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,responses:t}}))}}return de([Rt(t),he("design:type",Function),he("design:paramtypes",[Array,Array]),he("design:returntype",void 0)],r.prototype,"reInitDragAndDrop",null),de([me({type:String,attribute:"response-identifier"}),he("design:type",String)],r.prototype,"responseIdentifier",void 0),de([me({type:Boolean,reflect:!0}),he("design:type",Object)],r.prototype,"disabled",void 0),de([Ae("disabled",{waitUntilFirstUpdate:!0}),he("design:type",Function),he("design:paramtypes",[Object,Boolean]),he("design:returntype",void 0)],r.prototype,"handleDisabledChange",null),de([me({type:Boolean,reflect:!0}),he("design:type",Object)],r.prototype,"readonly",void 0),de([Ae("readonly",{waitUntilFirstUpdate:!0}),he("design:type",Function),he("design:paramtypes",[Object,Boolean]),he("design:returntype",void 0)],r.prototype,"handleReadonlyChange",null),de([me({type:Number,reflect:!0,attribute:"min-associations"}),he("design:type",Object)],r.prototype,"minAssociations",void 0),de([me({type:Number,reflect:!0,attribute:"max-associations"}),he("design:type",Object)],r.prototype,"maxAssociations",void 0),r};class wt extends(kt(ae,"qti-simple-associable-choice",!0,"drop-list")){render(){return Q` <slot name="prompt"></slot>
290
290
  <slot name="qti-simple-associable-choice"></slot>
291
291
  ${this._childrenMap.length>0&&Array.from(Array(Math.ceil(this._childrenMap.length/2)).keys()).map(((e,t)=>Q`<div part="associables-container">
292
292
  <drop-list part="drop-list" identifier="droplist${t}_left"></drop-list>
package/lib/utilities/drag-drop/drag-drop-interaction-mixin.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
+ import { IInteraction } from '../interaction/interaction.interface';
2
3
  type Constructor<T> = new (...args: any[]) => T;
3
- export declare const DragDropInteractionMixin: <T extends Constructor<LitElement>>(superClass: T, draggablesSelector: string, droppablesInShadowRoot: boolean, droppablesSelector: string) => Constructor<unknown> & T;
4
+ export declare const DragDropInteractionMixin: <T extends Constructor<LitElement>>(superClass: T, draggablesSelector: string, droppablesInShadowRoot: boolean, droppablesSelector: string) => Constructor<IInteraction> & T;
4
5
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citolab/qti-components",
3
- "version": "3.0.68",
3
+ "version": "3.0.69",
4
4
  "repository": "@citolab/qti-components",
5
5
  "author": "Patrick de Klein",
6
6
  "license": "MIT",