@citolab/qti-components 7.0.4 → 7.0.5

package/cdn/qti-test/index.global.js

@@ -0,0 +1,242 @@
+function t(t,n){if(n==null||n>t.length)n=t.length;for(var e=0,r=new Array(n);e<n;e++)r[e]=t[e];return r}function n(t){if(Array.isArray(t))return t}function e(n){if(Array.isArray(n))return t(n)}function r(t){if(t===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t}function i(t,n,e,r,i,o,a){try{var s=t[o](a);var l=s.value}catch(t){e(t);return}if(s.done){n(l)}else{Promise.resolve(l).then(r,i)}}function o(t){return function(){var n=this,e=arguments;return new Promise(function(r,o){var a=t.apply(n,e);function s(t){i(a,r,o,s,l,"next",t)}function l(t){i(a,r,o,s,l,"throw",t)}s(undefined)})}}function a(t,n,e){n=v(n);return x(t,I()?Reflect.construct(n,e||[],v(t).constructor):n.apply(t,e))}function s(t,n){if(!(t instanceof n)){throw new TypeError("Cannot call a class as a function")}}function l(t,n,e){if(I()){l=Reflect.construct}else{l=function t(t,n,e){var r=[null];r.push.apply(r,n);var i=Function.bind.apply(t,r);var o=new i;if(e)E(o,e.prototype);return o}}return l.apply(null,arguments)}function d(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||false;r.configurable=true;if("value"in r)r.writable=true;Object.defineProperty(t,r.key,r)}}function u(t,n,e){if(n)d(t.prototype,n);if(e)d(t,e);return t}function c(t,n,e){if(n in t){Object.defineProperty(t,n,{value:e,enumerable:true,configurable:true,writable:true})}else{t[n]=e}return t}function h(t,n,e){if(typeof Reflect!=="undefined"&&Reflect.get){h=Reflect.get}else{h=function t(t,n,e){var r=A(t,n);if(!r)return;var i=Object.getOwnPropertyDescriptor(r,n);if(i.get){return i.get.call(e||t)}return i.value}}return h(t,n,e||t)}function v(t){v=Object.setPrototypeOf?Object.getPrototypeOf:function t(t){return t.__proto__||Object.getPrototypeOf(t)};return v(t)}function p(t,n){if(typeof n!=="function"&&n!==null){throw new TypeError("Super expression must either be null or a function")}t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:true,configurable:true}});if(n)E(t,n)}function f(t,n){if(n!=null&&typeof Symbol!=="undefined"&&n[Symbol.hasInstance]){return!!n[Symbol.hasInstance](t)}else{return t instanceof n}}function g(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function b(t){if(typeof Symbol!=="undefined"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function m(t,n){var e=t==null?null:typeof Symbol!=="undefined"&&t[Symbol.iterator]||t["@@iterator"];if(e==null)return;var r=[];var i=true;var o=false;var a,s;try{for(e=e.call(t);!(i=(a=e.next()).done);i=true){r.push(a.value);if(n&&r.length===n)break}}catch(t){o=true;s=t}finally{try{if(!i&&e["return"]!=null)e["return"]()}finally{if(o)throw s}}return r}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function q(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(t){for(var n=1;n<arguments.length;n++){var e=arguments[n]!=null?arguments[n]:{};var r=Object.keys(e);if(typeof Object.getOwnPropertySymbols==="function"){r=r.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))}r.forEach(function(n){c(t,n,e[n])})}return t}function w(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);if(n){r=r.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})}e.push.apply(e,r)}return e}function k(t,n){n=n!=null?n:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(t,Object.getOwnPropertyDescriptors(n))}else{w(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function x(t,n){if(n&&(O(n)==="object"||typeof n==="function")){return n}return r(t)}function E(t,n){E=Object.setPrototypeOf||function t(t,n){t.__proto__=n;return t};return E(t,n)}function C(t,e){return n(t)||m(t,e)||R(t,e)||y()}function A(t,n){while(!Object.prototype.hasOwnProperty.call(t,n)){t=v(t);if(t===null)break}return t}function $(t,n){if(!n){n=t.slice(0)}return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(n)}}))}function S(t){return e(t)||b(t)||R(t)||q()}function O(t){"@swc/helpers - typeof";return t&&typeof Symbol!=="undefined"&&t.constructor===Symbol?"symbol":typeof t}function R(n,e){if(!n)return;if(typeof n==="string")return t(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);if(r==="Object"&&n.constructor)r=n.constructor.name;if(r==="Map"||r==="Set")return Array.from(r);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(n,e)}function P(t){var n=typeof Map==="function"?new Map:undefined;P=function t(t){if(t===null||!g(t))return t;if(typeof t!=="function"){throw new TypeError("Super expression must either be null or a function")}if(typeof n!=="undefined"){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return l(t,arguments,v(this).constructor)}e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});return E(e,t)};return P(t)}function I(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(I=function(){return!!t})()}function z(t,n){var e,r,i,o,a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),"throw":s(1),"return":s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(n){return l([t,n])}}function l(o){if(e)throw new TypeError("Generator is already executing.");while(a)try{if(e=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(o[0]===6&&a.label<i[1]){a.label=i[1];i=o;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(o);break}if(i[2])a.ops.pop();a.trys.pop();continue}o=n.call(t,a)}catch(t){o=[6,t];r=0}finally{e=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}}function T(){var t=$(['<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">\n<xsl:output method="html" version="5.0" encoding="UTF-8" indent="yes" />\n  <xsl:template match="@*|node()">\n    <xsl:copy>\n      <xsl:apply-templates select="@*|node()"/>\n    </xsl:copy>\n  </xsl:template>\n\n  \x3c!-- remove existing namespaces --\x3e\n  <xsl:template match="*">\n    \x3c!-- remove element prefix --\x3e\n    <xsl:element name="{local-name()}">\n      \x3c!-- process attributes --\x3e\n      <xsl:for-each select="@*">\n        \x3c!-- remove attribute prefix --\x3e\n        <xsl:attribute name="{local-name()}">\n          <xsl:value-of select="."/>\n        </xsl:attribute>\n      </xsl:for-each>\n    <xsl:apply-templates/>\n  </xsl:element>\n</xsl:template>\n</xsl:stylesheet>']);T=function n(){return t};return t}function U(){var t=$(["<slot></slot>"]);U=function n(){return t};return t}function L(){var t=$(["",""]);L=function n(){return t};return t}function M(){var t=$(['<slot name="qti-rubric-block"></slot><slot></slot>']);M=function n(){return t};return t}function D(){var t=$([" <slot></slot>"]);D=function n(){return t};return t}function N(){var t=$([" <slot></slot>"]);N=function n(){return t};return t}function j(){var t=$(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem 1rem;\n  border-radius: 0.25rem;\n  user-select: none;\n"]);j=function n(){return t};return t}function V(){var t=$(["\n  background-color: lightgray;\n  ",";\n"]);V=function n(){return t};return t}function B(){var t=$(["\n  cursor: not-allowed;\n  opacity: 0.5;\n"]);B=function n(){return t};return t}function F(){var t=$(["\n  ",";\n  border: 1px solid gray;\n"]);F=function n(){return t};return t}function H(){var t=$(["<slot></slot>"]);H=function n(){return t};return t}function W(){var t=$(["\n    :host {\n      ",";\n    }\n    :host([disabled]) {\n      ",";\n    }\n  "]);W=function n(){return t};return t}function G(){var t=$(["<slot></slot>"]);G=function n(){return t};return t}function X(){var t=$(["\n    :host {\n      ",";\n    }\n    :host([disabled]) {\n      ",";\n    }\n  "]);X=function n(){return t};return t}function K(){var t=$(['<option value="','" ?selected=',">","</option>"]);K=function n(){return t};return t}function Q(){var t=$(['\n      <label part="label" for="viewSelect">','</label>\n      <select\n        part="select"\n        id="viewSelect"\n        .disabled=',"\n        @change=","\n      >\n        ","\n      </select>\n    "]);Q=function n(){return t};return t}function Y(){var t=$([" <slot></slot> "]);Y=function n(){return t};return t}function Z(){var t=$(["\n    :host {\n      ",";\n    }\n    :host([disabled]) {\n      ",";\n    }\n  "]);Z=function n(){return t};return t}function J(){var t=$([""]);J=function n(){return t};return t}function tt(){var t=$(["<span>Loading...</span>"]);tt=function n(){return t};return t}function tn(){var t=$(["\n      ","\n      <slot></slot>\n      ","\n    "]);tn=function n(){return t};return t}function te(){var t=$(["\n      ","\n    "]);te=function n(){return t};return t}var QtiComponents=function(){var t=function t(t,n){if(!t9(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return t1!==void 0?t1.createHTML(n):n};var n=function t(t){return function(n,e){return(typeof e==="undefined"?"undefined":O(e))=="object"?nU(t,n,e):function(t,n,e){var r=n.hasOwnProperty(e);return n.constructor.createProperty(e,r?k(_({},t),{wrapped:!0}):t),r?Object.getOwnPropertyDescriptor(n,e):void 0}(t,n,e)}};var e=function t(t){return n(k(_({},t),{state:!0,attribute:!1}))};var r=function t(t,n,e){t.querySelectorAll(n).forEach(function(t){var r="".concat(n,"-").concat(e),i=l(t,r);t.replaceWith(i)})};var i=function t(t,n){t.querySelectorAll("*").forEach(function(t){var e=t.classList;e&&e.forEach(function(e){if(e.startsWith("".concat(n,":"))){var r=e.slice("".concat(n,":").length),i="".concat(t.nodeName,"-").concat(r),o=l(t,i);t.replaceWith(o)}})})};var l=function t(t,n){var e=document.createElement(n);var r=true,i=false,o=undefined;try{for(var a=t.attributes[Symbol.iterator](),s;!(r=(s=a.next()).done);r=true){var l=s.value;e.setAttribute(l.name,l.value)}}catch(t){i=true;o=t}finally{try{if(!r&&a.return!=null){a.return()}}finally{if(i){throw o}}}for(;t.firstChild;)e.appendChild(t.firstChild);return e};var d=function t(t){var n=[];return t.querySelectorAll("qti-assessment-item-ref").forEach(function(t){var e=t.getAttribute("identifier"),r=t.getAttribute("href"),i=t.getAttribute("category");n.push({identifier:e,href:r,category:i})}),n};var c=function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return n&&nD!==null&&nD.abort(),new Promise(function(n,e){var r=new XMLHttpRequest;nD=r,r.open("GET",t,!0),r.responseType="document",r.onload=function(){r.status>=200&&r.status<300?n(r.responseXML):e(r.statusText)},r.onerror=function(){e(r.statusText)},r.send()})};var g=function t(t){return new DOMParser().parseFromString(t,"text/xml")};var b=function t(t){var n=new XSLTProcessor,e=new DOMParser().parseFromString(nM,"text/xml");return n.importStylesheet(e),n.transformToFragment(t,document)};var m=function t(t,n){n.endsWith("/")||(n+="/"),t.querySelectorAll("[src],[href],[primary-path]").forEach(function(t){var e;var r="";t.getAttribute("src")&&(r="src"),t.getAttribute("href")&&(r="href"),t.getAttribute("primary-path")&&(r="primary-path");var i=(e=t.getAttribute(r))===null||e===void 0?void 0:e.trim();if(!i.startsWith("data:")&&!i.startsWith("http")){var o=n+encodeURI(i);t.setAttribute(r,o)}})};var y=function t(t){t.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value').forEach(function(t){var n=document.createComment(t.textContent);t.replaceChild(n,t.firstChild)})};var q=function t(t){t.querySelectorAll("qti-stylesheet").forEach(function(t){return t.remove()})};var w=function t(t){var n=t.context;return function(t,e){var r=new WeakMap;if((typeof e==="undefined"?"undefined":O(e))=="object")return e.addInitializer(function(){r.set(this,new nK(this,{context:n}))}),{get:function n(){return t.get.call(this)},set:function n(n){var e;return(e=r.get(this))===null||e===void 0?void 0:e.setValue(n),t.set.call(this,n)},init:function t(t){var n;return(n=r.get(this))===null||n===void 0?void 0:n.setValue(t),t}};{t.constructor.addInitializer(function(t){r.set(t,new nK(t,{context:n}))});var i=Object.getOwnPropertyDescriptor(t,e),o;if(i===void 0){var a=new WeakMap;o={get:function t(){return a.get(this)},set:function t(t){r.get(this).setValue(t),a.set(this,t)},configurable:!0,enumerable:!0}}else{var s=i.set;o=k(_({},i),{set:function t(t){r.get(this).setValue(t),s===null||s===void 0?void 0:s.call(this,t)}})}return void Object.defineProperty(t,e,o)}}};var x=function t(t){var n=t.context,e=t.subscribe;return function(t,r){(typeof r==="undefined"?"undefined":O(r))=="object"?r.addInitializer(function(){var r=this;new nW(this,{context:n,callback:function(n){t.set.call(r,n)},subscribe:e})}):t.constructor.addInitializer(function(t){new nW(t,{context:n,callback:function(n){t[r]=n},subscribe:e})})}};var E=function t(t,n){var e=_({waitUntilFirstUpdate:!1},n);return function(n,r){var i=n.update,o=Array.isArray(t)?t:[t];n.update=function(t){var n=this;o.forEach(function(i){var o=i;if(t.has(o)){var a=t.get(o),s=n[o];a!==s&&(!e.waitUntilFirstUpdate||n.hasUpdated)&&n[r](a,s)}}),i.call(this,t)}}};var A=function t(t){return function(e,r){n(t)(e,r);var i="__".concat(r);Object.defineProperty(e,r,{get:function t(){return this[i]},set:function n(n){var e=this[i];if(this[i]=n,e!==n){var o;if((o=this._internals)===null||o===void 0?void 0:o.states){var a=r.toLowerCase();n?this._internals.states.add("--".concat(a)):this._internals.states.delete("--".concat(a))}if(t.aria&&this._internals){var s=t.aria;n?this._internals[s]="true":this._internals[s]=null}this.requestUpdate(r,e)}},configurable:!0,enumerable:!0})}};var $=function t(t){this._$AN!==void 0?(eh(this),this._$AM=t,ev(this)):this._$AM=t};var R=function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0;var r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(n)if(Array.isArray(r))for(var o=e;o<r.length;o++)ec(r[o],!1),eh(r[o]);else r!=null&&(ec(r,!1),eh(r));else ec(this,t)};var I,tr;var ti=Object.defineProperty;var to=Object.getOwnPropertyDescriptor;var ta=Object.getOwnPropertyNames;var ts=Object.prototype.hasOwnProperty;var tl=function(t,n,e){return n in t?ti(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e};var td=function(t,n){for(var e in n)ti(t,e,{get:n[e],enumerable:!0})},tu=function(t,n,e,r){var i=true,o=false,a=undefined;if(n&&(typeof n==="undefined"?"undefined":O(n))=="object"||typeof n=="function")try{var s=function(){var i=d.value;!ts.call(t,i)&&i!==e&&ti(t,i,{get:function(){return n[i]},enumerable:!(r=to(n,i))||r.enumerable})};for(var l=ta(n)[Symbol.iterator](),d;!(i=(d=l.next()).done);i=true)s()}catch(t){o=true;a=t}finally{try{if(!i&&l.return!=null){l.return()}}finally{if(o){throw a}}}return t};var tc=function(t){return tu(ti({},"__esModule",{value:!0}),t)},th=function(t,n,e,r){for(var i=r>1?void 0:r?to(n,e):n,o=t.length-1,a;o>=0;o--)(a=t[o])&&(i=(r?a(n,e,i):a(i))||i);return r&&i&&ti(n,e,i),i};var tv=function(t,n,e){return tl(t,(typeof n==="undefined"?"undefined":O(n))!="symbol"?n+"":n,e)};var tp={};td(tp,{QtiAssessmentItemRef:function(){return n1},QtiAssessmentSection:function(){return n5},QtiAssessmentTest:function(){return n3},QtiTest:function(){return nJ},QtiTestPart:function(){return n4},TestComponent:function(){return n6},TestContainer:function(){return ek},TestItemLink:function(){return ei},TestNext:function(){return en},TestPagingButtonsStamp:function(){return ro},TestPrev:function(){return ee},TestView:function(){return er},testContext:function(){return nQ},testElement:function(){return nY}});var tf=/*#__PURE__*/function(){"use strict";function t(n){s(this,t);this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBrailleLabel="",this.ariaBrailleRoleDescription="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDescription="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this.role="",this.form=null,this.labels=[],this.states=new Set,this.validationMessage="",this.validity={},this.willValidate=!0,this.__host=n}u(t,[{key:"shadowRoot",get:function t(){return this.__host.__shadowRoot}},{key:"checkValidity",value:function t(){return console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true."),!0}},{key:"reportValidity",value:function t(){return!0}},{key:"setFormValue",value:function t(){}},{key:"setValidity",value:function t(){}}]);return t}();var tg=new WeakMap,tb=function(t){var n=tg.get(t);return n===void 0&&tg.set(t,n=new Map),n},tm=/*#__PURE__*/function(){"use strict";function t(){s(this,t);this.__shadowRootMode=null,this.__shadowRoot=null,this.__internals=null}u(t,[{key:"attributes",get:function t(){return Array.from(tb(this)).map(function(t){var n=C(t,2),e=n[0],r=n[1];return{name:e,value:r}})}},{key:"shadowRoot",get:function t(){return this.__shadowRootMode==="closed"?null:this.__shadowRoot}},{key:"localName",get:function t(){return this.constructor.__localName}},{key:"tagName",get:function t(){var t;return(t=this.localName)===null||t===void 0?void 0:t.toUpperCase()}},{key:"setAttribute",value:function t(t,n){tb(this).set(t,String(n))}},{key:"removeAttribute",value:function t(t){tb(this).delete(t)}},{key:"toggleAttribute",value:function t(t,n){if(this.hasAttribute(t)){if(n===void 0||!n)return this.removeAttribute(t),!1}else return n===void 0||n?(this.setAttribute(t,""),!0):!1;return!0}},{key:"hasAttribute",value:function t(t){return tb(this).has(t)}},{key:"attachShadow",value:function t(t){var n={host:this};return this.__shadowRootMode=t.mode,t&&t.mode==="open"&&(this.__shadowRoot=n),n}},{key:"attachInternals",value:function t(){if(this.__internals!==null)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");var t=new tf(this);return this.__internals=t,t}},{key:"getAttribute",value:function t(t){var n;return(n=tb(this).get(t))!==null&&n!==void 0?n:null}}]);return t}();var ty=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);return a(this,n,arguments)}return n}(tm),tq=ty;var t_=/*#__PURE__*/function(){"use strict";function t(){s(this,t);this.__definitions=new Map}u(t,[{key:"define",value:function t(t,n){if(this.__definitions.has(t))if(process.env.NODE_ENV==="development")console.warn("'CustomElementRegistry' already has \"".concat(t,'" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.\nMake sure to test your application with a production build as repeat registrations will throw in production.'));else throw new Error("Failed to execute 'define' on 'CustomElementRegistry': the name \"".concat(t,'" has already been used with this registry'));var e;n.__localName=t,this.__definitions.set(t,{ctor:n,observedAttributes:(e=n.observedAttributes)!==null&&e!==void 0?e:[]})}},{key:"get",value:function t(t){var n;return(n=this.__definitions.get(t))===null||n===void 0?void 0:n.ctor}}]);return t}(),tw=t_;var tk=new tw;var tx=globalThis,tE=tx.ShadowRoot&&(tx.ShadyCSS===void 0||tx.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,tC=Symbol(),tA=new WeakMap,t$=/*#__PURE__*/function(){"use strict";function t(n,e,r){s(this,t);if(this._$cssResult$=!0,r!==tC)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=n,this.t=e}u(t,[{key:"styleSheet",get:function t(){var t=this.o,n=this.t;if(tE&&t===void 0){var e=n!==void 0&&n.length===1;e&&(t=tA.get(n)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&tA.set(n,t))}return t}},{key:"toString",value:function t(){return this.cssText}}]);return t}(),tS=function(t){return new t$(typeof t=="string"?t:t+"",void 0,tC)},tO=function(t){for(var n=arguments.length,e=new Array(n>1?n-1:0),r=1;r<n;r++){e[r-1]=arguments[r]}var i=t.length===1?t[0]:e.reduce(function(n,e,r){return n+function(t){if(t._$cssResult$===!0)return t.cssText;if(typeof t=="number")return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")}(e)+t[r+1]},t[0]);return new t$(i,t,tC)},tR=function(t,n){var e=true,r=false,i=undefined;if(tE)t.adoptedStyleSheets=n.map(function(t){return f(t,CSSStyleSheet)?t:t.styleSheet});else try{for(var o=n[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var s=a.value;var l=document.createElement("style"),d=tx.litNonce;d!==void 0&&l.setAttribute("nonce",d),l.textContent=s.cssText,t.appendChild(l)}}catch(t){r=true;i=t}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}},tP=tE||tx.CSSStyleSheet===void 0?function(t){return t}:function(t){return f(t,CSSStyleSheet)?function(t){var n="";var e=true,r=false,i=undefined;try{for(var o=t.cssRules[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var s=a.value;n+=s.cssText}}catch(t){r=true;i=t}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}return tS(n)}(t):t};var tI=Object.is,tz=Object.defineProperty,tT=Object.getOwnPropertyDescriptor,tU=Object.getOwnPropertyNames,tL=Object.getOwnPropertySymbols,tM=Object.getPrototypeOf,tD=globalThis;var tN;(tN=tD.customElements)!==null&&tN!==void 0?tN:tD.customElements=tk;var tj=tD.trustedTypes,tV=tj?tj.emptyScript:"",tB=tD.reactiveElementPolyfillSupport,tF=function(t,n){return t},tH={toAttribute:function t(t,n){switch(n){case Boolean:t=t?tV:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute:function t(t,n){var e=t;switch(n){case Boolean:e=t!==null;break;case Number:e=t===null?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},tW=function(t,n){return!tI(t,n)},tG={attribute:!0,type:String,converter:tH,reflect:!1,hasChanged:tW};var tX,tK;(tX=Symbol.metadata)!==null&&tX!==void 0?tX:Symbol.metadata=Symbol("metadata"),(tK=tD.litPropertyMetadata)!==null&&tK!==void 0?tK:tD.litPropertyMetadata=new WeakMap;var tQ;var tY=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n),t._$Ep=void 0,t.isUpdatePending=!1,t.hasUpdated=!1,t._$Em=null,t._$Ev();return t}u(n,[{key:"_$Ev",value:function t(){var t=this;var n;this._$ES=new Promise(function(n){return t.enableUpdating=n}),this._$AL=new Map,this._$E_(),this.requestUpdate(),(n=this.constructor.l)===null||n===void 0?void 0:n.forEach(function(n){return n(t)})}},{key:"addController",value:function t(t){var n;var e;((e=this._$EO)!==null&&e!==void 0?e:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((n=t.hostConnected)===null||n===void 0?void 0:n.call(t))}},{key:"removeController",value:function t(t){var n;(n=this._$EO)===null||n===void 0?void 0:n.delete(t)}},{key:"_$E_",value:function t(){var t=new Map,n=this.constructor.elementProperties;var e=true,r=false,i=undefined;try{for(var o=n.keys()[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var s=a.value;this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s])}}catch(t){r=true;i=t}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}t.size>0&&(this._$Ep=t)}},{key:"createRenderRoot",value:function t(){var t;var n=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return tR(n,this.constructor.elementStyles),n}},{key:"connectedCallback",value:function t(){var t;var n;(n=this.renderRoot)!==null&&n!==void 0?n:this.renderRoot=this.createRenderRoot(),this.enableUpdating(!0),(t=this._$EO)===null||t===void 0?void 0:t.forEach(function(t){var n;return(n=t.hostConnected)===null||n===void 0?void 0:n.call(t)})}},{key:"enableUpdating",value:function t(t){}},{key:"disconnectedCallback",value:function t(){var t;(t=this._$EO)===null||t===void 0?void 0:t.forEach(function(t){var n;return(n=t.hostDisconnected)===null||n===void 0?void 0:n.call(t)})}},{key:"attributeChangedCallback",value:function t(t,n,e){this._$AK(t,e)}},{key:"_$EC",value:function t(t,n){var e=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,e);if(r!==void 0&&e.reflect===!0){var i;var o=(((i=e.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?e.converter:tH).toAttribute(n,e.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}},{key:"_$AK",value:function t(t,n){var e=this.constructor,r=e._$Eh.get(t);if(r!==void 0&&this._$Em!==r){var i;var o=e.getPropertyOptions(r),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((i=o.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?o.converter:tH;this._$Em=r,this[r]=a.fromAttribute(n,o.type),this._$Em=null}}},{key:"requestUpdate",value:function t(t,n,e){if(t!==void 0){var r;if(e!==null&&e!==void 0?e:e=this.constructor.getPropertyOptions(t),!((r=e.hasChanged)!==null&&r!==void 0?r:tW)(this[t],n))return;this.P(t,n,e)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}},{key:"P",value:function t(t,n,e){var r;this._$AL.has(t)||this._$AL.set(t,n),e.reflect===!0&&this._$Em!==t&&((r=this._$Ej)!==null&&r!==void 0?r:this._$Ej=new Set).add(t)}},{key:"_$ET",value:function t(){var t=this;return o(function(){var n,e,r;return z(this,function(i){switch(i.label){case 0:t.isUpdatePending=!0;i.label=1;case 1:i.trys.push([1,3,,4]);return[4,t._$ES];case 2:i.sent();return[3,4];case 3:n=i.sent();Promise.reject(n);return[3,4];case 4:e=t.scheduleUpdate();r=e!=null;if(!r)return[3,6];return[4,e];case 5:r=i.sent();i.label=6;case 6:return[2,(r,!t.isUpdatePending)]}})})()}},{key:"scheduleUpdate",value:function t(){return this.performUpdate()}},{key:"performUpdate",value:function t(){if(!this.isUpdatePending)return;if(!this.hasUpdated){var t;if((t=this.renderRoot)!==null&&t!==void 0?t:this.renderRoot=this.createRenderRoot(),this._$Ep){var n=true,e=false,r=undefined;try{for(var i=this._$Ep[Symbol.iterator](),o;!(n=(o=i.next()).done);n=true){var a=C(o.value,2),s=a[0],l=a[1];this[s]=l}}catch(t){e=true;r=t}finally{try{if(!n&&i.return!=null){i.return()}}finally{if(e){throw r}}}this._$Ep=void 0}var d=this.constructor.elementProperties;var u=true,c=false,h=undefined;if(d.size>0)try{for(var v=d[Symbol.iterator](),p;!(u=(p=v.next()).done);u=true){var f=C(p.value,2),g=f[0],b=f[1];b.wrapped!==!0||this._$AL.has(g)||this[g]===void 0||this.P(g,this[g],b)}}catch(t){c=true;h=t}finally{try{if(!u&&v.return!=null){v.return()}}finally{if(c){throw h}}}}var m=!1,y=this._$AL;try{var q;m=this.shouldUpdate(y),m?(this.willUpdate(y),(q=this._$EO)===null||q===void 0?void 0:q.forEach(function(t){var n;return(n=t.hostUpdate)===null||n===void 0?void 0:n.call(t)}),this.update(y)):this._$EU()}catch(t){throw m=!1,this._$EU(),t}m&&this._$AE(y)}},{key:"willUpdate",value:function t(t){}},{key:"_$AE",value:function t(t){var n;(n=this._$EO)===null||n===void 0?void 0:n.forEach(function(t){var n;return(n=t.hostUpdated)===null||n===void 0?void 0:n.call(t)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}},{key:"_$EU",value:function t(){this._$AL=new Map,this.isUpdatePending=!1}},{key:"updateComplete",get:function t(){return this.getUpdateComplete()}},{key:"getUpdateComplete",value:function t(){return this._$ES}},{key:"shouldUpdate",value:function t(t){return!0}},{key:"update",value:function t(t){var n=this;this._$Ej&&(this._$Ej=this._$Ej.forEach(function(t){return n._$EC(t,n[t])})),this._$EU()}},{key:"updated",value:function t(t){}},{key:"firstUpdated",value:function t(t){}}],[{key:"addInitializer",value:function t(t){var n;this._$Ei(),((n=this.l)!==null&&n!==void 0?n:this.l=[]).push(t)}},{key:"observedAttributes",get:function t(){return this.finalize(),this._$Eh&&S(this._$Eh.keys())}},{key:"createProperty",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:tG;if(n.state&&(n.attribute=!1),this._$Ei(),this.elementProperties.set(t,n),!n.noAccessor){var e=Symbol(),r=this.getPropertyDescriptor(t,e,n);r!==void 0&&tz(this.prototype,t,r)}}},{key:"getPropertyDescriptor",value:function t(t,n,e){var r;var i=(r=tT(this.prototype,t))!==null&&r!==void 0?r:{get:function t(){return this[n]},set:function t(t){this[n]=t}},o=i.get,a=i.set;return{get:function t(){return o===null||o===void 0?void 0:o.call(this)},set:function n(n){var r=o===null||o===void 0?void 0:o.call(this);a.call(this,n),this.requestUpdate(t,r,e)},configurable:!0,enumerable:!0}}},{key:"getPropertyOptions",value:function t(t){var n;return(n=this.elementProperties.get(t))!==null&&n!==void 0?n:tG}},{key:"_$Ei",value:function t(){if(this.hasOwnProperty(tF("elementProperties")))return;var t=tM(this);t.finalize(),t.l!==void 0&&(this.l=S(t.l)),this.elementProperties=new Map(t.elementProperties)}},{key:"finalize",value:function t(){if(this.hasOwnProperty(tF("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(tF("properties"))){var t=this.properties,n=S(tU(t)).concat(S(tL(t)));var e=true,r=false,i=undefined;try{for(var o=n[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var s=a.value;this.createProperty(s,t[s])}}catch(t){r=true;i=t}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}}var l=this[Symbol.metadata];if(l!==null){var d=litPropertyMetadata.get(l);var u=true,c=false,h=undefined;if(d!==void 0)try{for(var v=d[Symbol.iterator](),p;!(u=(p=v.next()).done);u=true){var f=C(p.value,2),g=f[0],b=f[1];this.elementProperties.set(g,b)}}catch(t){c=true;h=t}finally{try{if(!u&&v.return!=null){v.return()}}finally{if(c){throw h}}}}this._$Eh=new Map;var m=true,y=false,q=undefined;try{for(var _=this.elementProperties[Symbol.iterator](),w;!(m=(w=_.next()).done);m=true){var k=C(w.value,2),x=k[0],E=k[1];var A=this._$Eu(x,E);A!==void 0&&this._$Eh.set(A,x)}}catch(t){y=true;q=t}finally{try{if(!m&&_.return!=null){_.return()}}finally{if(y){throw q}}}this.elementStyles=this.finalizeStyles(this.styles)}},{key:"finalizeStyles",value:function t(t){var n=[];if(Array.isArray(t)){var e=new Set(t.flat(1/0).reverse());var r=true,i=false,o=undefined;try{for(var a=e[Symbol.iterator](),s;!(r=(s=a.next()).done);r=true){var l=s.value;n.unshift(tP(l))}}catch(t){i=true;o=t}finally{try{if(!r&&a.return!=null){a.return()}}finally{if(i){throw o}}}}else t!==void 0&&n.push(tP(t));return n}},{key:"_$Eu",value:function t(t,n){var e=n.attribute;return e===!1?void 0:typeof e=="string"?e:typeof t=="string"?t.toLowerCase():void 0}}]);return n}((tQ=globalThis.HTMLElement)!==null&&tQ!==void 0?tQ:tq);var tZ;tY.elementStyles=[],tY.shadowRootOptions={mode:"open"},tY[tF("elementProperties")]=new Map,tY[tF("finalized")]=new Map,tB===null||tB===void 0?void 0:tB({ReactiveElement:tY}),((tZ=tD.reactiveElementVersions)!==null&&tZ!==void 0?tZ:tD.reactiveElementVersions=[]).push("2.0.4");var tJ=globalThis,t0=tJ.trustedTypes,t1=t0?t0.createPolicy("lit-html",{createHTML:function(t){return t}}):void 0,t2="$lit$",t5="lit$".concat(Math.random().toFixed(9).slice(2),"$"),t3="?"+t5,t4="<".concat(t3,">"),t6=tJ.document===void 0?{createTreeWalker:function(){return{}}}:document,t8=function(){return t6.createComment("")},t7=function(t){return t===null||(typeof t==="undefined"?"undefined":O(t))!="object"&&typeof t!="function"},t9=Array.isArray,nt=function(t){return t9(t)||typeof(t===null||t===void 0?void 0:t[Symbol.iterator])=="function"},nn="[ 	\n\f\r]",ne=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,nr=/-->/g,ni=/>/g,no=RegExp(">|".concat(nn,"(?:([^\\s\"'>=/]+)(").concat(nn,"*=").concat(nn,"*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"),"g"),na=/'/g,ns=/"/g,nl=/^(?:script|style|textarea|title)$/i,nd=function(t){return function(n){for(var e=arguments.length,r=new Array(e>1?e-1:0),i=1;i<e;i++){r[i-1]=arguments[i]}return{_$litType$:t,strings:n,values:r}}},nu=nd(1),nc=nd(2),nh=nd(3),nv=Symbol.for("lit-noChange"),np=Symbol.for("lit-nothing"),nf=new WeakMap,ng=t6.createTreeWalker(t6,129);var nb=function(n,e){var r=n.length-1,i=[],o,a=e===2?"<svg>":e===3?"<math>":"",s=ne;for(var l=0;l<r;l++){var d=n[l],u=void 0,c=void 0,h=-1,v=0;for(;v<d.length&&(s.lastIndex=v,c=s.exec(d),c!==null);)v=s.lastIndex,s===ne?c[1]==="!--"?s=nr:c[1]!==void 0?s=ni:c[2]!==void 0?(nl.test(c[2])&&(o=RegExp("</"+c[2],"g")),s=no):c[3]!==void 0&&(s=no):s===no?c[0]===">"?(s=o!==null&&o!==void 0?o:ne,h=-1):c[1]===void 0?h=-2:(h=s.lastIndex-c[2].length,u=c[1],s=c[3]===void 0?no:c[3]==='"'?ns:na):s===ns||s===na?s=no:s===nr||s===ni?s=ne:(s=no,o=void 0);var p=s===no&&n[l+1].startsWith("/>")?" ":"";a+=s===ne?d+t4:h>=0?(i.push(u),d.slice(0,h)+t2+d.slice(h)+t5+p):d+t5+(h===-2?l:p)}return[t(n,a+(n[r]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]},nm=/*#__PURE__*/function(){"use strict";function t(n,e){var r=n.strings,i=n._$litType$;s(this,t);var o;this.parts=[];var a=0,l=0,d=r.length-1,u=this.parts,c=C(nb(r,i),2),h=c[0],v=c[1];if(this.el=t.createElement(h,e),ng.currentNode=this.el.content,i===2||i===3){var p;var f=this.el.content.firstChild;(p=f).replaceWith.apply(p,S(f.childNodes))}for(;(o=ng.nextNode())!==null&&u.length<d;){if(o.nodeType===1){var g=true,b=false,m=undefined;if(o.hasAttributes())try{for(var y=o.getAttributeNames()[Symbol.iterator](),q;!(g=(q=y.next()).done);g=true){var _=q.value;if(_.endsWith(t2)){var w=v[l++],k=o.getAttribute(_).split(t5),x=/([.?@])?(.*)/.exec(w);u.push({type:1,index:a,name:x[2],strings:k,ctor:x[1]==="."?nk:x[1]==="?"?nx:x[1]==="@"?nE:nw}),o.removeAttribute(_)}else _.startsWith(t5)&&(u.push({type:6,index:a}),o.removeAttribute(_))}}catch(t){b=true;m=t}finally{try{if(!g&&y.return!=null){y.return()}}finally{if(b){throw m}}}if(nl.test(o.tagName)){var E=o.textContent.split(t5),A=E.length-1;if(A>0){o.textContent=t0?t0.emptyScript:"";for(var $=0;$<A;$++)o.append(E[$],t8()),ng.nextNode(),u.push({type:2,index:++a});o.append(E[A],t8())}}}else if(o.nodeType===8)if(o.data===t3)u.push({type:2,index:a});else{var O=-1;for(;(O=o.data.indexOf(t5,O+1))!==-1;)u.push({type:7,index:a}),O+=t5.length-1}a++}}u(t,null,[{key:"createElement",value:function t(t,n){var e=t6.createElement("template");return e.innerHTML=t,e}}]);return t}();function ny(t,n){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:t,r=arguments.length>3?arguments[3]:void 0;var i,o;if(n===nv)return n;var a=r!==void 0?(i=e._$Co)===null||i===void 0?void 0:i[r]:e._$Cl,s=t7(n)?void 0:n._$litDirective$;var l;return(a===null||a===void 0?void 0:a.constructor)!==s&&(a===null||a===void 0?void 0:(o=a._$AO)===null||o===void 0?void 0:o.call(a,!1),s===void 0?a=void 0:(a=new s(t),a._$AT(t,e,r)),r!==void 0?((l=e._$Co)!==null&&l!==void 0?l:e._$Co=[])[r]=a:e._$Cl=a),a!==void 0&&(n=ny(t,a._$AS(t,n.values),a,r)),n}var nq=/*#__PURE__*/function(){"use strict";function t(n,e){s(this,t);this._$AV=[],this._$AN=void 0,this._$AD=n,this._$AM=e}u(t,[{key:"parentNode",get:function t(){return this._$AM.parentNode}},{key:"_$AU",get:function t(){return this._$AM._$AU}},{key:"u",value:function t(t){var n;var e=this._$AD,r=e.el,i=r.content,o=e.parts,a=((n=t===null||t===void 0?void 0:t.creationScope)!==null&&n!==void 0?n:t6).importNode(i,!0);ng.currentNode=a;var s=ng.nextNode(),l=0,d=0,u=o[0];for(;u!==void 0;){if(l===u.index){var c=void 0;u.type===2?c=new n_(s,s.nextSibling,this,t):u.type===1?c=new u.ctor(s,u.name,u.strings,this,t):u.type===6&&(c=new nC(s,this,t)),this._$AV.push(c),u=o[++d]}l!==(u===null||u===void 0?void 0:u.index)&&(s=ng.nextNode(),l++)}return ng.currentNode=t6,a}},{key:"p",value:function t(t){var n=0;var e=true,r=false,i=undefined;try{for(var o=this._$AV[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var s=a.value;s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,n),n+=s.strings.length-2):s._$AI(t[n])),n++}}catch(t){r=true;i=t}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}}}]);return t}(),n_=/*#__PURE__*/function(){"use strict";function n(t,e,r,i){s(this,n);var o;this.type=2,this._$AH=np,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(o=i===null||i===void 0?void 0:i.isConnected)!==null&&o!==void 0?o:!0}u(n,[{key:"_$AU",get:function t(){var t;var n;return(n=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&n!==void 0?n:this._$Cv}},{key:"parentNode",get:function t(){var t=this._$AA.parentNode,n=this._$AM;return n!==void 0&&(t===null||t===void 0?void 0:t.nodeType)===11&&(t=n.parentNode),t}},{key:"startNode",get:function t(){return this._$AA}},{key:"endNode",get:function t(){return this._$AB}},{key:"_$AI",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;t=ny(this,t,n),t7(t)?t===np||t==null||t===""?(this._$AH!==np&&this._$AR(),this._$AH=np):t!==this._$AH&&t!==nv&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):nt(t)?this.k(t):this._(t)}},{key:"O",value:function t(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}},{key:"T",value:function t(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}},{key:"_",value:function t(t){this._$AH!==np&&t7(this._$AH)?this._$AA.nextSibling.data=t:this.T(t6.createTextNode(t)),this._$AH=t}},{key:"$",value:function n(n){var e;var r=n.values,i=n._$litType$,o=typeof i=="number"?this._$AC(n):(i.el===void 0&&(i.el=nm.createElement(t(i.h,i.h[0]),this.options)),i);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===o)this._$AH.p(r);else{var a=new nq(o,this),s=a.u(this.options);a.p(r),this.T(s),this._$AH=a}}},{key:"_$AC",value:function t(t){var n=nf.get(t.strings);return n===void 0&&nf.set(t.strings,n=new nm(t)),n}},{key:"k",value:function t(t){t9(this._$AH)||(this._$AH=[],this._$AR());var e=this._$AH,r,i=0;var o=true,a=false,s=undefined;try{for(var l=t[Symbol.iterator](),d;!(o=(d=l.next()).done);o=true){var u=d.value;i===e.length?e.push(r=new n(this.O(t8()),this.O(t8()),this,this.options)):r=e[i],r._$AI(u),i++}}catch(t){a=true;s=t}finally{try{if(!o&&l.return!=null){l.return()}}finally{if(a){throw s}}}i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}},{key:"_$AR",value:function t(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this._$AA.nextSibling,n=arguments.length>1?arguments[1]:void 0;var e,r;for((e=(r=this)._$AP)===null||e===void 0?void 0:e.call(r,!1,!0,n);t&&t!==this._$AB;){var i=t.nextSibling;t.remove(),t=i}}},{key:"setConnected",value:function t(t){var n,e;this._$AM===void 0&&(this._$Cv=t,(n=(e=this)._$AP)===null||n===void 0?void 0:n.call(e,t))}}]);return n}(),nw=/*#__PURE__*/function(){"use strict";function t(n,e,r,i,o){s(this,t);this.type=1,this._$AH=np,this._$AN=void 0,this.element=n,this.name=e,this._$AM=i,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=np}u(t,[{key:"tagName",get:function t(){return this.element.tagName}},{key:"_$AU",get:function t(){return this._$AM._$AU}},{key:"_$AI",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this,e=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0;var i=this.strings,o=!1;if(i===void 0)t=ny(this,t,n,0),o=!t7(t)||t!==this._$AH&&t!==nv,o&&(this._$AH=t);else{var a=t,s,l;for(t=i[0],s=0;s<i.length-1;s++)l=ny(this,a[e+s],n,s),l===nv&&(l=this._$AH[s]),o||(o=!t7(l)||l!==this._$AH[s]),l===np?t=np:t!==np&&(t+=(l!==null&&l!==void 0?l:"")+i[s+1]),this._$AH[s]=l}o&&!r&&this.j(t)}},{key:"j",value:function t(t){t===np?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!==null&&t!==void 0?t:"")}}]);return t}(),nk=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments),t.type=3;return t}u(n,[{key:"j",value:function t(t){this.element[this.name]=t===np?void 0:t}}]);return n}(nw),nx=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments),t.type=4;return t}u(n,[{key:"j",value:function t(t){this.element.toggleAttribute(this.name,!!t&&t!==np)}}]);return n}(nw),nE=/*#__PURE__*/function(t){"use strict";p(n,t);function n(t,e,r,i,o){s(this,n);var l;l=a(this,n,[t,e,r,i,o]),l.type=5;return l}u(n,[{key:"_$AI",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;var e;if((t=(e=ny(this,t,n,0))!==null&&e!==void 0?e:np)===nv)return;var r=this._$AH,i=t===np&&r!==np||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==np&&(r===np||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}},{key:"handleEvent",value:function t(t){var n;var e;typeof this._$AH=="function"?this._$AH.call((e=(n=this.options)===null||n===void 0?void 0:n.host)!==null&&e!==void 0?e:this.element,t):this._$AH.handleEvent(t)}}]);return n}(nw),nC=/*#__PURE__*/function(){"use strict";function t(n,e,r){s(this,t);this.element=n,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}u(t,[{key:"_$AU",get:function t(){return this._$AM._$AU}},{key:"_$AI",value:function t(t){ny(this,t)}}]);return t}(),nA={M:t2,P:t5,A:t3,C:1,L:nb,R:nq,D:nt,V:ny,I:n_,H:nw,N:nx,U:nE,B:nk,F:nC},n$=tJ.litHtmlPolyfillSupport;var nS;n$===null||n$===void 0?void 0:n$(nm,n_),((nS=tJ.litHtmlVersions)!==null&&nS!==void 0?nS:tJ.litHtmlVersions=[]).push("3.2.1");var nO=function(t,n,e){var r;var i=(r=e===null||e===void 0?void 0:e.renderBefore)!==null&&r!==void 0?r:n,o=i._$litPart$;if(o===void 0){var a;var s=(a=e===null||e===void 0?void 0:e.renderBefore)!==null&&a!==void 0?a:null;i._$litPart$=o=new n_(n.insertBefore(t8(),s),s,void 0,e!==null&&e!==void 0?e:{})}return o._$AI(t),o};var nR=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments),t.renderOptions={host:t},t._$Do=void 0;return t}u(n,[{key:"createRenderRoot",value:function t(){var t;var e=h(v(n.prototype),"createRenderRoot",this).call(this);var r;return(r=(t=this.renderOptions).renderBefore)!==null&&r!==void 0?r:t.renderBefore=e.firstChild,e}},{key:"update",value:function t(t){var e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),h(v(n.prototype),"update",this).call(this,t),this._$Do=nO(e,this.renderRoot,this.renderOptions)}},{key:"connectedCallback",value:function t(){var t;h(v(n.prototype),"connectedCallback",this).call(this),(t=this._$Do)===null||t===void 0?void 0:t.setConnected(!0)}},{key:"disconnectedCallback",value:function t(){var t;h(v(n.prototype),"disconnectedCallback",this).call(this),(t=this._$Do)===null||t===void 0?void 0:t.setConnected(!1)}},{key:"render",value:function t(){return nv}}]);return n}(tY);nR._$litElement$=!0,nR.finalized=!0,(I=(tr=globalThis).litElementHydrateSupport)===null||I===void 0?void 0:I.call(tr,{LitElement:nR});var nP=globalThis.litElementPolyfillSupport;nP===null||nP===void 0?void 0:nP({LitElement:nR});var nI;((nI=globalThis.litElementVersions)!==null&&nI!==void 0?nI:globalThis.litElementVersions=[]).push("4.1.1");var nz=function(t){return function(n,e){e!==void 0?e.addInitializer(function(){customElements.define(t,n)}):customElements.define(t,n)}};var nT={attribute:!0,type:String,converter:tH,reflect:!1,hasChanged:tW},nU=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:nT,n=arguments.length>1?arguments[1]:void 0,e=arguments.length>2?arguments[2]:void 0;var r=e.kind,i=e.metadata,o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),o.set(e.name,t),r==="accessor"){var a=e.name;return{set:function e(e){var r=n.get.call(this);n.set.call(this,e),this.requestUpdate(a,r,t)},init:function n(n){return n!==void 0&&this.P(a,void 0,t),n}}}if(r==="setter"){var s=e.name;return function e(e){var r=this[s];n.call(this,e),this.requestUpdate(s,r,t)}}throw Error("Unsupported decorator location: "+r)};var nL=String.raw,nM=nL(T());var nD=null;var nN=function(){var t,n={load:function e(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return o(function(){return z(this,function(i){return[2,new Promise(function(i){c(e,r).then(function(r){return t=r,n.path(e.substring(0,e.lastIndexOf("/"))),i(n)})})]})})()},parse:function e(e){return t=g(e),n},path:function(e){return m(t,e),n},fn:function e(e){return e(t),n},pciHooks:function e(e){var r=["hook","module"],i=e.substring(0,e.lastIndexOf("/"));var o=true,a=false,s=undefined;try{var l=function(){var n=u.value;t.querySelectorAll("["+n+"]").forEach(function(t){var r=t.getAttribute(n);!r.startsWith("data:")&&!r.startsWith("http")&&(t.setAttribute("base-url",e),t.setAttribute("module",i+"/"+encodeURI(r+(r.endsWith(".js")?"":".js"))))})};for(var d=r[Symbol.iterator](),u;!(o=(u=d.next()).done);o=true)l()}catch(t){a=true;s=t}finally{try{if(!o&&d.return!=null){d.return()}}finally{if(a){throw s}}}return n},extendElementName:function(e,i){return r(t,e,i),n},extendElementsWithClass:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"extend";return i(t,e),n},customInteraction:function e(e,r){var i=t.querySelector("qti-custom-interaction"),o=i.querySelector("object");return i.setAttribute("data-base-ref",e),i.setAttribute("data-base-item",e+r),i.setAttribute("data",o.getAttribute("data")),i.setAttribute("width",o.getAttribute("width")),i.setAttribute("height",o.getAttribute("height")),i.removeChild(o),n},convertCDATAtoComment:function e(){return y(t),n},stripStyleSheets:function e(){return q(t),n},html:function n(){return new XMLSerializer().serializeToString(b(t))},xml:function n(){return new XMLSerializer().serializeToString(t)},htmlDoc:function n(){return b(t)},xmlDoc:function n(){return t}};return n};var nj=function(){var t,n={load:function e(e){return o(function(){return z(this,function(r){return[2,new Promise(function(r,i){c(e).then(function(i){return t=i,n.path(e.substring(0,e.lastIndexOf("/"))),r(n)})})]})})()},parse:function e(e){return t=g(e),n},path:function(e){return m(t,e),n},fn:function e(e){return e(t),n},items:function n(){return d(t)},html:function n(){return new XMLSerializer().serializeToString(b(t))},xml:function n(){return new XMLSerializer().serializeToString(t)},htmlDoc:function n(){return b(t)},xmlDoc:function n(){return t}};return n};var nV=function(t){var n=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++){e[r]=arguments[r]}s(this,n);var i;i=a(this,n,S(e)),i.addEventListener("qti-assessment-test-connected",function(){}),i.addEventListener("qti-load-item-request",function(t){var n=t.detail;n.promise=o(function(){return z(this,function(t){switch(t.label){case 0:return[4,nN().load("".concat(n.href),n.cancelPreviousRequest)];case 1:return[2,t.sent().htmlDoc()]}})})()}),i.addEventListener("qti-interaction-changed",function(t){}),i.addEventListener("qti-outcome-changed",function(){});return i}return n}(t);return n};var nB=function(t){var n=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++){e[r]=arguments[r]}s(this,n);var i;i=a(this,n,S(e)),i.addEventListener("qti-request-test-item",function(t){var n=t.detail;if(!n)return;i._clearLoadedItems();var e=i.testElement.el.querySelector('qti-assessment-item-ref[identifier="'.concat(n,'"]')),r=i._loadItemRequest(e.href,!1),o=e.closest("qti-test-part").identifier,a=e.closest("qti-assessment-section").identifier;i._testContext=k(_({},i._testContext),{navPartId:o,navSectionId:a,navItemId:n,navItemLoading:!0}),r?r.then(function(t){e.xmlDoc=t,requestAnimationFrame(function(){return i.dispatchEvent(new CustomEvent("qti-item-connected",{bubbles:!0,composed:!0}))}),i._testContext=k(_({},i._testContext),{navItemLoading:!1})}).catch(function(t){return console.error("Failed to load item:",t)}):console.info("Load item request was not handled:",e.href)}),i.addEventListener("qti-assessment-test-connected",function(){var t=i._testContext.navItemId;t||(t=i.testElement.el.querySelector("qti-assessment-item-ref").identifier),i.dispatchEvent(new CustomEvent("qti-request-test-item",{detail:t,bubbles:!0,composed:!0}))});return i}u(n,[{key:"_clearLoadedItems",value:function t(){var t=this.testElement.el.querySelectorAll("qti-assessment-test qti-assessment-item-ref");Array.from(t).forEach(function(t){t.xmlDoc=null})}},{key:"_loadItemRequest",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;var e=new CustomEvent("qti-load-item-request",{bubbles:!0,composed:!0,detail:{href:t,promise:null,cancelPreviousRequest:n}});return this.dispatchEvent(e),e.detail.promise}}]);return n}(t);return n};var nF=function(t){var n=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++){e[r]=arguments[r]}s(this,n);var i;i=a(this,n,S(e)),i._testContext=k(_({},i._testContext),{view:"candidate"}),i.addEventListener("on-test-switch-view",function(t){i._testContext=k(_({},i._testContext),{view:t.detail}),i._updateElementView()}),i.addEventListener("qti-assessment-test-connected",function(){i._updateElementView()}),i.addEventListener("qti-assessment-item-connected",function(t){i._updateElementView(),i._setCorrectResponseVisibility(t.detail)});return i}u(n,[{key:"willUpdate",value:function t(t){h(v(n.prototype),"willUpdate",this).call(this,t),t.has("_testContext")&&this._updateElementView()}},{key:"_updateElementView",value:function t(){var t=this;if(this.testElement&&this.testElement.el){Array.from(this.testElement.el.querySelectorAll("[view]")).forEach(function(n){n.classList.toggle("show",n.getAttribute("view")===t._testContext.view)});var n=this.testElement.el.querySelector('qti-assessment-item[identifier="'.concat(this._testContext.navItemId,'"]'));n&&n.showCorrectResponse(this._testContext.view==="scorer")}}},{key:"_setCorrectResponseVisibility",value:function t(t){t.showCorrectResponse(this._testContext.view==="scorer")}}]);return n}(t);return n};var nH=/*#__PURE__*/function(t){"use strict";p(n,t);function n(t,e,r){s(this,n);var i;i=a(this,n,["context-request",{bubbles:!0,composed:!0}]),i.context=t,i.callback=e,i.subscribe=r!==null&&r!==void 0?r:!1;return i}return n}(P(Event));var nW=/*#__PURE__*/function(){"use strict";function t(n,e,r,i){var o=this;s(this,t);if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=function(t,n){o.unsubscribe&&(o.unsubscribe!==n&&(o.provided=!1,o.unsubscribe()),o.subscribe||o.unsubscribe()),o.value=t,o.host.requestUpdate(),o.provided&&!o.subscribe||(o.provided=!0,o.callback&&o.callback(t,n)),o.unsubscribe=n},this.host=n,e.context!==void 0){var a=e;var l;this.context=a.context,this.callback=a.callback,this.subscribe=(l=a.subscribe)!==null&&l!==void 0?l:!1}else this.context=e,this.callback=r,this.subscribe=i!==null&&i!==void 0?i:!1;this.host.addController(this)}u(t,[{key:"hostConnected",value:function t(){this.dispatchRequest()}},{key:"hostDisconnected",value:function t(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}},{key:"dispatchRequest",value:function t(){this.host.dispatchEvent(new nH(this.context,this.t,this.subscribe))}}]);return t}();var nG=/*#__PURE__*/function(){"use strict";function t(n){var e=this;s(this,t);this.subscriptions=new Map,this.updateObservers=function(){var t=true,n=false,r=undefined;try{for(var i=e.subscriptions[Symbol.iterator](),o;!(t=(o=i.next()).done);t=true){var a=C(o.value,2),s=a[0],l=a[1],d=l.disposer;s(e.o,d)}}catch(t){n=true;r=t}finally{try{if(!t&&i.return!=null){i.return()}}finally{if(n){throw r}}}},n!==void 0&&(this.value=n)}u(t,[{key:"value",get:function t(){return this.o},set:function t(t){this.setValue(t)}},{key:"setValue",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;var e=n||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}},{key:"addCallback",value:function t(t,n,e){var r=this;if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:function(){r.subscriptions.delete(t)},consumerHost:n});var i=this.subscriptions.get(t),o=i.disposer;t(this.value,o)}},{key:"clearCallbacks",value:function t(){this.subscriptions.clear()}}]);return t}();var nX=/*#__PURE__*/function(t){"use strict";p(n,t);function n(t){s(this,n);var e;e=a(this,n,["context-provider",{bubbles:!0,composed:!0}]),e.context=t;return e}return n}(P(Event)),nK=/*#__PURE__*/function(t){"use strict";p(n,t);function n(t,e,r){s(this,n);var i;var o,l;i=a(this,n,[e.context!==void 0?e.initialValue:r]),i.onContextRequest=function(t){var n=t.composedPath()[0];t.context===i.context&&n!==i.host&&(t.stopPropagation(),i.addCallback(t.callback,n,t.subscribe))},i.onProviderRequest=function(t){var n=t.composedPath()[0];if(t.context!==i.context||n===i.host)return;var e=new Set;var r=true,o=false,a=undefined;try{for(var s=i.subscriptions[Symbol.iterator](),l;!(r=(l=s.next()).done);r=true){var d=C(l.value,2),u=d[0],c=d[1],h=c.consumerHost;e.has(u)||(e.add(u),h.dispatchEvent(new nH(i.context,u,!0)))}}catch(t){o=true;a=t}finally{try{if(!r&&s.return!=null){s.return()}}finally{if(o){throw a}}}t.stopPropagation()},i.host=t,e.context!==void 0?i.context=e.context:i.context=e,i.attachListeners(),(o=(l=i.host).addController)===null||o===void 0?void 0:o.call(l,i);return i}u(n,[{key:"attachListeners",value:function t(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}},{key:"hostConnected",value:function t(){this.host.dispatchEvent(new nX(this.context))}}]);return n}(nG);var nQ=Symbol("test"),nY=Symbol("testElement");var nZ=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n);t._testContext={items:[],testOutcomeVariables:[]};t.testElement={el:null};t._updateItemInTestContext=function(n){var e;var r=n.identifier,i=n.variables,o=t._testContext.items.find(function(t){return(t===null||t===void 0?void 0:t.identifier)===r});if(!o){console.warn("Item IDs between assessment.xml and item.xml should match: ".concat(r," is not found!"));return}((e=o.variables)===null||e===void 0?void 0:e.length)===1?t._updateItemVariablesInTestContext(r,i):n.variables=S(o.variables||[])};t.addEventListener("qti-assessment-test-connected",function(n){var e=n.detail,r=Array.from(e.querySelectorAll("qti-assessment-item-ref")).map(function(t){return{href:t.href,identifier:t.identifier,category:t.category,variables:[{identifier:"completionStatus",value:"not_attempted",type:"outcome"}]}});t.testElement={el:e},t._testContext=k(_({},t._testContext),{items:r})}),t.addEventListener("qti-assessment-item-connected",function(n){t._updateItemInTestContext(n.detail)}),t.addEventListener("qti-outcome-changed",function(n){var e=n.composedPath()[0];t._updateItemVariablesInTestContext(e.identifier,e.variables)});return t}u(n,[{key:"context",get:function t(){return this._testContext},set:function t(t){var n=this;var e;t!=null&&(this._testContext=_({},t),(e=t.items)===null||e===void 0?void 0:e.forEach(function(t){var e=n._testContext.items.find(function(n){return n.identifier===t.identifier});e?e.variables=t.variables:n._testContext.items.push(t)}))}},{key:"_updateItemVariablesInTestContext",value:function t(t,n){this._testContext=k(_({},this._testContext),{items:this._testContext.items.map(function(e){return e.identifier!==t?e:k(_({},e),{variables:n.map(function(t){var n=e.variables.find(function(n){return n.identifier===t.identifier});return n?_({},n,t):t})})})})}},{key:"connectedCallback",value:function t(){h(v(n.prototype),"connectedCallback",this).call(this),this.setAttribute("qti-test","")}}]);return n}(nR);th([e(),w({context:nQ})],nZ.prototype,"_testContext",2),th([e(),w({context:nY})],nZ.prototype,"testElement",2);var nJ=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);return a(this,n,arguments)}u(n,[{key:"render",value:function t(){return nu(U())}}]);return n}(nV(nB(nF(nZ))));nJ=th([nz("qti-test")],nJ);var n0={fromAttribute:function t(t){return t==="true"},toAttribute:function t(t){return t?"true":"false"}},n1=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments);t.weigths=new Map;return t}u(n,[{key:"createRenderRoot",value:function t(){return this}},{key:"assessmentItem",get:function t(){var t;return(t=this.renderRoot)===null||t===void 0?void 0:t.querySelector("qti-assessment-item")}},{key:"connectedCallback",value:function t(){var t=this;var e=this,r=function(){return h(v(n.prototype),"connectedCallback",t)};return o(function(){return z(this,function(t){switch(t.label){case 0:r().call(e);return[4,e.updateComplete];case 1:t.sent(),e.dispatchEvent(new CustomEvent("qti-assessment-item-ref-connected",{bubbles:!0,composed:!0,detail:{identifier:e.identifier,href:e.href,category:e.category}}));return[2]}})})()}},{key:"render",value:function t(){return nu(L(),this.xmlDoc)}}]);return n}(nR);th([n({type:String})],n1.prototype,"category",2),th([n({type:String})],n1.prototype,"identifier",2),th([n({type:Boolean,converter:n0})],n1.prototype,"required",2),th([n({type:Boolean,converter:n0})],n1.prototype,"fixed",2),th([n({type:String})],n1.prototype,"href",2),th([x({context:nQ,subscribe:!0})],n1.prototype,"_testContext",2),th([n({type:Object,attribute:!1})],n1.prototype,"xmlDoc",2);customElements.get("qti-assessment-item-ref")||customElements.define("qti-assessment-item-ref",n1);var n2={fromAttribute:function t(t){return t==="true"},toAttribute:function t(t){return t?"true":"false"}},n5=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);return a(this,n,arguments)}u(n,[{key:"connectedCallback",value:function t(){var t=this;var e=this,r=function(){return h(v(n.prototype),"connectedCallback",t)};return o(function(){return z(this,function(t){switch(t.label){case 0:r().call(e);return[4,e.updateComplete];case 1:t.sent(),e.dispatchEvent(new Event("qti-assessment-section-connected",{bubbles:!0,composed:!0}));return[2]}})})()}},{key:"render",value:function t(){return nu(M())}}]);return n}(nR);th([n({type:String})],n5.prototype,"identifier",2),th([n({type:String})],n5.prototype,"required",2),th([n({type:Boolean,converter:n2})],n5.prototype,"fixed",2),th([n({type:String})],n5.prototype,"title",2),th([n({type:Boolean,converter:n2})],n5.prototype,"visible",2),th([n({type:Boolean,converter:n2,attribute:"keep-together"})],n5.prototype,"keepTogether",2),th([x({context:nQ,subscribe:!0})],n5.prototype,"_testContext",2);customElements.get("qti-assessment-section")||customElements.define("qti-assessment-section",n5);var n3=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);return a(this,n,arguments)}u(n,[{key:"connectedCallback",value:function t(){var t=this;var e=this,r=function(){return h(v(n.prototype),"connectedCallback",t)};return o(function(){return z(this,function(t){switch(t.label){case 0:r().call(e);return[4,e.updateComplete];case 1:t.sent(),e.dispatchEvent(new CustomEvent("qti-assessment-test-connected",{detail:e,bubbles:!0,composed:!0}));return[2]}})})()}},{key:"render",value:function t(){return nu(D())}}]);return n}(nR);th([n({type:String})],n3.prototype,"identifier",2),th([n({type:String})],n3.prototype,"title",2),th([x({context:nQ,subscribe:!0})],n3.prototype,"_testContext",2),n3=th([nz("qti-assessment-test")],n3);var n4=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments);t.identifier="";t.title="";t.class="";t.NavigationMode="nonlinear";t.submissionMode="individual";return t}u(n,[{key:"connectedCallback",value:function t(){var t=this;var e=this,r=function(){return h(v(n.prototype),"connectedCallback",t)};return o(function(){return z(this,function(t){switch(t.label){case 0:r().call(e);return[4,e.updateComplete];case 1:t.sent(),e.dispatchEvent(new Event("qti-test-part-connected",{bubbles:!0,composed:!0}));return[2]}})})()}},{key:"render",value:function t(){return nu(N())}}]);return n}(nR);th([n({type:String})],n4.prototype,"identifier",2),th([n({type:String})],n4.prototype,"title",2),th([n({type:String})],n4.prototype,"class",2),th([n({type:String,attribute:"navigation-mode"})],n4.prototype,"NavigationMode",2),th([n({type:String,attribute:"submission-mode"})],n4.prototype,"submissionMode",2),n4=th([nz("qti-test-part")],n4);customElements.get("qti-test-part")||customElements.define("qti-test-part",n4);var n6=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n);t.disabled=!0;t._internals=t.attachInternals();return t}u(n,[{key:"_handleTestElementChange",value:function t(t,n){n.el&&(this.disabled=!1)}},{key:"willUpdate",value:function t(t){if(t.has("_testContext")){var n;var e;var r=(e=this._testContext)!==null&&e!==void 0?e:{},i=r.items,o=i===void 0?[]:i,a=r.navItemId;this.itemIndex=o.findIndex(function(t){return t.identifier===a}),this.items=o,this.view=(n=this._testContext)===null||n===void 0?void 0:n.view}}},{key:"_switchView",value:function t(t){this.dispatchEvent(new CustomEvent("on-test-switch-view",{composed:!0,bubbles:!0,detail:t}))}},{key:"_requestItem",value:function t(t){this.dispatchEvent(new CustomEvent("qti-request-test-item",{composed:!0,bubbles:!0,detail:t}))}}]);return n}(nR);th([A({type:Boolean,reflect:!0,aria:"ariaDisabled"})],n6.prototype,"disabled",2),th([e(),x({context:nQ,subscribe:!0})],n6.prototype,"_testContext",2),th([e(),x({context:nY,subscribe:!0})],n6.prototype,"_testElement",2),th([E("_testElement")],n6.prototype,"_handleTestElementChange",1);var n8=tO(j()),n7=tO(V(),n8),n9=tO(B()),et=tO(F(),n8);var en=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n),t._internals.role="button",t._internals.ariaLabel="Next item",t.addEventListener("click",function(n){n.preventDefault(),t.disabled||t._requestItem(t.items[t.itemIndex+1].identifier)});return t}u(n,[{key:"willUpdate",value:function t(t){var e;h(v(n.prototype),"willUpdate",this).call(this,t),t.has("_testContext")&&(this.disabled=!((e=this._testElement)===null||e===void 0?void 0:e.el)||this.itemIndex<0||this.itemIndex>=this.items.length-1)}},{key:"render",value:function t(){return nu(H())}}]);return n}(n6);en.styles=tO(W(),n7,n9),en=th([nz("test-next")],en);var ee=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n),t._internals.role="button",t._internals.ariaLabel="Next item",t.addEventListener("click",function(n){n.preventDefault(),t.disabled||t._requestItem(t.items[t.itemIndex-1].identifier)});return t}u(n,[{key:"willUpdate",value:function t(t){var e;h(v(n.prototype),"willUpdate",this).call(this,t),t.has("_testContext")&&(this.disabled=!((e=this._testElement)===null||e===void 0?void 0:e.el)||this.itemIndex===0||this.itemIndex===-1)}},{key:"render",value:function t(){return nu(G())}}]);return n}(n6);ee.styles=tO(X(),n7,n9),ee=th([nz("test-prev")],ee);var er=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments);t.label="view";t._handleViewOptionsChange=function(){t.updateViewOptions()};t._viewOptions=er.DEFAULT_VIEW_OPTIONS;return t}u(n,[{key:"connectedCallback",value:function t(){h(v(n.prototype),"connectedCallback",this).call(this),this.updateViewOptions()}},{key:"updateViewOptions",value:function t(){if(this.viewOptions){var t=this.viewOptions.split(",").map(function(t){return t.trim()});this._viewOptions=t.filter(function(t){return er.DEFAULT_VIEW_OPTIONS.includes(t)})}else this._viewOptions=er.DEFAULT_VIEW_OPTIONS}},{key:"render",value:function t(){var t=this;return nu(Q(),this.label,this.disabled,function(n){var e=n.target;t._switchView(e.value)},this._viewOptions.map(function(n){return nu(K(),n,n===t.view,n)}))}}]);return n}(n6);er.DEFAULT_VIEW_OPTIONS=["author","candidate","proctor","scorer","testConstructor","tutor"],th([n({type:String})],er.prototype,"label",2),th([n({type:String,attribute:"view-options"})],er.prototype,"viewOptions",2),th([E("viewOptions",{waitUntilFirstUpdate:!0})],er.prototype,"_handleViewOptionsChange",2),th([e()],er.prototype,"_viewOptions",2),er=th([nz("test-view")],er);var ei=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n);t.itemId=null;t.addEventListener("click",function(){return t._requestItem(t.itemId)});return t}u(n,[{key:"render",value:function t(){return nu(Y())}}]);return n}(n6);ei.styles=tO(Z(),n7,n9),th([n({type:String,attribute:"item-id"})],ei.prototype,"itemId",2),ei=th([nz("test-item-link")],ei);var eo=nA.I,ea=function(t){return t===null||(typeof t==="undefined"?"undefined":O(t))!="object"&&typeof t!="function"};var es=function(t){return t.strings===void 0};var el={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ed=function(t){return function(){for(var n=arguments.length,e=new Array(n),r=0;r<n;r++){e[r]=arguments[r]}return{_$litDirective$:t,values:e}}},eu=/*#__PURE__*/function(){"use strict";function t(n){s(this,t)}u(t,[{key:"_$AU",get:function t(){return this._$AM._$AU}},{key:"_$AT",value:function t(t,n,e){this._$Ct=t,this._$AM=n,this._$Ci=e}},{key:"_$AS",value:function t(t,n){return this.update(t,n)}},{key:"update",value:function t(t,n){return this.render.apply(this,S(n))}}]);return t}();var ec=function(t,n){var e;var r=t._$AN;if(r===void 0)return!1;var i=true,o=false,a=undefined;try{for(var s=r[Symbol.iterator](),l;!(i=(l=s.next()).done);i=true){var d=l.value;(e=d._$AO)===null||e===void 0?void 0:e.call(d,n,!1),ec(d,n)}}catch(t){o=true;a=t}finally{try{if(!i&&s.return!=null){s.return()}}finally{if(o){throw a}}}return!0},eh=function(t){var n,e;do{if((n=t._$AM)===void 0)break;e=n._$AN,e.delete(t),t=n}while((e===null||e===void 0?void 0:e.size)===0)},ev=function(t){for(var n;n=t._$AM;t=n){var e=n._$AN;if(e===void 0)n._$AN=e=new Set;else if(e.has(t))break;e.add(t),ep(n)}};var ep=function(t){var n,e;t.type==el.CHILD&&((n=t._$AP)!==null&&n!==void 0?n:t._$AP=R,(e=t._$AQ)!==null&&e!==void 0?e:t._$AQ=$)},ef=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments),t._$AN=void 0;return t}u(n,[{key:"_$AT",value:function t(t,e,r){h(v(n.prototype),"_$AT",this).call(this,t,e,r),ev(this),this.isConnected=t._$AU}},{key:"_$AO",value:function t(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;var e,r,i,o;t!==this.isConnected&&(this.isConnected=t,t?(e=(r=this).reconnected)===null||e===void 0?void 0:e.call(r):(i=(o=this).disconnected)===null||i===void 0?void 0:i.call(o)),n&&(ec(this,t),eh(this))}},{key:"setValue",value:function t(t){if(es(this._$Ct))this._$Ct._$AI(t,this);else{var n=S(this._$Ct._$AH);n[this._$Ci]=t,this._$Ct._$AI(n,this,0)}}},{key:"disconnected",value:function t(){}},{key:"reconnected",value:function t(){}}]);return n}(eu);var eg=/*#__PURE__*/function(){"use strict";function t(n){s(this,t);this.Y=n}u(t,[{key:"disconnect",value:function t(){this.Y=void 0}},{key:"reconnect",value:function t(t){this.Y=t}},{key:"deref",value:function t(){return this.Y}}]);return t}(),eb=/*#__PURE__*/function(){"use strict";function t(){s(this,t);this.Z=void 0,this.q=void 0}u(t,[{key:"get",value:function t(){return this.Z}},{key:"pause",value:function t(){var t=this;var n;(n=this.Z)!==null&&n!==void 0?n:this.Z=new Promise(function(n){return t.q=n})}},{key:"resume",value:function t(){var t,n;(t=(n=this).q)===null||t===void 0?void 0:t.call(n),this.Z=this.q=void 0}}]);return t}();var em=function(t){return!ea(t)&&typeof t.then=="function"},ey=0x3fffffff,eq=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments),t._$Cwt=ey,t._$Cbt=[],t._$CK=new eg(t),t._$CX=new eb;return t}u(n,[{key:"render",value:function t(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++){n[e]=arguments[e]}var r;return(r=n.find(function(t){return!em(t)}))!==null&&r!==void 0?r:nv}},{key:"update",value:function t(t,n){var e,r=function(t){var r=n[t];if(!em(r))return{v:(e._$Cwt=t,r)};t<a&&r===i[t]||(e._$Cwt=ey,a=0,Promise.resolve(r).then(/*#__PURE__*/function(){var t=o(function(t){var n,e;return z(this,function(i){switch(i.label){case 0:if(!l.get())return[3,3];return[4,l.get()];case 1:i.sent();i.label=2;case 2:return[3,0];case 3:n=s.deref();if(n!==void 0){e=n._$Cbt.indexOf(r);e>-1&&e<n._$Cwt&&(n._$Cwt=e,n.setValue(t))}return[2]}})});return function(n){return t.apply(this,arguments)}}()))};var i=this._$Cbt,a=i.length;this._$Cbt=n;var s=this._$CK,l=this._$CX;this.isConnected||this.disconnected();for(var d=0;d<n.length&&!(d>this._$Cwt);d++){var u=(e=this,r(d));if(O(u)==="object")return u.v}return nv}},{key:"disconnected",value:function t(){this._$CK.disconnect(),this._$CX.pause()}},{key:"reconnected",value:function t(){this._$CK.reconnect(this),this._$CX.resume()}}]);return n}(ef),e_=ed(eq);var ew="@layer qti-base, qti-components, qti-utilities, qti-variants, qti-extended;\n\n:root,\n:host {\n  /* Active colors */\n  --qti-bg-active: #ffecec;\n  --qti-border-active: #f86d70;\n\n  /* Gap size */\n  --qti-gap-size: 1rem;\n\n  /* Background colors */\n  --qti-bg: white;\n  --qti-hover-bg: #f9fafb;\n\n  /* Light theme colors */\n  --qti-light-bg-active: #f0f0f0; /* Light gray */\n  --qti-light-border-active: #d0d0d0; /* Medium gray */\n\n  /* Dark theme colors */\n  --qti-dark-bg-active: #1f2937; /* Dark gray */\n  --qti-dark-border-active: #64748b; /* Medium gray */\n\n  /* Disabled colors */\n  --qti-disabled-bg: #f3f4f6;\n  --qti-disabled-color: #45484f;\n\n  /* Border properties */\n  --qti-border-thickness: 2px;\n  --qti-border-style: solid;\n  --qti-border-color: #c6cad0;\n  --qti-border-radius: 0.3rem;\n  --qti-drop-border-radius: calc(var(--qti-border-radius) + var(--qti-border-thickness));\n\n  /* Focus & active states */\n  --qti-focus-border-width: 5px;\n  --qti-focus-color: #bddcff7e;\n\n  /* Class-specific variables */\n\n  /* Form elements */\n  --qti-form-size: 1rem;\n\n  /* Point elements */\n  --qti-point-size: 2rem;\n\n  /* Order buttons */\n  --qti-order-size: 2rem;\n\n  /* Generic padding for all elements */\n  --qti-padding-vertical: 0.5rem; /* py-2 */\n  --qti-padding-horizontal: 0.5rem; /* px-2 */\n}\n\n/* SVG masks and backgrounds */\n\n.chevron {\n  background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px;\n}\n\n.handle {\n  background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n  background-repeat: repeat-y;\n  background-position: left center;\n  background-size: 14px 8px;\n}\n\n.check-mask {\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n}\n\n/* \n  Following are classes that can be applied to elements and element states, so they are not used directly \n  The @apply directive is used to apply these classes to elements\n*/\n\n/* Apply .bordered to an element */\n\n.bordered {\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .form rules for checkbox and radiobutton */\n\n.form {\n\n  display: grid;\n  place-content: center;\n  width: var(--qti-form-size);\n  height: var(--qti-form-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .button rules for button-like elements, such as drags and buttons */\n\n.button {\n\n  border-radius: var(--qti-border-radius);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .select for the select dropdown element */\n\n.select {\n\n  border-radius: var(--qti-border-radius);\n  position: relative;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  padding-right: calc(var(--qti-padding-horizontal) + 1.5rem); /* 1.5rem for the chevron */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px;\n}\n\n/* Apply .text for the input text and textarea */\n\n.text {\n\n  border-radius: 0;\n  cursor: text;\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  background: unset;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .spot for hotspot shapes */\n\n.spot {\n\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .point for circular small hotspots */\n\n.point {\n\n  border-radius: 100%;\n  width: var(--qti-point-size);\n  height: var(--qti-point-size);\n  background-color: transparent;\n  padding: 0;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .drag for draggable elements */\n\n.drag {\n\n  transition:\n    transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n  cursor: grab;\n  background-color: var(--qti-bg);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  border-radius: var(--qti-border-radius);\n  padding-left: calc(var(--qti-padding-horizontal) + 0.5rem) !important; /* 1.5rem for the drag */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  ); background-repeat: repeat-y; background-position: left center; background-size: 14px 8px;\n}\n\n/* Apply .dragging for the dragging state of a draggable element */\n\n.dragging {\n  pointer-events: none;\n  rotate: -2deg;\n  box-shadow:\n    0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n}\n\n/* Apply .drop for an element where you can drop the draggable */\n\n.drop {\n\n  background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n  border-radius: var(--qti-border-radius);\n  position: relative;\n  background-color: var(--qti-bg);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .dropping for an indicator where you can drop the draggable */\n\n.dropping {\n  background-color: var(--qti-bg-active);\n}\n\n/* Apply .order for a small circular button */\n\n.order {\n\n  display: grid;\n  place-content: center;\n\n  /* background-color: var(--qti-bg-active); */\n  border-radius: 100%;\n  width: var(--qti-order-size);\n  height: var(--qti-order-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .check-size for radio and checkbox size */\n\n.check-size {\n  width: calc(var(--qti-form-size) - 6px);\n  height: calc(var(--qti-form-size) - 6px);\n}\n\n/* Apply .check for checkbox */\n\n.check {\n  gap: 0.5rem;\n  border-radius: var(--qti-border-radius);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  outline: none;\n  cursor: pointer;\n}\n\n/* Apply .check-radio for outer circle of the radio buttons */\n\n.check-radio {\n\n  border-radius: 100%;\n\n  display: grid;\n\n  place-content: center;\n\n  width: var(--qti-form-size);\n\n  height: var(--qti-form-size);\n\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n  outline: none;\n}\n\n/* Apply .check-radio-checked for the inner checked radio */\n\n.check-radio-checked {\n  background-color: var(--qti-border-active);\n  border-radius: 100%;\n}\n\n/* Apply .check-checkbox for outer square of the checkbox */\n\n.check-checkbox {\n\n  display: flex;\n  place-items: center;\n  border-radius: var(--qti-border-radius);\n  display: grid;\n  place-content: center;\n  width: var(--qti-form-size);\n  height: var(--qti-form-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .check-checkbox-checked for the inner checkmark */\n\n.check-checkbox-checked {\n  background-color: var(--qti-border-active);\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n}\n\n/* Apply .hov for hover state */\n\n.hov {\n  background-color: var(--qti-hover-bg);\n}\n\n/* Apply .foc for focus state */\n\n.foc {\n  box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n}\n\n/* Apply .act for active state */\n\n.act {\n  border-color: var(--qti-border-active);\n  background-color: var(--qti-bg-active);\n}\n\n.act-bg {\n  background-color: var(--qti-bg-active);\n}\n\n.act-bor {\n  border-color: var(--qti-border-active);\n}\n\n/* Apply .rdo for readonly state */\n\n.rdo {\n  cursor: pointer;\n  background-color: var(--qti-bg);\n  outline: 0;\n  border: none;\n}\n\n/* Apply .dis for disabled state */\n\n.dis {\n  cursor: not-allowed;\n  background-color: var(--qti-disabled-bg);\n  color: var(--qti-disabled-color);\n  border-color: var(--qti-border-color);\n  outline: 4px solid var(--qti-disabled-bg);\n}\n\n/* base */\n\n/* ============================\n   QTI 3 shared css\n   1.  Display\n   2.  Special Flex styles\n   3.  Margin\n   4.  Padding\n   5.  Horizontal Alignment styles\n   6.  Vertical Alignment styles\n   7.  Height\n   8.  Width\n   9.  Text-Indent\n   10. List Style\n   11. Layout\n   12. Other QTI 3 presentation utilities\n   ============================ */\n\n/* ==========\n  Display css\n  =========== */\n\n.qti-display-inline {\n  display: inline;\n}\n\n.qti-display-inline-block {\n  display: inline-block;\n}\n\n.qti-display-block {\n  display: block;\n}\n\n.qti-display-flex {\n  display: flexbox;\n  display: flex;\n}\n\n.qti-display-inline-flex {\n  display: inline-flex;\n}\n\n.qti-display-grid {\n  display: grid;\n}\n\n.qti-display-inline-grid {\n  display: inline-grid;\n}\n\n.qti-display-table {\n  display: table;\n}\n\n.qti-display-table-cell {\n  display: table-cell;\n}\n\n.qti-display-table-row {\n  display: table-row;\n}\n\n.qti-display-list-item {\n  display: list-item;\n}\n\n.qti-display-inherit {\n  display: inherit;\n}\n\n/* \n   * hidden to screen readers and sighted\n   */\n\n.qti-hidden {\n  display: none;\n}\n\n/*\n  * visible to screen readers, hidden to sighted\n   */\n\n.qti-visually-hidden {\n  position: fixed !important;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  height: 1px;\n  width: 1px;\n  border: 0;\n  margin: -1px;\n}\n\n/* =============================\n     Special flex styles\n     ============================= */\n\n.qti-flex-direction-column {\n  flex-direction: column;\n}\n\n.qti-flex-direction-row {\n  flex-direction: row;\n}\n\n.qti-flex-grow-1 {\n  flex-grow: 1;\n}\n\n.qti-flex-grow-0 {\n  flex-grow: 0;\n}\n\n/* =========\n    Margin css\n    ========== */\n\n/**\n   * For margin Top and Bottom and Left and Right\n   */\n\n.qti-margin-0 {\n  margin: 0 !important;\n}\n\n.qti-margin-1 {\n  margin: 0.25rem !important;\n}\n\n.qti-margin-2 {\n  margin: 0.5rem !important;\n}\n\n.qti-margin-3 {\n  margin: 1rem !important;\n}\n\n.qti-margin-4 {\n  margin: 1.5rem !important;\n}\n\n.qti-margin-5 {\n  margin: 3rem !important;\n}\n\n.qti-margin-auto {\n  margin: auto !important;\n}\n\n/*\n   For margin Left and Right\n   */\n\n.qti-margin-x-0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n\n.qti-margin-x-1 {\n  margin-right: 0.25rem !important;\n  margin-left: 0.25rem !important;\n}\n\n.qti-margin-x-2 {\n  margin-right: 0.5rem !important;\n  margin-left: 0.5rem !important;\n}\n\n.qti-margin-x-3 {\n  margin-right: 1rem !important;\n  margin-left: 1rem !important;\n}\n\n.qti-margin-x-4 {\n  margin-right: 1.5rem !important;\n  margin-left: 1.5rem !important;\n}\n\n.qti-margin-x-5 {\n  margin-right: 3rem !important;\n  margin-left: 3rem !important;\n}\n\n.qti-margin-x-auto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n\n/*\n   For margin Top and Bottom\n   */\n\n.qti-margin-y-0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n.qti-margin-y-1 {\n  margin-top: 0.25rem !important;\n  margin-bottom: 0.25rem !important;\n}\n\n.qti-margin-y-2 {\n  margin-top: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n}\n\n.qti-margin-y-3 {\n  margin-top: 1rem !important;\n  margin-bottom: 1rem !important;\n}\n\n.qti-margin-y-4 {\n  margin-top: 1.5rem !important;\n  margin-bottom: 1.5rem !important;\n}\n\n.qti-margin-y-5 {\n  margin-top: 3rem !important;\n  margin-bottom: 3rem !important;\n}\n\n.qti-margin-y-auto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n\n/*\n   For margin Top\n   */\n\n.qti-margin-t-0 {\n  margin-top: 0 !important;\n}\n\n.qti-margin-t-1 {\n  margin-top: 0.25rem !important;\n}\n\n.qti-margin-t-2 {\n  margin-top: 0.5rem !important;\n}\n\n.qti-margin-t-3 {\n  margin-top: 1rem !important;\n}\n\n.qti-margin-t-4 {\n  margin-top: 1.5rem !important;\n}\n\n.qti-margin-t-5 {\n  margin-top: 3rem !important;\n}\n\n.qti-margin-t-auto {\n  margin-top: auto !important;\n}\n\n/* \n  For margin Bottom\n   */\n\n.qti-margin-b-0 {\n  margin-bottom: 0 !important;\n}\n\n.qti-margin-b-1 {\n  margin-bottom: 0.25rem !important;\n}\n\n.qti-margin-b-2 {\n  margin-bottom: 0.5rem !important;\n}\n\n.qti-margin-b-3 {\n  margin-bottom: 1rem !important;\n}\n\n.qti-margin-b-4 {\n  margin-bottom: 1.5rem !important;\n}\n\n.qti-margin-b-5 {\n  margin-bottom: 3rem !important;\n}\n\n.qti-margin-b-auto {\n  margin-bottom: auto !important;\n}\n\n/*\n   For margin Start LTR\n   */\n\n.qti-margin-s-0 {\n  margin-left: 0 !important;\n}\n\n.qti-margin-s-1 {\n  margin-left: 0.25rem !important;\n}\n\n.qti-margin-s-2 {\n  margin-left: 0.5rem !important;\n}\n\n.qti-margin-s-3 {\n  margin-left: 1rem !important;\n}\n\n.qti-margin-s-4 {\n  margin-left: 1.5rem !important;\n}\n\n.qti-margin-s-5 {\n  margin-left: 3rem !important;\n}\n\n.qti-margin-s-auto {\n  margin-left: auto !important;\n}\n\n/* \n  For margin End LTR\n   */\n\n.qti-margin-e-0 {\n  margin-right: 0 !important;\n}\n\n.qti-margin-e-1 {\n  margin-right: 0.25rem !important;\n}\n\n.qti-margin-e-2 {\n  margin-right: 0.5rem !important;\n}\n\n.qti-margin-e-3 {\n  margin-right: 1rem !important;\n}\n\n.qti-margin-e-4 {\n  margin-right: 1.5rem !important;\n}\n\n.qti-margin-e-5 {\n  margin-right: 3rem !important;\n}\n\n.qti-margin-e-auto {\n  margin-right: auto !important;\n}\n\n/* =========\n    Padding css\n    ========== */\n\n/*\n  For padding Top and Bottom and Left and Right\n   */\n\n.qti-padding-0 {\n  padding: 0 !important;\n}\n\n.qti-padding-1 {\n  padding: 0.25rem !important;\n}\n\n.qti-padding-2 {\n  padding: 0.5rem !important;\n}\n\n.qti-padding-3 {\n  padding: 1rem !important;\n}\n\n.qti-padding-4 {\n  padding: 1.5rem !important;\n}\n\n.qti-padding-5 {\n  padding: 3rem !important;\n}\n\n/*\n   For padding Left and Right\n   */\n\n.qti-padding-x-0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n\n.qti-padding-x-1 {\n  padding-right: 0.25rem !important;\n  padding-left: 0.25rem !important;\n}\n\n.qti-padding-x-2 {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n}\n\n.qti-padding-x-3 {\n  padding-right: 1rem !important;\n  padding-left: 1rem !important;\n}\n\n.qti-padding-x-4 {\n  padding-right: 1.5rem !important;\n  padding-left: 1.5rem !important;\n}\n\n.qti-padding-x-5 {\n  padding-right: 3rem !important;\n  padding-left: 3rem !important;\n}\n\n/*\n    For padding Top and Bottom\n   */\n\n.qti-padding-y-0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n.qti-padding-y-1 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n\n.qti-padding-y-2 {\n  padding-top: 0.5rem !important;\n  padding-bottom: 0.5rem !important;\n}\n\n.qti-padding-y-3 {\n  padding-top: 1rem !important;\n  padding-bottom: 1rem !important;\n}\n\n.qti-padding-y-4 {\n  padding-top: 1.5rem !important;\n  padding-bottom: 1.5rem !important;\n}\n\n.qti-padding-y-5 {\n  padding-top: 3rem !important;\n  padding-bottom: 3rem !important;\n}\n\n/*\n   For padding Top\n   */\n\n.qti-padding-t-0 {\n  padding-top: 0 !important;\n}\n\n.qti-padding-t-1 {\n  padding-top: 0.25rem !important;\n}\n\n.qti-padding-t-2 {\n  padding-top: 0.5rem !important;\n}\n\n.qti-padding-t-3 {\n  padding-top: 1rem !important;\n}\n\n.qti-padding-t-4 {\n  padding-top: 1.5rem !important;\n}\n\n.qti-padding-t-5 {\n  padding-top: 3rem !important;\n}\n\n/*\n   For padding Bottom\n   */\n\n.qti-padding-b-0 {\n  padding-bottom: 0 !important;\n}\n\n.qti-padding-b-1 {\n  padding-bottom: 0.25rem !important;\n}\n\n.qti-padding-b-2 {\n  padding-bottom: 0.5rem !important;\n}\n\n.qti-padding-b-3 {\n  padding-bottom: 1rem !important;\n}\n\n.qti-padding-b-4 {\n  padding-bottom: 1.5rem !important;\n}\n\n.qti-padding-b-5 {\n  padding-bottom: 3rem !important;\n}\n\n/*\n    For padding Start LTR\n   */\n\n.qti-padding-s-0 {\n  padding-left: 0 !important;\n}\n\n.qti-padding-s-1 {\n  padding-left: 0.25rem !important;\n}\n\n.qti-padding-s-2 {\n  padding-left: 0.5rem !important;\n}\n\n.qti-padding-s-3 {\n  padding-left: 1rem !important;\n}\n\n.qti-padding-s-4 {\n  padding-left: 1.5rem !important;\n}\n\n.qti-padding-s-5 {\n  padding-left: 3rem !important;\n}\n\n/*\n   For padding End LTR\n   */\n\n.qti-padding-e-0 {\n  padding-right: 0 !important;\n}\n\n.qti-padding-e-1 {\n  padding-right: 0.25rem !important;\n}\n\n.qti-padding-e-2 {\n  padding-right: 0.5rem !important;\n}\n\n.qti-padding-e-3 {\n  padding-right: 1rem !important;\n}\n\n.qti-padding-e-4 {\n  padding-right: 1.5rem !important;\n}\n\n.qti-padding-e-5 {\n  padding-right: 3rem !important;\n}\n\n/* ====================\n     Horizontal alignment\n     ==================== */\n\n.qti-align-left {\n  text-align: left;\n}\n\n.qti-align-center {\n  text-align: center;\n}\n\n.qti-align-right {\n  text-align: right;\n}\n\n/* ==================\n     Vertical alignment\n     ================== */\n\n.qti-valign-top {\n  vertical-align: top;\n}\n\n.qti-valign-middle {\n  vertical-align: middle;\n}\n\n.qti-valign-baseline {\n  vertical-align: baseline;\n}\n\n.qti-valign-bottom {\n  vertical-align: bottom;\n}\n\n/* =============\n     Height styles\n     ============= */\n\n.qti-height-0 {\n  height: 0;\n}\n\n.qti-height-px {\n  height: 1px;\n}\n\n.qti-height-0p5 {\n  height: 0.125rem;\n}\n\n.qti-height-1 {\n  height: 0.25rem;\n}\n\n.qti-height-1p5 {\n  height: 0.375rem;\n}\n\n.qti-height-2 {\n  height: 0.5rem;\n}\n\n.qti-height-2p5 {\n  height: 0.625rem;\n}\n\n.qti-height-3 {\n  height: 0.75rem;\n}\n\n.qti-height-3p5 {\n  height: 0.875rem;\n}\n\n.qti-height-4 {\n  height: 1rem;\n}\n\n.qti-height-5 {\n  height: 1.25rem;\n}\n\n.qti-height-6 {\n  height: 1.5rem;\n}\n\n.qti-height-7 {\n  height: 1.75rem;\n}\n\n.qti-height-8 {\n  height: 2rem;\n}\n\n.qti-height-9 {\n  height: 2.25rem;\n}\n\n.qti-height-10 {\n  height: 2.5rem;\n}\n\n.qti-height-11 {\n  height: 2.75rem;\n}\n\n.qti-height-12 {\n  height: 3rem;\n}\n\n.qti-height-14 {\n  height: 3.5rem;\n}\n\n.qti-height-16 {\n  height: 4rem;\n}\n\n.qti-height-20 {\n  height: 5rem;\n}\n\n.qti-height-24 {\n  height: 6rem;\n}\n\n.qti-height-28 {\n  height: 7rem;\n}\n\n.qti-height-32 {\n  height: 8rem;\n}\n\n.qti-height-36 {\n  height: 9rem;\n}\n\n.qti-height-40 {\n  height: 10rem;\n}\n\n.qti-height-44 {\n  height: 11rem;\n}\n\n.qti-height-48 {\n  height: 12rem;\n}\n\n.qti-height-52 {\n  height: 13rem;\n}\n\n.qti-height-56 {\n  height: 14rem;\n}\n\n.qti-height-60 {\n  height: 15rem;\n}\n\n.qti-height-64 {\n  height: 16rem;\n}\n\n.qti-height-72 {\n  height: 18rem;\n}\n\n.qti-height-80 {\n  height: 20rem;\n}\n\n.qti-height-96 {\n  height: 24rem;\n}\n\n.qti-height-1-2 {\n  height: 50%;\n}\n\n.qti-height-1-3 {\n  height: 33.3333%;\n}\n\n.qti-height-2-3 {\n  height: 66.6667%;\n}\n\n.qti-height-1-4 {\n  height: 25%;\n}\n\n.qti-height-2-4 {\n  height: 50%;\n}\n\n.qti-height-3-4 {\n  height: 75%;\n}\n\n.qti-height-1-5 {\n  height: 20%;\n}\n\n.qti-height-2-5 {\n  height: 40%;\n}\n\n.qti-height-3-5 {\n  height: 60%;\n}\n\n.qti-height-4-5 {\n  height: 80%;\n}\n\n.qti-height-1-6 {\n  height: 16.6667%;\n}\n\n.qti-height-2-6 {\n  height: 33.3333%;\n}\n\n.qti-height-3-6 {\n  height: 50%;\n}\n\n.qti-height-4-6 {\n  height: 66.6667%;\n}\n\n.qti-height-5-6 {\n  height: 83.3333%;\n}\n\n.qti-height-auto {\n  height: auto;\n}\n\n.qti-height-full {\n  height: 100%;\n}\n\n/* ============\n     Width styles\n     ============ */\n\n.qti-width-0 {\n  width: 0;\n}\n\n.qti-width-px {\n  width: 1px;\n}\n\n.qti-width-0p5 {\n  width: 0.125rem;\n}\n\n.qti-width-1 {\n  width: 0.25rem;\n}\n\n.qti-width-1p5 {\n  width: 0.375rem;\n}\n\n.qti-width-2 {\n  width: 0.5rem;\n}\n\n.qti-width-2p5 {\n  width: 0.625rem;\n}\n\n.qti-width-3 {\n  width: 0.75rem;\n}\n\n.qti-width-3p5 {\n  width: 0.875rem;\n}\n\n.qti-width-4 {\n  width: 1rem;\n}\n\n.qti-width-5 {\n  width: 1.25rem;\n}\n\n.qti-width-6 {\n  width: 1.5rem;\n}\n\n.qti-width-7 {\n  width: 1.75rem;\n}\n\n.qti-width-8 {\n  width: 2rem;\n}\n\n.qti-width-9 {\n  width: 2.25rem;\n}\n\n.qti-width-10 {\n  width: 2.5rem;\n}\n\n.qti-width-11 {\n  width: 2.75rem;\n}\n\n.qti-width-12 {\n  width: 3rem;\n}\n\n.qti-width-14 {\n  width: 3.5rem;\n}\n\n.qti-width-16 {\n  width: 4rem;\n}\n\n.qti-width-20 {\n  width: 5rem;\n}\n\n.qti-width-24 {\n  width: 6rem;\n}\n\n.qti-width-28 {\n  width: 7rem;\n}\n\n.qti-width-32 {\n  width: 8rem;\n}\n\n.qti-width-36 {\n  width: 9rem;\n}\n\n.qti-width-40 {\n  width: 10rem;\n}\n\n.qti-width-44 {\n  width: 11rem;\n}\n\n.qti-width-48 {\n  width: 12rem;\n}\n\n.qti-width-52 {\n  width: 13rem;\n}\n\n.qti-width-56 {\n  width: 14rem;\n}\n\n.qti-width-60 {\n  width: 15rem;\n}\n\n.qti-width-64 {\n  width: 16rem;\n}\n\n.qti-width-72 {\n  width: 18rem;\n}\n\n.qti-width-80 {\n  width: 20rem;\n}\n\n.qti-width-96 {\n  width: 24rem;\n}\n\n.qti-width-auto {\n  width: auto;\n}\n\n.qti-width-1-2 {\n  width: 50%;\n}\n\n.qti-width-1-3 {\n  width: 33.3333%;\n}\n\n.qti-width-2-3 {\n  width: 66.6667%;\n}\n\n.qti-width-1-4 {\n  width: 25%;\n}\n\n.qti-width-2-4 {\n  width: 50%;\n}\n\n.qti-width-3-4 {\n  width: 75%;\n}\n\n.qti-width-1-5 {\n  width: 20%;\n}\n\n.qti-width-2-5 {\n  width: 40%;\n}\n\n.qti-width-3-5 {\n  width: 60%;\n}\n\n.qti-width-4-5 {\n  width: 80%;\n}\n\n.qti-width-1-6 {\n  width: 16.6667%;\n}\n\n.qti-width-2-6 {\n  width: 33.3333%;\n}\n\n.qti-width-3-6 {\n  width: 50%;\n}\n\n.qti-width-4-6 {\n  width: 66.6667%;\n}\n\n.qti-width-5-6 {\n  width: 83.3333%;\n}\n\n.qti-width-1-12 {\n  width: 8.3333%;\n}\n\n.qti-width-2-12 {\n  width: 16.6667%;\n}\n\n.qti-width-3-12 {\n  width: 25%;\n}\n\n.qti-width-4-12 {\n  width: 33.3333%;\n}\n\n.qti-width-5-12 {\n  width: 41.6667%;\n}\n\n.qti-width-6-12 {\n  width: 50%;\n}\n\n.qti-width-7-12 {\n  width: 58.3333%;\n}\n\n.qti-width-8-12 {\n  width: 66.6667%;\n}\n\n.qti-width-9-12 {\n  width: 75%;\n}\n\n.qti-width-10-12 {\n  width: 83.3333%;\n}\n\n.qti-width-11-12 {\n  width: 91.6667%;\n}\n\n.qti-width-full,\n.qti-fullwidth {\n  width: 100%;\n}\n\n/* ==================\n     Text Indent styles\n     ================== */\n\n.qti-text-indent-0 {\n  text-indent: 0;\n}\n\n.qti-text-indent-px {\n  text-indent: 1px;\n}\n\n.qti-text-indent-0p5 {\n  text-indent: 0.125rem;\n}\n\n.qti-text-indent-1 {\n  text-indent: 0.25rem;\n}\n\n.qti-text-indent-1p5 {\n  text-indent: 0.375rem;\n}\n\n.qti-text-indent-2 {\n  text-indent: 0.5rem;\n}\n\n.qti-text-indent-2p5 {\n  text-indent: 0.625rem;\n}\n\n.qti-text-indent-3 {\n  text-indent: 0.75rem;\n}\n\n.qti-text-indent-3p5 {\n  text-indent: 0.875rem;\n}\n\n.qti-text-indent-4 {\n  text-indent: 1rem;\n}\n\n.qti-text-indent-5 {\n  text-indent: 1.25rem;\n}\n\n.qti-text-indent-6 {\n  text-indent: 1.5rem;\n}\n\n.qti-text-indent-7 {\n  text-indent: 1.75rem;\n}\n\n.qti-text-indent-8 {\n  text-indent: 2rem;\n}\n\n.qti-text-indent-12 {\n  text-indent: 3rem;\n}\n\n.qti-text-indent-16 {\n  text-indent: 4rem;\n}\n\n.qti-text-indent-20 {\n  text-indent: 5rem;\n}\n\n.qti-text-indent-24 {\n  text-indent: 6rem;\n}\n\n.qti-text-indent-28 {\n  text-indent: 7rem;\n}\n\n.qti-text-indent-32 {\n  text-indent: 8rem;\n}\n\n/* =================\n     List Style styles\n     ================= */\n\n.qti-list-style-type-none {\n  list-style-type: none;\n}\n\n.qti-list-style-type-disc {\n  list-style-type: disc;\n}\n\n.qti-list-style-type-circle {\n  list-style-type: circle;\n}\n\n.qti-list-style-type-square {\n  list-style-type: square;\n}\n\n.qti-list-style-type-decimal {\n  list-style-type: decimal;\n}\n\n.qti-list-style-type-decimal-leading-zero {\n  list-style-type: decimal-leading-zero;\n}\n\n.qti-list-style-type-lower-alpha {\n  list-style-type: lower-alpha;\n}\n\n.qti-list-style-type-upper-alpha {\n  list-style-type: upper-alpha;\n}\n\n.qti-list-style-type-lower-roman {\n  list-style-type: lower-roman;\n}\n\n.qti-list-style-type-upper-roman {\n  list-style-type: upper-roman;\n}\n\n.qti-list-style-type-lower-latin {\n  list-style-type: lower-latin;\n}\n\n.qti-list-style-type-upper-latin {\n  list-style-type: upper-latin;\n}\n\n.qti-list-style-type-lower-greek {\n  list-style-type: lower-greek;\n}\n\n.qti-list-style-type-arabic-indic {\n  list-style-type: arabic-indic;\n}\n\n.qti-list-style-type-armenian {\n  list-style-type: armenian;\n}\n\n.qti-list-style-type-lower-armenian {\n  list-style-type: lower-armenian;\n}\n\n.qti-list-style-type-upper-armenian {\n  list-style-type: upper-armenian;\n}\n\n.qti-list-style-type-bengali {\n  list-style-type: bengali;\n}\n\n.qti-list-style-type-cambodian {\n  list-style-type: cambodian;\n}\n\n.qti-list-style-type-simp-chinese-formal {\n  list-style-type: simp-chinese-formal;\n}\n\n.qti-list-style-type-simp-chinese-informal {\n  list-style-type: simp-chinese-informal;\n}\n\n.qti-list-style-type-trad-chinese-formal {\n  list-style-type: trad-chinese-formal;\n}\n\n.qti-list-style-type-trad-chinese-informal {\n  list-style-type: trad-chinese-informal;\n}\n\n.qti-list-style-type-cjk-ideographic {\n  list-style-type: cjk-ideographic;\n}\n\n.qti-list-style-type-cjk-heavenly-stem {\n  list-style-type: cjk-heavenly-stem;\n}\n\n.qti-list-style-type-cjk-earthly-branch {\n  list-style-type: cjk-earthly-branch;\n}\n\n.qti-list-style-type-devanagari {\n  list-style-type: devanagari;\n}\n\n.qti-list-style-type-ethiopic-halehame-ti-er {\n  list-style-type: ethiopic-halehame-ti-er;\n}\n\n.qti-list-style-type-ethiopic-halehame-ti-et {\n  list-style-type: ethiopic-halehame-ti-et;\n}\n\n.qti-list-style-type-ethiopic-halehame-am {\n  list-style-type: ethiopic-halehame-am;\n}\n\n.qti-list-style-type-ethiopic-halehame {\n  list-style-type: ethiopic-halehame;\n}\n\n.qti-list-style-type-georgian {\n  list-style-type: georgian;\n}\n\n.qti-list-style-type-gujarati {\n  list-style-type: gujarati;\n}\n\n.qti-list-style-type-gurmukhi {\n  list-style-type: gurmukhi;\n}\n\n.qti-list-style-type-hangul {\n  list-style-type: hangul;\n}\n\n.qti-list-style-type-hangul-consonant {\n  list-style-type: hangul-consonant;\n}\n\n.qti-list-style-type-hebrew {\n  list-style-type: hebrew;\n}\n\n.qti-list-style-type-hiragana {\n  list-style-type: hiragana;\n}\n\n.qti-list-style-type-hiragana-iroha {\n  list-style-type: hiragana-iroha;\n}\n\n.qti-list-style-type-khmer {\n  list-style-type: khmer;\n}\n\n.qti-list-style-type-korean-hangul-formal {\n  list-style-type: korean-hangul-formal;\n}\n\n.qti-list-style-type-korean-hanja-formal {\n  list-style-type: korean-hanja-formal;\n}\n\n.qti-list-style-type-korean-hanja-informal {\n  list-style-type: korean-hanja-informal;\n}\n\n.qti-list-style-type-lao {\n  list-style-type: lao;\n}\n\n.qti-list-style-type-malayalam {\n  list-style-type: malayalam;\n}\n\n.qti-list-style-type-mongolian {\n  list-style-type: mongolian;\n}\n\n.qti-list-style-type-myanmar {\n  list-style-type: myanmar;\n}\n\n.qti-list-style-type-oriya {\n  list-style-type: oriya;\n}\n\n.qti-list-style-type-persian {\n  list-style-type: persian;\n}\n\n.qti-list-style-type-thai {\n  list-style-type: thai;\n}\n\n.qti-list-style-type-tibetan {\n  list-style-type: tibetan;\n}\n\n.qti-list-style-type-telugu {\n  list-style-type: telugu;\n}\n\n.qti-list-style-type-urdu {\n  list-style-type: urdu;\n}\n\n/* =========================\n     Other QTI 3 Presentation Utilities\n     ========================= */\n\n.qti-bordered {\n  border: 1px solid var(--table-border-color);\n}\n\n.qti-underline {\n  text-decoration: underline;\n  text-decoration-color: var(--foreground);\n}\n\n.qti-italic {\n  font-style: italic;\n}\n\n.qti-well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: var(--well-bg);\n  border: var(--well-border);\n  border-radius: 4px;\n  box-shadow: var(--well-box-shadow);\n}\n\n/* Set writing-mode to vertical-rl \n     Typical for CJK vertical text */\n\n.qti-writing-mode-vertical-rl {\n  writing-mode: vertical-rl;\n}\n\n/* Set writing-mode to vertical-lr\n     Typical for Mongolian vertical text  */\n\n.qti-writing-mode-vertical-lr {\n  writing-mode: vertical-lr;\n}\n\n/* Set writing-mode to horizontal-tb \n     Browser default */\n\n.qti-writing-mode-horizontal-tb {\n  writing-mode: horizontal-tb;\n}\n\n/* Float an element left */\n\n.qti-float-left {\n  float: left;\n}\n\n/* Float an element right */\n\n.qti-float-right {\n  float: right;\n}\n\n/* Remove a float */\n\n.qti-float-none {\n  float: none;\n}\n\n/* Clearfix Hack to apply to a container of \n   floated content that overflows the container. */\n\n.qti-float-clearfix::after {\n  content: '';\n  clear: both;\n  display: table;\n}\n\n.qti-float-clear-left\n  .qti-float-clear-right\n  .qti-float-clear-both\n  \n  /* Set text-orientation to upright */\n  .qti-text-orientation-upright {\n  text-orientation: upright;\n}\n\n/* stylelint-disable number-max-precision */\n\n@layer qti-base {\n  .qti-layout-row {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 2.1276595745%;\n  }\n\n  .qti-layout-row [class*='qti-layout-col']:not(:empty) {\n    box-sizing: border-box;\n  }\n\n  .qti-layout-row [class*='qti-layout-col']:empty {\n    width: 0;\n    overflow: hidden; /* to fully collapse if there’s padding or borders */\n  }\n\n  .qti-layout-col1 {\n    width: 6.3829787234%;\n  }\n\n  .qti-layout-col2 {\n    width: 14.8936170213%;\n  }\n\n  .qti-layout-col3 {\n    width: 23.4042553191%;\n  }\n\n  .qti-layout-col4 {\n    width: 31.914893617%;\n  }\n\n  .qti-layout-col5 {\n    width: 40.4255319149%;\n  }\n\n  .qti-layout-col6 {\n    width: 48.9361702128%;\n  }\n\n  .qti-layout-col7 {\n    width: 57.4468085106%;\n  }\n\n  .qti-layout-col8 {\n    width: 65.9574468085%;\n  }\n\n  .qti-layout-col9 {\n    width: 74.4680851064%;\n  }\n\n  .qti-layout-col10 {\n    width: 82.9787234043%;\n  }\n\n  .qti-layout-col11 {\n    width: 91.4893617021%;\n  }\n\n  .qti-layout-col12 {\n    width: 100%;\n  }\n\n  .qti-layout-offset1 {\n    margin-left: 8.5106382979%;\n  }\n\n  .qti-layout-offset2 {\n    margin-left: 17.0212765957%;\n  }\n\n  .qti-layout-offset3 {\n    margin-left: 25.5319148936%;\n  }\n\n  .qti-layout-offset4 {\n    margin-left: 34.0425531915%;\n  }\n\n  .qti-layout-offset5 {\n    margin-left: 42.5531914894%;\n  }\n\n  .qti-layout-offset6 {\n    margin-left: 51.0638297872%;\n  }\n\n  .qti-layout-offset7 {\n    margin-left: 59.5744680851%;\n  }\n\n  .qti-layout-offset8 {\n    margin-left: 68.085106383%;\n  }\n\n  .qti-layout-offset9 {\n    margin-left: 76.5957446809%;\n  }\n\n  .qti-layout-offset10 {\n    margin-left: 85.1063829787%;\n  }\n\n  .qti-layout-offset11 {\n    margin-left: 93.6170212766%;\n  }\n\n  .qti-layout-offset12 {\n    margin-left: 102.1276595745%;\n  }\n\n  @media (width <= 767px) {\n    [class*='qti-layout-col'] {\n      width: 100%;\n    }\n  }\n}\n\n[view],\nqti-outcome-declaration,\nqti-response-declaration {\n  display: none;\n}\n\n[view].show {\n  display: block;\n}\n\n:host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n/* components */\n\n@layer qti-components {\n  qti-choice-interaction {\n    &.qti-input-control-hidden {\n      & qti-simple-choice {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &:state(readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n\n    &:not(.qti-input-control-hidden) {\n      & qti-simple-choice {\n\n        &:not([aria-disabled='true'], [aria-readonly='true'], :state(--checked)):hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &:state(readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        &::part(cha) {\n          width: calc(var(--qti-form-size) - 6px);\n          height: calc(var(--qti-form-size) - 6px);\n        }\n\n        &:state(radio)::part(ch) {\n          border-radius: 100%;\n          display: grid;\n          place-content: center;\n          width: var(--qti-form-size);\n          height: var(--qti-form-size);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        &:state(radio):state(--checked)::part(cha) {\n          background-color: var(--qti-border-active);\n          border-radius: 100%;\n        }\n\n        &:state(checkbox)::part(ch) {\n          display: flex;\n          place-items: center;\n          border-radius: var(--qti-border-radius);\n          display: grid;\n          place-content: center;\n          width: var(--qti-form-size);\n          height: var(--qti-form-size);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        &:state(checkbox):state(--checked)::part(cha) {\n          background-color: var(--qti-border-active);\n          -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n                  mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n        }\n\n        gap: 0.5rem;\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        outline: none;\n\n        cursor: pointer\n      }\n    }\n\n    & qti-simple-choice {\n      width: -moz-fit-content;\n      width: fit-content;\n      cursor: pointer;\n\n      &:state(correct-response),\n      &[data-correct-response='true'] {\n        &::after {\n          content: '\\02714';\n          color: #16a34a; /* text-green-600 */\n        }\n      }\n    }\n\n    & qti-simple-choice > p {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n  }\n\n  .hover-border {\n    border: 2px solid #000; /* Adjust the border style and color as needed */\n  }\n\n  qti-graphic-gap-match-interaction {\n    position: relative;\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-gap-img,\n    qti-gap-text {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: grab;\n    }\n\n    & qti-associable-hotspot {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border: 2px solid transparent;\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &[active] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n          border-color: var(--qti-dark-border-active);\n        }\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active)\n      }\n\n      &[disabled] {\n\n        &:not(:empty) {\n          cursor: default !important;\n        }\n\n        cursor: not-allowed;\n\n        background-color: var(--qti-disabled-bg);\n\n        color: var(--qti-disabled-color);\n\n        border-color: var(--qti-border-color);\n\n        outline: 4px solid var(--qti-disabled-bg)\n      }\n\n      &:empty::after {\n        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */\n        content: '\\0000a0'; /* when empty, put a space in it */\n      }\n\n      &:not(:empty) {\n        padding: 0;\n        width: auto;\n      }\n\n      &:not(:empty) > * {\n        flex: 1;\n        transform: rotate(0); /* rotate-0 */\n        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */\n      }\n    }\n\n    & img {\n      margin: 0;\n      padding: 0;\n    }\n  }\n\n  qti-text-entry-interaction {\n    &::part(input) {\n      border-radius: 0;\n      cursor: text;\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background: unset;\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    &:focus-within {\n      &::part(input) {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        border-color: var(--qti-border-active);\n      }\n    }\n  }\n\n  qti-extended-text-interaction {\n    &::part(textarea) {\n      border-radius: 0;\n      cursor: text;\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background: unset;\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    &:focus-within {\n      &::part(textarea) {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        border-color: var(--qti-border-active);\n      }\n    }\n  }\n\n  qti-gap-match-interaction {\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-gap-text {\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    & qti-gap {\n\n      &[disabled] {\n\n        &:not(:empty) {\n          cursor: default !important;\n        }\n\n        cursor: not-allowed;\n\n        background-color: var(--qti-disabled-bg);\n\n        color: var(--qti-disabled-color);\n\n        border-color: var(--qti-border-color);\n\n        outline: 4px solid var(--qti-disabled-bg)\n      }\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          border-color: var(--qti-dark-border-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &[active] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n          border-color: var(--qti-dark-border-active);\n        }\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active)\n      }\n\n      display: inline-flex;\n      align-items: center;\n\n      &:empty::after {\n        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */\n        content: '\\0000a0'; /* when empty, put a space in it */\n      }\n\n      &:not(:empty) {\n        display: inline-flex;\n        padding: 0;\n        width: auto;\n      }\n\n      &:not(:empty) > * {\n        flex: 1;\n        transform: rotate(0); /* rotate-0 */\n        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */\n      }\n\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n\n      border-radius: var(--qti-border-radius);\n\n      position: relative;\n\n      background-color: var(--qti-bg);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none\n    }\n  }\n\n  qti-hotspot-interaction {\n    & qti-hotspot-choice {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n        }\n\n        &:state(--readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(--disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='rect'] {\n\n        /* &:hover {\n          @apply hov;\n        } */\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='poly'] {\n        &:hover::after {\n          content: '';\n          width: 100%;\n          height: 100%;\n          background: repeating-linear-gradient(\n            45deg,\n            var(--qti-border-active),\n            var(--qti-border-active) 5px,\n            transparent 5px,\n            transparent 10px\n          );\n          display: block;\n        }\n\n        &:state(--checked)::after,\n        &[aria-checked='true']::after {\n          content: '';\n          width: 100%;\n          height: 100%;\n          background: repeating-linear-gradient(\n            45deg,\n            transparent,\n            transparent 5px,\n            var(--qti-border-active) 5px,\n            var(--qti-border-active) 10px\n          );\n          display: block;\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n      }\n    }\n  }\n\n  qti-hottext-interaction {\n    /* &:not(.qti-input-control-hidden),\n    &:not(.qti-unselected-hidden) { */\n    qti-hottext {\n      display: inline-flex;\n      align-items: center;\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &::part(cha) {\n        width: calc(var(--qti-form-size) - 6px);\n        height: calc(var(--qti-form-size) - 6px);\n      }\n\n      &:state(radio)::part(ch) {\n        border-radius: 100%;\n        display: grid;\n        place-content: center;\n        width: var(--qti-form-size);\n        height: var(--qti-form-size);\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n        outline: none;\n      }\n\n      &:state(radio):state(--checked)::part(cha) {\n        background-color: var(--qti-border-active);\n        border-radius: 100%;\n      }\n\n      &:state(checkbox)::part(ch) {\n        display: flex;\n        place-items: center;\n        border-radius: var(--qti-border-radius);\n        display: grid;\n        place-content: center;\n        width: var(--qti-form-size);\n        height: var(--qti-form-size);\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n        outline: none;\n      }\n\n      &:state(checkbox):state(--checked)::part(cha) {\n        background-color: var(--qti-border-active);\n        -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n                mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n      }\n\n      gap: 0.5rem;\n\n      border-radius: var(--qti-border-radius);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      outline: none;\n\n      cursor: pointer\n    }\n\n    /* } */\n\n    &.qti-input-control-hidden {\n      qti-hottext {\n        /* --qti-padding-md: 0.1rem;\n        --qti-padding-lg: 0.2rem;\n        --qti-border-radius-md: 0.3rem;\n        --qti-border-thickness: 1px;\n        --qti-font-weight-semibold: 400; */\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        /* @layer qti-variants { */\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked) {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      /* } */\n    }\n\n    &.qti-unselected-hidden {\n      qti-hottext {\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        cursor: pointer;\n\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked) {\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n      }\n    }\n  }\n\n  qti-inline-choice-interaction {\n    &::part(select) {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      border-radius: var(--qti-border-radius);\n\n      position: relative;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      padding-right: calc(var(--qti-padding-horizontal) + 1.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px\n    }\n  }\n\n  qti-match-interaction:not(.qti-match-tabular) {\n    &:state(--dragzone-enabled) qti-simple-match-set:first-of-type {\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-active) qti-simple-match-set:first-of-type {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    /* The draggables */\n    & qti-simple-match-set:first-of-type {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start; /* Prevents children from stretching */\n      gap: var(--qti-gap-size);\n      border: 2px solid transparent;\n\n      & qti-simple-associable-choice {\n\n        &[dragging] {\n          pointer-events: none;\n          rotate: -2deg;\n          box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n        }\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n        cursor: grab;\n\n        background-color: var(--qti-bg);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border-radius: var(--qti-border-radius);\n\n        padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none;\n\n        background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n        background-repeat: repeat-y;\n\n        background-position: left center;\n\n        background-size: 14px 8px\n      }\n    }\n\n    /* The droppables */\n    & qti-simple-match-set:last-of-type {\n      display: grid;\n      grid-auto-columns: 1fr; /* auto-cols-fr */\n      grid-auto-flow: column; /* grid-flow-col */\n      gap: var(--qti-gap-size); /* gap-2 */\n      width: 100%; /* w-full */\n\n      & qti-simple-associable-choice {\n        display: flex;\n        flex-direction: column;\n      }\n\n      & > qti-simple-associable-choice {\n        /* a droppable qti-simple-associable-choice */\n        box-sizing: border-box;\n        display: grid;\n        grid-row: 2 / 4;\n        grid-template-rows: subgrid;\n\n        & img {\n          max-width: 100%;\n          height: auto;\n        }\n\n        &[enabled] {\n          &::part(dropslot) {\n            background-color: var(--qti-bg-active);\n          }\n        }\n\n        &[disabled] {\n          &::part(dropslot) {\n            cursor: not-allowed;\n            background-color: var(--qti-disabled-bg);\n            color: var(--qti-disabled-color);\n            border-color: var(--qti-border-color);\n            outline: 4px solid var(--qti-disabled-bg);\n          }\n        }\n\n        &[active] {\n          &::part(dropslot) {\n            border-color: var(--qti-border-active);\n            background-color: var(--qti-bg-active);\n          }\n        }\n\n        &::part(dropslot) {\n\n          &[dragging] {\n            pointer-events: none;\n            rotate: -2deg;\n            box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n          }\n\n          &:focus {\n            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n          }\n\n          min-height: 6rem;\n          gap: var(--qti-gap-size);\n          box-sizing: border-box;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n          border-radius: var(--qti-border-radius);\n          position: relative;\n          background-color: var(--qti-bg);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        & > *:not(qti-simple-associable-choice) {\n          pointer-events: none;\n        }\n\n        & > qti-simple-associable-choice {\n\n          &::part(dropslot) {\n            display: none;\n          }\n\n          &:hover {\n            background-color: var(--qti-hover-bg);\n          }\n\n          &:focus {\n            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n          }\n\n          flex-basis: fit-content;\n\n          transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n          cursor: grab;\n\n          background-color: var(--qti-bg);\n\n          padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n          border-radius: var(--qti-border-radius);\n\n          padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n          outline: none;\n\n          background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n          background-repeat: repeat-y;\n\n          background-position: left center;\n\n          background-size: 14px 8px;\n        }\n      }\n    }\n  }\n\n  qti-order-interaction:state(--dragzone-active)::part(drags) {\n    border-color: var(--qti-border-active);\n    background-color: var(--qti-bg-active);\n  }\n\n  qti-order-interaction:state(--dragzone-enabled)::part(drags) {\n    background-color: var(--qti-bg-active);\n  }\n\n  qti-order-interaction {\n    &::part(qti-simple-choice),\n    & qti-simple-choice {\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    &::part(qti-simple-choice) {\n      display: flex;\n      overflow: hidden;\n      align-items: center;\n      width: 100%;\n      text-overflow: ellipsis;\n    }\n\n    &::part(drops) {\n      gap: 0.5rem; /* gap-2 */\n    }\n\n    &::part(drags) {\n      gap: 0.5rem; /* gap-2 */\n    }\n\n    &::part(drop-list) {\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          border-color: var(--qti-dark-border-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      display: flex;\n      min-height: 4rem;\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n      border-radius: var(--qti-border-radius);\n      position: relative;\n      background-color: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &::part(active) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    & drop-list {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='square'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n  }\n\n  qti-associate-interaction {\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active) slot[name='qti-simple-associable-choice'] {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled) slot[name='qti-simple-associable-choice'] {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-simple-associable-choice, /* drags when in lightdom */\n    &::part(qti-simple-associable-choice) /* drags when in shadowdom */ {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    /* display: flex;\n    overflow: hidden;\n    align-items: center; */\n\n    /* &::part(drop-container) {\n      display: flex;\n      flex-direction: column;\n      gap: var(--qti-gap-size);\n    } */\n\n    &::part(drop-list) {\n\n      display: grid;\n      height: 3rem;\n      min-width: 10rem;\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n      border-radius: var(--qti-border-radius);\n      position: relative;\n      background-color: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &::part(drop-list):focus {\n      box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n    }\n\n    &::part(drop-list)[dragging] {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    /* &::part(drop-list) {\n      @apply act;\n    } */\n  }\n\n  qti-graphic-order-interaction {\n    & qti-hotspot-choice {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &:state(--checked),\n      &[aria-checked='true'] {\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active);\n      }\n\n      &[aria-readonly='true'] {\n        cursor: pointer;\n        background-color: var(--qti-bg);\n        outline: 0;\n        border: none;\n      }\n\n      &[aria-disabled='true'] {\n        cursor: not-allowed;\n        background-color: var(--qti-disabled-bg);\n        color: var(--qti-disabled-color);\n        border-color: var(--qti-border-color);\n        outline: 4px solid var(--qti-disabled-bg);\n      }\n\n      &[aria-ordervalue] {\n        display: grid;\n        place-content: center;\n      }\n\n      &[aria-ordervalue]::after {\n        content: attr(aria-ordervalue) !important;\n      }\n\n      width: 100%;\n\n      height: 100%;\n\n      background-color: transparent;\n\n      padding: 0;\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none\n    }\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n  }\n\n  qti-graphic-associate-interaction {\n    position: relative;\n    display: block;\n\n    & qti-associable-hotspot {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='square'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n  }\n\n  qti-slider-interaction {\n    --qti-tick-color: rgb(229 231 235 / 100%);\n    --qti-tick-width: 1px;\n  }\n\n  qti-select-point-interaction {\n    &::part(point) {\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      border-radius: 100%;\n\n      width: var(--qti-point-size);\n\n      height: var(--qti-point-size);\n\n      background-color: transparent;\n\n      padding: 0;\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n    }\n  }\n\n  qti-position-object-stage {\n    & qti-position-object-interaction {\n      /* no styles necessary, only layout styles, defined in the component */\n    }\n  }\n\n  qti-prompt {\n    margin: 0.5rem 0; /* my-2 */\n    display: block;\n    width: 100%;\n  }\n}\n";var ek=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n,arguments);t.testURL=null;t.testDoc=null;t.testXML=null;t.templateContent=null;return t}u(n,[{key:"handleTestURLChange",value:function t(){var t=this;return o(function(){var n,e;return z(this,function(r){switch(r.label){case 0:if(!t.testURL)return[3,4];r.label=1;case 1:r.trys.push([1,3,,4]);return[4,nj().load(t.testURL)];case 2:n=r.sent();t.testDoc=n.htmlDoc();return[3,4];case 3:e=r.sent();console.error("Error loading or parsing XML:",e);return[3,4];case 4:return[2]}})})()}},{key:"handleTestXMLChange",value:function t(){if(this.testXML)try{this.testDoc=nj().parse(this.testXML).htmlDoc()}catch(t){console.error("Error parsing XML:",t)}}},{key:"connectedCallback",value:function t(){var t=this;var e=this,r=function(){return h(v(n.prototype),"connectedCallback",t)};return o(function(){return z(this,function(t){r().call(e),e.initializeTemplateContent(),e.applyStyles(),e.testURL&&e.handleTestURLChange(),e.testXML&&e.handleTestXMLChange();return[2]})})()}},{key:"initializeTemplateContent",value:function t(){var t=this.querySelector("template");this.templateContent=t?t.content:nu(J())}},{key:"applyStyles",value:function t(){var t=new CSSStyleSheet;t.replaceSync(ew),this.shadowRoot.adoptedStyleSheets=[t]}},{key:"render",value:function t(){return nu(tn(),this.templateContent,e_(this.testDoc,nu(tt())))}}]);return n}(nR);th([n({type:String,attribute:"test-url"})],ek.prototype,"testURL",2),th([e()],ek.prototype,"testDoc",2),th([e()],ek.prototype,"testXML",2),th([E("testURL",{waitUntilFirstUpdate:!0})],ek.prototype,"handleTestURLChange",1),th([E("testXML",{waitUntilFirstUpdate:!0})],ek.prototype,"handleTestXMLChange",1),ek=th([nz("test-container")],ek);var ex=["this"],eE=["+","-","!"],eC=["=","+","-","*","/","%","^","==","!=",">","<",">=","<=","||","&&","??","&","===","!==","|","|>"],eA={"!":0,":":0,",":0,")":0,"]":0,"}":0,"|>":1,"?":2,"??":3,"||":4,"&&":5,"|":6,"^":7,"&":8,"!=":9,"==":9,"!==":9,"===":9,">=":10,">":10,"<=":10,"<":10,"+":11,"-":11,"%":12,"/":12,"*":12,"(":13,"[":13,".":13,"{":13},e$=13;var eS=["==","!=","<=",">=","||","&&","??","|>"],eO=["===","!=="],eR;(function(t){t[t.STRING=1]="STRING",t[t.IDENTIFIER=2]="IDENTIFIER",t[t.DOT=3]="DOT",t[t.COMMA=4]="COMMA",t[t.COLON=5]="COLON",t[t.INTEGER=6]="INTEGER",t[t.DECIMAL=7]="DECIMAL",t[t.OPERATOR=8]="OPERATOR",t[t.GROUPER=9]="GROUPER",t[t.KEYWORD=10]="KEYWORD",t[t.ARROW=11]="ARROW"})(eR||(eR={}));var eP=function(t,n){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0;return{kind:t,value:n,precedence:e}},eI=function(t){return t===9||t===10||t===13||t===32},ez=function(t){return t===95||t===36||(t&=-33,65<=t&&t<=90)},eT=function(t){return ez(t)||eM(t)},eU=function(t){return ex.indexOf(t)!==-1},eL=function(t){return t===34||t===39},eM=function(t){return 48<=t&&t<=57},eD=function(t){return t===43||t===45||t===42||t===47||t===33||t===38||t===37||t===60||t===61||t===62||t===63||t===94||t===124},eN=function(t){return t===40||t===41||t===91||t===93||t===123||t===125},ej=function(t){return t.replace(/\\(.)/g,function(t,n){switch(n){case"n":return"\n";case"r":return"\r";case"t":return"	";case"b":return"\b";case"f":return"\f";default:return n}})},eV=/*#__PURE__*/function(){"use strict";function t(n){s(this,t);tv(this,"_input");tv(this,"_index",-1);tv(this,"_tokenStart",0);tv(this,"_next");this._input=n,this._advance()}u(t,[{key:"nextToken",value:function t(){for(;eI(this._next);)this._advance(!0);if(eL(this._next))return this._tokenizeString();if(ez(this._next))return this._tokenizeIdentOrKeyword();if(eM(this._next))return this._tokenizeNumber();if(this._next===46)return this._tokenizeDot();if(this._next===44)return this._tokenizeComma();if(this._next===58)return this._tokenizeColon();if(eD(this._next))return this._tokenizeOperator();if(eN(this._next))return this._tokenizeGrouper();if(this._advance(),this._next!==void 0)throw new Error("Expected end of input, got ".concat(this._next))}},{key:"_advance",value:function t(t){this._index++,this._index<this._input.length?(this._next=this._input.charCodeAt(this._index),t===!0&&(this._tokenStart=this._index)):this._next=void 0}},{key:"_getValue",value:function t(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;var n=this._input.substring(this._tokenStart,this._index+t);return t===0&&this._clearValue(),n}},{key:"_clearValue",value:function t(){this._tokenStart=this._index}},{key:"_tokenizeString",value:function t(){var t="unterminated string",n=this._next;for(this._advance(!0);this._next!==n;){if(this._next===void 0)throw new Error(t);if(this._next===92&&(this._advance(),this._next===void 0))throw new Error(t);this._advance()}var e=eP(eR.STRING,ej(this._getValue()));return this._advance(),e}},{key:"_tokenizeIdentOrKeyword",value:function t(){do this._advance();while(eT(this._next));var t=this._getValue(),n=eU(t)?eR.KEYWORD:eR.IDENTIFIER;return eP(n,t)}},{key:"_tokenizeNumber",value:function t(){do this._advance();while(eM(this._next));return this._next===46?this._tokenizeDot():eP(eR.INTEGER,this._getValue())}},{key:"_tokenizeDot",value:function t(){return this._advance(),eM(this._next)?this._tokenizeFraction():(this._clearValue(),eP(eR.DOT,".",e$))}},{key:"_tokenizeComma",value:function t(){return this._advance(!0),eP(eR.COMMA,",")}},{key:"_tokenizeColon",value:function t(){return this._advance(!0),eP(eR.COLON,":")}},{key:"_tokenizeFraction",value:function t(){do this._advance();while(eM(this._next));return eP(eR.DECIMAL,this._getValue())}},{key:"_tokenizeOperator",value:function t(){this._advance();var t=this._getValue(2);if(eO.indexOf(t)!==-1)this._advance(),this._advance();else{if(t=this._getValue(1),t==="=>")return this._advance(),eP(eR.ARROW,t);eS.indexOf(t)!==-1&&this._advance()}return t=this._getValue(),eP(eR.OPERATOR,t,eA[t])}},{key:"_tokenizeGrouper",value:function t(){var t=String.fromCharCode(this._next),n=eP(eR.GROUPER,t,eA[t]);return this._advance(!0),n}}]);return t}();var eB=function(t,n){return new eF(t,n).parse()},eF=/*#__PURE__*/function(){"use strict";function t(n,e){s(this,t);tv(this,"_kind");tv(this,"_tokenizer");tv(this,"_ast");tv(this,"_token");tv(this,"_value");this._tokenizer=new eV(n),this._ast=e}u(t,[{key:"parse",value:function t(){return this._advance(),this._parseExpression()}},{key:"_advance",value:function t(t,n){var e,r;if(!this._matches(t,n))throw new Error("Expected kind ".concat(t," (").concat(n,"), was ").concat((e=this._token)===null||e===void 0?void 0:e.kind," (").concat((r=this._token)===null||r===void 0?void 0:r.value,")"));var i=this._tokenizer.nextToken();this._token=i,this._kind=i===null||i===void 0?void 0:i.kind,this._value=i===null||i===void 0?void 0:i.value}},{key:"_matches",value:function t(t,n){return!(t&&this._kind!==t||n&&this._value!==n)}},{key:"_parseExpression",value:function t(){if(!this._token)return this._ast.empty();var t=this._parseUnary();return t===void 0?void 0:this._parsePrecedence(t,0)}},{key:"_parsePrecedence",value:function t(t,n){if(t===void 0)throw new Error("Expected left to be defined.");for(;this._token;)if(this._matches(eR.GROUPER,"(")){var e=this._parseArguments();t=this._ast.invoke(t,void 0,e)}else if(this._matches(eR.GROUPER,"[")){var r=this._parseIndex();t=this._ast.index(t,r)}else if(this._matches(eR.DOT)){this._advance();var i=this._parseUnary();t=this._makeInvokeOrGetter(t,i)}else{if(this._matches(eR.KEYWORD))break;if(this._matches(eR.OPERATOR)&&this._token.precedence>=n)t=this._value==="?"?this._parseTernary(t):this._parseBinary(t,this._token);else break}return t}},{key:"_makeInvokeOrGetter",value:function t(t,n){if(n===void 0)throw new Error("expected identifier");if(n.type==="ID")return this._ast.getter(t,n.value);if(n.type==="Invoke"&&n.receiver.type==="ID"){var e=n.receiver;return this._ast.invoke(t,e.value,n.arguments)}else throw new Error("expected identifier: ".concat(n))}},{key:"_parseBinary",value:function t(t,n){if(eC.indexOf(n.value)===-1)throw new Error("unknown operator: ".concat(n.value));this._advance();var e=this._parseUnary();for(;(this._kind===eR.OPERATOR||this._kind===eR.DOT||this._kind===eR.GROUPER)&&this._token.precedence>n.precedence;)e=this._parsePrecedence(e,this._token.precedence);return this._ast.binary(t,n.value,e)}},{key:"_parseUnary",value:function t(){if(this._matches(eR.OPERATOR)){var t=this._value;if(this._advance(),t==="+"||t==="-"){if(this._matches(eR.INTEGER))return this._parseInteger(t);if(this._matches(eR.DECIMAL))return this._parseDecimal(t)}if(eE.indexOf(t)===-1)throw new Error("unexpected token: ".concat(t));var n=this._parsePrecedence(this._parsePrimary(),e$);return this._ast.unary(t,n)}return this._parsePrimary()}},{key:"_parseTernary",value:function t(t){this._advance(eR.OPERATOR,"?");var n=this._parseExpression();this._advance(eR.COLON);var e=this._parseExpression();return this._ast.ternary(t,n,e)}},{key:"_parsePrimary",value:function t(){switch(this._kind){case eR.KEYWORD:var t=this._value;if(t==="this")return this._advance(),this._ast.id(t);throw ex.indexOf(t)!==-1?new Error("unexpected keyword: ".concat(t)):new Error("unrecognized keyword: ".concat(t));case eR.IDENTIFIER:return this._parseInvokeOrIdentifier();case eR.STRING:return this._parseString();case eR.INTEGER:return this._parseInteger();case eR.DECIMAL:return this._parseDecimal();case eR.GROUPER:return this._value==="("?this._parseParenOrFunction():this._value==="{"?this._parseMap():this._value==="["?this._parseList():void 0;case eR.COLON:throw new Error('unexpected token ":"');default:return}}},{key:"_parseList",value:function t(){var t=[];do{if(this._advance(),this._matches(eR.GROUPER,"]"))break;t.push(this._parseExpression())}while(this._matches(eR.COMMA));return this._advance(eR.GROUPER,"]"),this._ast.list(t)}},{key:"_parseMap",value:function t(){var t={};do{if(this._advance(),this._matches(eR.GROUPER,"}"))break;var n=this._value;(this._matches(eR.STRING)||this._matches(eR.IDENTIFIER))&&this._advance(),this._advance(eR.COLON),t[n]=this._parseExpression()}while(this._matches(eR.COMMA));return this._advance(eR.GROUPER,"}"),this._ast.map(t)}},{key:"_parseInvokeOrIdentifier",value:function t(){var t=this._value;if(t==="true")return this._advance(),this._ast.literal(!0);if(t==="false")return this._advance(),this._ast.literal(!1);if(t==="null")return this._advance(),this._ast.literal(null);if(t==="undefined")return this._advance(),this._ast.literal(void 0);var n=this._parseIdentifier(),e=this._parseArguments();return e?this._ast.invoke(n,void 0,e):n}},{key:"_parseIdentifier",value:function t(){if(!this._matches(eR.IDENTIFIER))throw new Error("expected identifier: ".concat(this._value));var t=this._value;return this._advance(),this._ast.id(t)}},{key:"_parseArguments",value:function t(){if(!this._matches(eR.GROUPER,"("))return;var t=[];do{if(this._advance(),this._matches(eR.GROUPER,")"))break;var n=this._parseExpression();t.push(n)}while(this._matches(eR.COMMA));return this._advance(eR.GROUPER,")"),t}},{key:"_parseIndex",value:function t(){this._advance();var t=this._parseExpression();return this._advance(eR.GROUPER,"]"),t}},{key:"_parseParenOrFunction",value:function t(){var t=this._parseArguments();if(this._matches(eR.ARROW)){this._advance();var n;var e=this._parseExpression(),r=(n=t===null||t===void 0?void 0:t.map(function(t){return t.value}))!==null&&n!==void 0?n:[];return this._ast.arrowFunction(r,e)}else return this._ast.paren(t[0])}},{key:"_parseString",value:function t(){var t=this._ast.literal(this._value);return this._advance(),t}},{key:"_parseInteger",value:function t(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"";var n=this._ast.literal(parseInt("".concat(t).concat(this._value),10));return this._advance(),n}},{key:"_parseDecimal",value:function t(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"";var n=this._ast.literal(parseFloat("".concat(t).concat(this._value)));return this._advance(),n}}]);return t}();var eH={"+":function(t,n){return t+n},"-":function(t,n){return t-n},"*":function(t,n){return t*n},"/":function(t,n){return t/n},"%":function(t,n){return t%n},"==":function(t,n){return t==n},"!=":function(t,n){return t!=n},"===":function(t,n){return t===n},"!==":function(t,n){return t!==n},">":function(t,n){return t>n},">=":function(t,n){return t>=n},"<":function(t,n){return t<n},"<=":function(t,n){return t<=n},"||":function(t,n){return t||n},"&&":function(t,n){return t&&n},"??":function(t,n){return t!==null&&t!==void 0?t:n},"|":function(t,n){return n(t)},"|>":function(t,n){return n(t)}},eW={"+":function(t){return t},"-":function(t){return-t},"!":function(t){return!t}},eG=/*#__PURE__*/function(){"use strict";function t(){s(this,t)}u(t,[{key:"empty",value:function t(){return{type:"Empty",evaluate:function t(t){return t},getIds:function t(t){return t}}}},{key:"literal",value:function t(t){return{type:"Literal",value:t,evaluate:function t(t){return this.value},getIds:function t(t){return t}}}},{key:"id",value:function t(t){return{type:"ID",value:t,evaluate:function t(t){return this.value==="this"?t:t===null||t===void 0?void 0:t[this.value]},getIds:function t(t){return t.push(this.value),t}}}},{key:"unary",value:function t(t,n){var e=eW[t];return{type:"Unary",operator:t,child:n,evaluate:function t(t){return e(this.child.evaluate(t))},getIds:function t(t){return this.child.getIds(t)}}}},{key:"binary",value:function t(t,n,e){var r=eH[n];return{type:"Binary",operator:n,left:t,right:e,evaluate:function t(t){if(this.operator==="="){if(this.left.type!=="ID"&&this.left.type!=="Getter"&&this.left.type!=="Index")throw new Error("Invalid assignment target: ".concat(this.left));var n=this.right.evaluate(t),e,i;return this.left.type==="Getter"?(e=this.left.receiver.evaluate(t),i=this.left.name):this.left.type==="Index"?(e=this.left.receiver.evaluate(t),i=this.left.argument.evaluate(t)):this.left.type==="ID"&&(e=t,i=this.left.value),e===void 0?void 0:e[i]=n}return r(this.left.evaluate(t),this.right.evaluate(t))},getIds:function t(t){return this.left.getIds(t),this.right.getIds(t),t}}}},{key:"getter",value:function t(t,n){return{type:"Getter",receiver:t,name:n,evaluate:function t(t){var n;return(n=this.receiver.evaluate(t))===null||n===void 0?void 0:n[this.name]},getIds:function t(t){return this.receiver.getIds(t),t}}}},{key:"invoke",value:function t(t,n,e){if(n!=null&&typeof n!="string")throw new Error("method not a string");return{type:"Invoke",receiver:t,method:n,arguments:e,evaluate:function t(t){var e;var r,i;var o=this.receiver.evaluate(t),a=this.method?o:(r=t===null||t===void 0?void 0:t.this)!==null&&r!==void 0?r:t,s=this.method?o===null||o===void 0?void 0:o[n]:o,l=((i=this.arguments)!==null&&i!==void 0?i:[]).map(function(n){return n===null||n===void 0?void 0:n.evaluate(t)});return s===null||s===void 0?void 0:(e=s.apply)===null||e===void 0?void 0:e.call(s,a,l)},getIds:function t(t){var n;return this.receiver.getIds(t),(n=this.arguments)===null||n===void 0?void 0:n.forEach(function(n){return n===null||n===void 0?void 0:n.getIds(t)}),t}}}},{key:"paren",value:function t(t){return t}},{key:"index",value:function t(t,n){return{type:"Index",receiver:t,argument:n,evaluate:function t(t){var n;return(n=this.receiver.evaluate(t))===null||n===void 0?void 0:n[this.argument.evaluate(t)]},getIds:function t(t){return this.receiver.getIds(t),t}}}},{key:"ternary",value:function t(t,n,e){return{type:"Ternary",condition:t,trueExpr:n,falseExpr:e,evaluate:function t(t){return this.condition.evaluate(t)?this.trueExpr.evaluate(t):this.falseExpr.evaluate(t)},getIds:function t(t){return this.condition.getIds(t),this.trueExpr.getIds(t),this.falseExpr.getIds(t),t}}}},{key:"map",value:function t(t){return{type:"Map",entries:t,evaluate:function n(n){var e={};if(t&&this.entries)for(var r in t){var i=this.entries[r];i&&(e[r]=i.evaluate(n))}return e},getIds:function n(n){if(t&&this.entries)for(var e in t){var r=this.entries[e];r&&r.getIds(n)}return n}}}},{key:"list",value:function t(t){return{type:"List",items:t,evaluate:function t(t){var n;return(n=this.items)===null||n===void 0?void 0:n.map(function(n){return n===null||n===void 0?void 0:n.evaluate(t)})},getIds:function t(t){var n;return(n=this.items)===null||n===void 0?void 0:n.forEach(function(n){return n===null||n===void 0?void 0:n.getIds(t)}),t}}}},{key:"arrowFunction",value:function t(t,n){return{type:"ArrowFunction",params:t,body:n,evaluate:function t(t){var n=this.params,e=this.body;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++){i[o]=arguments[o]}var a=Object.fromEntries(n.map(function(t,n){return[t,i[n]]})),s=new Proxy(t!==null&&t!==void 0?t:{},{set:function t(t,n,e){return a.hasOwnProperty(n)&&(a[n]=e),t[n]=e},get:function t(t,n){return a.hasOwnProperty(n)?a[n]:t[n]}});return e.evaluate(s)}},getIds:function t(t){var n=this;return this.body.getIds(t).filter(function(t){return!n.params.includes(t)})}}}}]);return t}();var eX=null,eK={boundAttributeSuffix:nA.M,marker:nA.P,markerMatch:nA.A,HTML_RESULT:nA.C,getTemplateHtml:nA.L,overrideDirectiveResolve:function(t,n){var e=/*#__PURE__*/function(t){"use strict";p(e,t);function e(){s(this,e);return a(this,e,arguments)}u(e,[{key:"_$AS",value:function t(t,e){return n(this,e)}}]);return e}(t);return e},patchDirectiveResolve:function(t,n){if(t.prototype._$AS!==n){eX!==null&&eX!==void 0?eX:eX=t.prototype._$AS.name;for(var e=t.prototype;e!==Object.prototype;e=Object.getPrototypeOf(e))if(e.hasOwnProperty(eX))return void(e[eX]=n);throw Error("Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527")}},setDirectiveClass:function t(t,n){t._$litDirective$=n},getAttributePartCommittedValue:function(t,n,e){var r=nv;return t.j=function(t){return r=t},t._$AI(n,t,e),r},connectedDisconnectable:function(t){return k(_({},t),{_$AU:!0})},resolveDirective:nA.V,AttributePart:nA.H,PropertyPart:nA.B,BooleanAttributePart:nA.N,EventPart:nA.U,ElementPart:nA.F,TemplateInstance:nA.R,isIterable:nA.D,ChildPart:nA.I};var eQ=eK.AttributePart,eY=eK.PropertyPart,eZ=eK.BooleanAttributePart,eJ=eK.EventPart,e0=new eG,e1=new Map,e2=function(t){return t.replace(/-(-|\w)/g,function(t,n){return n.toUpperCase()})},e5=function(t,n){var e=e1.get(t);if(e===void 0){if(e1.has(t))return;if(t=t.trim(),t.startsWith("{{")&&t.endsWith("}}")){var r=t.substring(2,t.length-2).trim();e=new eF(r,e0).parse(),e1.set(t,e)}}return e===null||e===void 0?void 0:e.evaluate(n)},e3=function(t,n,e,r){var i=t.getAttribute("if");if(i!==null&&e5(i,n))return rn(t,n,e,r)},e4=RegExp("(?<!\\\\){{(.*?)(?:(?<!\\\\)}})","g"),e6=function(t){return/(?:\\{{)|(?:\\}})/g.test(t)},e8=function(t){return t.replaceAll(/\\{{/g,"{{").replace(/\\}}/g,"}}")},e7=function(t,n,e,r){var i=t.getAttribute("repeat");if(i!==null){var o=e5(i,n);if(!o[Symbol.iterator])return np;var a=rr(t),s=-1,l=[];var d=true,u=false,c=undefined;try{for(var h=o[Symbol.iterator](),v;!(d=(v=h.next()).done);d=true){var p=v.value;s++;var f=Object.create(n);var g;f.item=p,f.index=s,f.this=(g=n.this)!==null&&g!==void 0?g:n;var b=[];var m=true,y=false,q=undefined;try{for(var _=a.parts[Symbol.iterator](),w;!(m=(w=_.next()).done);m=true){var k=w.value;var x;var E=k.update(f,e,r);k.type===1?(x=b).push.apply(x,S(E)):b.push(E)}}catch(t){y=true;q=t}finally{try{if(!m&&_.return!=null){_.return()}}finally{if(y){throw q}}}var C={_$litType$:a,values:b};l.push(C)}}catch(t){u=true;c=t}finally{try{if(!d&&h.return!=null){h.return()}}finally{if(u){throw c}}}return l}},e9={if:e3,repeat:e7},rt=function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e9,e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=arguments.length>3?arguments[3]:void 0;var i=rr(t).renderers;if(r){var o=rr(r).renderers,a=i.super;a!==void 0?e=k(_({},i,e),{super:function(t,n,e){return e=k(_({},o,e),{super:function(t,n,e){return rn(r,t,n,e)}}),a(t,n,e)}}):(e=_({},o,i,e),t=r)}else e=_({},i,e);return function(r){return rn(t,r,n,e)}};var rn=function(t,n){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:e9,r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};var i=rr(t),o=[];var a=true,s=false,l=undefined;try{for(var d=i.parts[Symbol.iterator](),u;!(a=(u=d.next()).done);a=true){var c=u.value;var h;var v=c.update(n,e,r);c.type===1?(h=o).push.apply(h,S(v)):o.push(v)}}catch(t){s=true;l=t}finally{try{if(!a&&d.return!=null){d.return()}}finally{if(s){throw l}}}return{_$litType$:i,values:o}},re=new Map,rr=function(t){var n=re.get(t);return n===void 0&&re.set(t,n=ri(t)),n},ri=function(t){var n=function(){if(i.nodeType===Node.ELEMENT_NODE){o++;var t=i;if(t.tagName==="TEMPLATE"){var n=t.getAttribute("type"),s=t.getAttribute("name"),l=t.getAttribute("call");if(l!==null||n!==null||s!==null){t.parentNode.insertBefore(document.createComment(""),t),a.push(t);var d=void 0;if(l!==null){var u=l.trim(),c=u.startsWith("{{")&&u.endsWith("}}");d=function(n,e,r){var i;var o=t.getAttribute("data"),a=o===null?void 0:e5(o,n);return(i=c?e5(u,n):r[l])===null||i===void 0?void 0:i(a,e,r)}}else n!==null?d=function(e,r,i){var o=r[n];return o===null||o===void 0?void 0:o(t,e,r,i)}:(s==="super"?e.renderers.super=function(n,e,r){var i=r.super,o=rr(t);return r=_({},r,o.renderers),i(n,e,r)}:e.renderers[s]=function(n,e,r){return rn(t,n,e,r)},d=function(t,n,e){var r=e[s];return r===null||r===void 0?void 0:r(t,n,e)});e.parts.push({type:2,index:o,update:d});return"continue"}}var h=t.getAttributeNames();var v=true,p=false,f=undefined;try{var g=function(){var n=m.value;var r=t.getAttribute(n),i=r.split(e4);if(i.length===1){e6(r)&&t.setAttribute(n,e8(r));return"continue"}t.removeAttribute(n);var a=n,s=eQ,l=n[0];l==="."?(a=e2(n.substring(1)),s=eY):l==="?"?(a=n.substring(1),s=eZ):l==="@"&&(a=e2(n.substring(1)),s=eJ);var d=[e8(i[0])],u=[];for(var c=1;c<i.length;c+=2){var h=i[c];u.push(eB(h,e0)),d.push(e8(i[c+1]))}e.parts.push({type:1,index:o,name:a,strings:d,ctor:s,update:function(t,n,e){return u.map(function(n){return n.evaluate(t)})}})};for(var b=h[Symbol.iterator](),m;!(v=(m=b.next()).done);v=true)g()}catch(t){p=true;f=t}finally{try{if(!v&&b.return!=null){b.return()}}finally{if(p){throw f}}}}else if(i.nodeType===Node.TEXT_NODE){var y=function(t){var n=k[t],i=eB(n,e0);e.parts.push({type:2,index:++o,update:function(t,n){return i.evaluate(t)}});var a=new Text(k[t+1].replace("\\{{","{{"));q.parentNode.insertBefore(a,q.nextSibling),q.parentNode.insertBefore(document.createComment(""),q.nextSibling),q=a,r.currentNode=a};var q=i,w=q.textContent,k=w.split(e4);k.length>1?q.textContent=e8(k[0]):e6(w)&&(q.textContent=e8(w));for(var x=1;x<k.length;x+=2)y(x)}};var e={h:void 0,el:t.cloneNode(!0),parts:[],renderers:{}},r=document.createTreeWalker(e.el.content,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT|NodeFilter.SHOW_COMMENT),i=r.currentNode,o=-1,a=[];for(;(i=r.nextNode())!==null;)n();var s=true,l=false,d=undefined;try{for(var u=a[Symbol.iterator](),c;!(s=(c=u.next()).done);s=true){var h=c.value;h.remove()}}catch(t){l=true;d=t}finally{try{if(!s&&u.return!=null){u.return()}}finally{if(l){throw d}}}return e};var ro=/*#__PURE__*/function(t){"use strict";p(n,t);function n(){s(this,n);var t;t=a(this,n);t.maxDisplayedItems=2;t.skipOnCategory="dep-informational";t._internals.ariaLabel="pagination";return t}u(n,[{key:"createRenderRoot",value:function t(){return this}},{key:"render",value:function t(){var t=this;var n=this._testContext.items.reduce(function(n,e){var r;var i=((r=e.category)===null||r===void 0?void 0:r.split(" ").includes(t.skipOnCategory))?"i":n.counter++;return n.result.push(k(_({},e),{newIndex:i})),n},{counter:0,result:[]}).result,e=n.findIndex(function(n){return n.identifier===t._testContext.navItemId}),r=Math.max(0,e-this.maxDisplayedItems),i=Math.min(n.length,e+this.maxDisplayedItems+1),o=n.slice(r,i);return nu(te(),o.map(function(n){var e,r;var i=n.variables.find(function(t){return t.identifier=="SCORE"}),o=parseInt(i===null||i===void 0?void 0:(e=i.value)===null||e===void 0?void 0:e.toString()),a=(r=n.variables.find(function(t){return t.identifier==="completionStatus"}))===null||r===void 0?void 0:r.value,s=n.category!==t.skipOnCategory?"regular":"info",l=t._testContext.navItemId===n.identifier,d=t._testContext.view==="scorer"&&s=="regular"&&o!==void 0&&!isNaN(o)&&o>0,u=t._testContext.view==="scorer"&&s=="regular"&&o!==void 0&&!isNaN(o)&&o<=0,c=t._testContext.view==="candidate"&&a==="completed"&&n.category!==t.skipOnCategory,h=k(_({},n),{type:s,active:l,correct:d,incorrect:u,answered:c}),v=t.firstElementChild;return rt(v)({item:h})}))}}]);return n}(n6);th([n({type:Number,attribute:"max-displayed-items"})],ro.prototype,"maxDisplayedItems",2),th([n({type:String,attribute:"skip-on-category"})],ro.prototype,"skipOnCategory",2),ro=th([nz("test-paging-buttons-stamp")],ro);return tc(tp)}();/*! Bundled license information:
+
+@lit-labs/ssr-dom-shim/lib/element-internals.js:
+  (**
+   * @license
+   * Copyright 2023 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/index.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/context-request-event.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/create-context.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/controllers/context-consumer.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/value-notifier.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/controllers/context-provider.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/context-root.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/decorators/provide.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/decorators/consume.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/async-directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/private-async-helpers.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/until.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+jexpr/lib/constants.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/tokenizer.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/parser.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/ast_factory.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/eval.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+lit-html/node/private-ssr-support.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/