@citolab/qti-components 6.9.1-beta.47 → 6.9.1-beta.49

package/dist/item.css

@@ -2124,6 +2124,13 @@ qti-response-declaration {
   qti-gap-match-interaction {
     & qti-gap-text {
 
+      &[dragging] {
+        pointer-events: none;
+        rotate: -2deg;
+        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
+    0 4px 8px rgb(0 0 0 / 10%);
+      }
+
       &:hover {
         background-color: var(--qti-bg-gray-50);
       }
@@ -2167,6 +2174,23 @@ qti-response-declaration {
 
     & qti-gap {
 
+      &[enabled] {
+        background-color: var(--qti-primary-light);
+      }
+
+      &[disabled] {
+        cursor: not-allowed;
+        background-color: var(--qti-bg-gray-100);
+        color: var(--qti-text-gray-500);
+        border-color: var(--qti-border-color-gray);
+        outline: 4px solid var(--qti-bg-gray-100);
+      }
+
+      &[active] {
+        border-color: var(--qti-bg-primary);
+        background-color: var(--qti-primary-light);
+      }
+
       display: inline-flex;
       width: 8rem; /* w-32 */
       &:empty::after {
@@ -2735,6 +2759,13 @@ qti-response-declaration {
     &::part(qti-simple-choice),
     & qti-simple-choice {
 
+      &[dragging] {
+        pointer-events: none;
+        rotate: -2deg;
+        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),
+    0 4px 8px rgb(0 0 0 / 10%);
+      }
+      
       &:hover {
         background-color: var(--qti-bg-gray-50);
       }
@@ -2792,8 +2823,14 @@ qti-response-declaration {
       gap: 0.5rem; /* gap-2 */
     }
 
+
+    
     &::part(drop-list) {
 
+      &[enabled] {
+        background-color: var(--qti-primary-light);
+      }
+
       &:hover {
         background-color: var(--qti-bg-gray-50);
       }

package/dist/qti-components/index.d.ts

@@ -1,5 +1,5 @@
-import { Q as QtiRule, a as QtiRuleBase, b as QtiExpressionBase, c as QtiExpression, B as BaseType, d as QtiConditionExpression, R as ResponseVariable, V as VariableDeclaration, I as ItemContext } from '../qti-simple-choice-DdIqHDOp.js';
-export { A as ActiveElementMixin, C as Calculate, m as Cardinality, r as ChoiceInterface, ae as Interaction, e as InteractionChangedDetails, U as MockQtiExpression, M as Multiple, l as Ordered, O as OutcomeChangedDetails, o as OutcomeVariable, T as QtiAnd, p as QtiAssessmentItem, q as QtiAssessmentStimulusRef, af as QtiAssociableHotspot, Z as QtiAssociateInteraction, K as QtiChoiceInteraction, w as QtiCompanionMaterialsInfo, x as QtiContentBody, _ as QtiCustomInteraction, ad as QtiCustomOperator, $ as QtiEndAttemptInteraction, F as QtiExtendedTextInteraction, z as QtiFeedbackBlock, D as QtiFeedbackInline, ag as QtiGap, ah as QtiGapImg, a0 as QtiGapMatchInteraction, ai as QtiGapText, a1 as QtiGraphicAssociateInteraction, a2 as QtiGraphicGapMatchInteraction, a3 as QtiGraphicOrderInteraction, aj as QtiHotspotChoice, a4 as QtiHotspotInteraction, ak as QtiHottext, H as QtiHottextInteraction, al as QtiInlineChoice, J as QtiInlineChoiceInteraction, f as QtiInteractionChanged, S as QtiLookupOutcomeValue, X as QtiMapping, a5 as QtiMatchInteraction, a6 as QtiMediaInteraction, E as QtiModalFeedback, a7 as QtiOrderInteraction, g as QtiOutcomeChanged, u as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, N as QtiOutcomeProcessingProcessor, Y as QtiPortableCustomInteraction, a8 as QtiPositionObjectStage, s as QtiPrompt, v as QtiResponseDeclaration, P as QtiResponseProcessing, y as QtiRubricBlock, a9 as QtiSelectPointInteraction, am as QtiSimpleAssociableChoice, an as QtiSimpleChoice, aa as QtiSliderInteraction, t as QtiStylesheet, G as QtiTextEntryInteraction, i as ResponseInteraction, n as VariableValue, h as directedPair, j as float, k as integer, ac as itemContext, ab as itemContextVariables, W as qtiAndMixin } from '../qti-simple-choice-DdIqHDOp.js';
+import { Q as QtiRule, a as QtiRuleBase, b as QtiExpressionBase, c as QtiExpression, B as BaseType, d as QtiConditionExpression, R as ResponseVariable, V as VariableDeclaration, I as ItemContext } from '../qti-simple-choice-Bil0gmT4.js';
+export { A as ActiveElementMixin, C as Calculate, m as Cardinality, r as ChoiceInterface, ae as Interaction, e as InteractionChangedDetails, U as MockQtiExpression, M as Multiple, l as Ordered, O as OutcomeChangedDetails, o as OutcomeVariable, T as QtiAnd, p as QtiAssessmentItem, q as QtiAssessmentStimulusRef, af as QtiAssociableHotspot, Z as QtiAssociateInteraction, K as QtiChoiceInteraction, w as QtiCompanionMaterialsInfo, x as QtiContentBody, _ as QtiCustomInteraction, ad as QtiCustomOperator, $ as QtiEndAttemptInteraction, F as QtiExtendedTextInteraction, z as QtiFeedbackBlock, D as QtiFeedbackInline, ag as QtiGap, ah as QtiGapImg, a0 as QtiGapMatchInteraction, ai as QtiGapText, a1 as QtiGraphicAssociateInteraction, a2 as QtiGraphicGapMatchInteraction, a3 as QtiGraphicOrderInteraction, aj as QtiHotspotChoice, a4 as QtiHotspotInteraction, ak as QtiHottext, H as QtiHottextInteraction, al as QtiInlineChoice, J as QtiInlineChoiceInteraction, f as QtiInteractionChanged, S as QtiLookupOutcomeValue, X as QtiMapping, a5 as QtiMatchInteraction, a6 as QtiMediaInteraction, E as QtiModalFeedback, a7 as QtiOrderInteraction, g as QtiOutcomeChanged, u as QtiOutcomeDeclaration, L as QtiOutcomeProcessing, N as QtiOutcomeProcessingProcessor, Y as QtiPortableCustomInteraction, a8 as QtiPositionObjectStage, s as QtiPrompt, v as QtiResponseDeclaration, P as QtiResponseProcessing, y as QtiRubricBlock, a9 as QtiSelectPointInteraction, am as QtiSimpleAssociableChoice, an as QtiSimpleChoice, aa as QtiSliderInteraction, t as QtiStylesheet, G as QtiTextEntryInteraction, i as ResponseInteraction, n as VariableValue, h as directedPair, j as float, k as integer, ac as itemContext, ab as itemContextVariables, W as qtiAndMixin } from '../qti-simple-choice-Bil0gmT4.js';
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';