@citolab/qti-components 6.0.3-9 → 6.0.3

package/dist/{chunk-XN7FAHIO.js → chunk-MYPYIYN5.js}

@@ -1,4 +1,4 @@
-import{a as w,b as h}from"./chunk-DLLHO3W2.js";import{c as r}from"./chunk-NMCIOGD2.js";import{css as u,html as m,LitElement as y}from"lit";import{property as p}from"lit/decorators.js";var l=(d,g)=>{class t extends d{constructor(){super(...arguments);this.scale=1;this.ro=new ResizeObserver(a=>{for(let e of a)this.fitToParent(e.contentRect.width)})}connectedCallback(){super.connectedCallback(),this.ro.observe(this),this.fitToParent()}set scales(a){let e=this._scales;this.requestUpdate("prop",e),this.fitToParent()}get scales(){return this._scales}fitToParent(a=this.clientWidth){let e=this.shadowRoot.querySelector(g);if(e){let c=a/e.clientWidth;this.scale=c;let f=-e.clientHeight*(1-c)+"px",b=-e.clientWidth*(1-c)+"px";requestAnimationFrame(()=>{e.style.transform=`scale(${this.scale})`,e.style.margin=`0 ${b} ${f} 0`})}}}return r([p({type:Number,reflect:!0})],t.prototype,"scale",2),r([p({type:Boolean,attribute:!1})],t.prototype,"scales",1),t};import{property as s}from"lit/decorators.js";import{unsafeHTML as q}from"lit/directives/unsafe-html.js";import{ContextProvider as k}from"@lit-labs/context";var v=`/* PK: Tailwind theming file for all qti-components
+import{a as s,b as h}from"./chunk-DLLHO3W2.js";import{c as r}from"./chunk-NMCIOGD2.js";import{css as u,html as m,LitElement as y}from"lit";import{property as p}from"lit/decorators.js";var l=(d,g)=>{class t extends d{constructor(){super(...arguments);this.scale=1;this.ro=new ResizeObserver(a=>{for(let e of a)this.fitToParent(e.contentRect.width)})}connectedCallback(){super.connectedCallback(),this.ro.observe(this),this.fitToParent()}set scales(a){let e=this._scales;this.requestUpdate("prop",e),this.fitToParent()}get scales(){return this._scales}fitToParent(a=this.clientWidth){let e=this.shadowRoot.querySelector(g);if(e){let c=a/e.clientWidth;this.scale=c;let f=-e.clientHeight*(1-c)+"px",b=-e.clientWidth*(1-c)+"px";requestAnimationFrame(()=>{e.style.transform=`scale(${this.scale})`,e.style.margin=`0 ${b} ${f} 0`})}}}return r([p({type:Number,reflect:!0})],t.prototype,"scale",2),r([p({type:Boolean,attribute:!1})],t.prototype,"scales",1),t};import{property as w}from"lit/decorators.js";import{unsafeHTML as q}from"lit/directives/unsafe-html.js";import{ContextProvider as k}from"@lit-labs/context";var v=`/* PK: Tailwind theming file for all qti-components
   Uses tailwind components and utilities from the other files
 
   https://play.tailwindcss.com/OFThGk8CbR
@@ -705,211 +705,24 @@ qti-hotspot-interaction qti-hotspot-choice:hover{
   --tw-bg-opacity: 0.3;
 }
 
-qti-hotspot-interaction qti-hotspot-choice {
+qti-hotspot-interaction qti-hotspot-choice[aria-checked='true']{
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+}
 
-    /* &::after {
+qti-hotspot-interaction qti-hotspot-choice::after {
       content: '';
-      @apply absolute top-0 block origin-center bg-white;
+      position: absolute;
+      top: 0px;
+      display: block;
+      transform-origin: center;
+      --tw-bg-opacity: 1;
+      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
       height: 95%;
       width: 95%;
-      clip-path: inherit;
-    } */
-  }
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle']{
-  cursor: pointer;
-  border-radius: 0.375rem;
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  --tw-ring-inset: inset;
-  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
-  height: 100%;
-  width: 100%;
-  background-color: transparent;
-  padding: 0px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
-  border-radius: 9999px;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle']:hover{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle']:focus{
-  outline-width: 2px;
-  outline-color: #fca5a5;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle'][aria-checked="true"]{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle'][aria-disabled="true"]{
-  cursor: not-allowed;
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle'][aria-disabled="true"] > *{
-  --tw-text-opacity: 1 !important;
-  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='circle'][aria-readonly="true"]{
-  cursor: pointer;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-width: 0px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect']{
-  cursor: pointer;
-  border-radius: 0.375rem;
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  --tw-ring-inset: inset;
-  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
-  height: 100%;
-  width: 100%;
-  background-color: transparent;
-  padding: 0px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect']:hover{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect']:focus{
-  outline-width: 2px;
-  outline-color: #fca5a5;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect'][aria-checked="true"]{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect'][aria-disabled="true"]{
-  cursor: not-allowed;
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect'][aria-disabled="true"] > *{
-  --tw-text-opacity: 1 !important;
-  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='rect'][aria-readonly="true"]{
-  cursor: pointer;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-width: 0px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly']:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly']:focus{
-  outline-width: 2px;
-  outline-color: #fca5a5;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly'][aria-checked="true"]{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly'][aria-disabled="true"]{
-  cursor: not-allowed;
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly'][aria-disabled="true"] > *{
-  --tw-text-opacity: 1 !important;
-  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly'][aria-readonly="true"]{
-  cursor: pointer;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-width: 0px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-qti-hotspot-interaction qti-hotspot-choice[shape='poly'][aria-checked='true']{
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}
+      -webkit-clip-path: inherit;
+              clip-path: inherit;
+    }
 
 qti-hottext-interaction{
   margin-top: 0.5rem;
@@ -1618,8 +1431,9 @@ qti-graphic-order-interaction qti-hotspot-choice{
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   --tw-ring-inset: inset;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
-  height: 100%;
-  width: 100%;
+  height: 1.5rem !important;
+  width: 1.5rem !important;
+  border-radius: 9999px !important;
   background-color: transparent;
   padding: 0px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1678,30 +1492,15 @@ qti-graphic-order-interaction qti-hotspot-choice[aria-readonly="true"]{
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-/* &::after {
+qti-graphic-order-interaction qti-hotspot-choice {
+    /* &::after {
       content: '';
       @apply absolute top-0 block scale-75 bg-white;
       height: inherit;
       width: inherit;
       clip-path: inherit;
     } */
-
-qti-graphic-order-interaction qti-hotspot-choice[aria-ordervalue]{
-  height: 1.5rem;
-  width: 1.5rem;
-  border-radius: 9999px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-qti-graphic-order-interaction qti-hotspot-choice[aria-ordervalue]::after {
-      content: attr(aria-ordervalue) !important;
-    }
+  }
 
 qti-graphic-associate-interaction{
   position: relative;
@@ -1720,8 +1519,9 @@ qti-graphic-associate-interaction qti-associable-hotspot[shape='circle'] {
       --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
       --tw-ring-inset: inset;
       --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
-      height: 100%;
-      width: 100%;
+      height: 1.5rem !important;
+      width: 1.5rem !important;
+      border-radius: 9999px !important;
       background-color: transparent;
       padding: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1792,8 +1592,9 @@ qti-graphic-associate-interaction qti-associable-hotspot[shape='square'] {
       --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
       --tw-ring-inset: inset;
       --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
-      height: 100%;
-      width: 100%;
+      height: 1.5rem !important;
+      width: 1.5rem !important;
+      border-radius: 9999px !important;
       background-color: transparent;
       padding: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1891,123 +1692,6 @@ qti-slider-interaction::part(rail){
     background-size: calc(calc(100% - var(--qti-border-width)) / ((var(--max) - var(--min)) / var(--step))) 50%;
 }
 
-qti-select-point-interaction::part(point):hover{
-  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.3;
-}
-
-qti-select-point-interaction::part(point) {
-
-    /* &[shape='circle'] { */
-
-    cursor: pointer;
-
-    border-radius: 0.375rem;
-
-    --tw-text-opacity: 1;
-
-    color: rgb(17 24 39 / var(--tw-text-opacity));
-
-    outline: 2px solid transparent;
-
-    outline-offset: 2px;
-
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-
-    --tw-ring-inset: inset;
-
-    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
-
-    height: 1.5rem;
-
-    width: 1.5rem;
-
-    background-color: transparent;
-
-    padding: 0px;
-
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-
-    --tw-ring-opacity: 1;
-
-    --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
-
-    border-radius: 9999px;
-  }
-
-qti-select-point-interaction::part(point):hover{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
-}
-
-qti-select-point-interaction::part(point):focus{
-  outline-width: 2px;
-  outline-color: #fca5a5;
-}
-
-qti-select-point-interaction[aria-checked="true"]::part(point){
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
-}
-
-qti-select-point-interaction[aria-disabled="true"]::part(point){
-  cursor: not-allowed;
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
-}
-
-qti-select-point-interaction::part(point)[aria-disabled="true"] > *{
-  --tw-text-opacity: 1 !important;
-  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
-}
-
-qti-select-point-interaction[aria-readonly="true"]::part(point){
-  cursor: pointer;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-width: 0px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-qti-select-point-interaction::part(point) {
-    /* } */
-    /* @apply spot hover:hov focus:foc aria-checked:act aria-readonly:rdo aria-disabled:dis h-4 w-4; */
-  }
-
-qti-position-object-interaction {
-  display: block;
-  height: 40px;
-}
-
-qti-position-object-interaction > img {
-  position: absolute;
-  cursor: move;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
 /* qti-match-interaction {
   &.qti-match-tabular {
     qti-simple-match-set:first-of-type {
@@ -2048,4 +1732,4 @@ qti-position-object-interaction > img {
       width: 800px;
       transform-origin: 0 0;
     }
-  `,r([s({type:Boolean})],o.prototype,"disabled",2),r([w("disabled",{waitUntilFirstUpdate:!0})],o.prototype,"handleDisabledChange",1),r([s({type:Boolean})],o.prototype,"readonly",2),r([w("readonly",{waitUntilFirstUpdate:!0})],o.prototype,"handleReadonlyChange",1),r([s({type:Object,attribute:!1})],o.prototype,"responses",2),r([w("responses",{waitUntilFirstUpdate:!0})],o.prototype,"handleResponsesChange",1),r([s({type:String})],o.prototype,"xml",1);customElements.define("qti-item",o);export{o as a};
+  `,r([w({type:Boolean})],o.prototype,"disabled",2),r([s("disabled",{waitUntilFirstUpdate:!0})],o.prototype,"handleDisabledChange",1),r([w({type:Boolean})],o.prototype,"readonly",2),r([s("readonly",{waitUntilFirstUpdate:!0})],o.prototype,"handleReadonlyChange",1),r([w({type:Object,attribute:!1})],o.prototype,"responses",2),r([s("responses",{waitUntilFirstUpdate:!0})],o.prototype,"handleResponsesChange",1),r([w({type:String})],o.prototype,"xml",1);customElements.define("qti-item",o);export{o as a};