@citolab/qti-components 8.1.0 → 9.0.0

package/dist/item.css

@@ -1,5 +1,6 @@
 
 @layer qti-base, qti-components, qti-extended;
+
 @layer qti-components.reset, qti-components.global, qti-components.interactions.base,
   qti-components.interactions.brand, qti-components.interactions.states,
   qti-components.interactions.corrections, qti-components.elements, qti-components.overrides;
@@ -14,6 +15,7 @@
  * Nothing is left unlayered: unlayered CSS outranks every layer, so a single stray rule here would
  * sit above the whole theme AND above the `qti-extended` slot consumers are told to author in.
  */
+
 @layer qti-base{
 /* https://www.imsglobal.org/sites/default/files/spec/qti/v3/guide/img/qti3p0.css */
 /* ============================
@@ -1446,6 +1448,7 @@
   text-orientation: upright;
 }
 }
+
 @layer qti-base{
 
 .qti-layout-row {
@@ -1577,6 +1580,7 @@
  * block is appended after every declared layer, which would put brand paint above the state and
  * correction paint it is meant to sit under. Deleting the two names moved 7 of the 17 VRT baselines.
  */
+
 @layer qti-components.reset{
 @scope (qti-item-body, .ProseMirror) {
   :scope,
@@ -1628,6 +1632,7 @@
   }
 }
 }
+
 @layer qti-components.elements{
 
 /**
@@ -1699,6 +1704,7 @@
  * these blocks (--qti-correct reads --qti-success) is layer-independent. Nothing here renders
  * differently for being grouped this way.
  */
+
 /* ============================================================================
  * global — the foundation every layer reads.
  * ========================================================================== */
@@ -1893,6 +1899,7 @@
     }
   }
 }
+
 /* ============================================================================
  * interactions.base — interaction-local geometry. Neutral, no judgement colour.
  * ========================================================================== */
@@ -2064,6 +2071,7 @@
     --qti-drag-padding: var(--qti-spacing) 0.8em;
   }
 }
+
 /* ============================================================================
  * interactions.states — state paint. Selection, drag, and drop-target highlight.
  * ========================================================================== */
@@ -2110,6 +2118,7 @@
     --qti-drop-highlight-border-width: 2px;
   }
 }
+
 /* ============================================================================
  * interactions.corrections — answer-key and judgement paint.
  * ========================================================================== */
@@ -2134,15 +2143,18 @@
 /* QTI base — shared theme utilities and semantic mixins. Only styles >=2 interactions share.
  * They read the variables in qti-variables.css; a substrate re-colours by overriding those, not
  * by editing these. Split from qti-base.css. */
+
 /* ============================================================================
  * Shared semantic mixins. Only styles ≥2 interactions share belong here.
  * A substrate expresses its look by overriding the --qti-* variables above
  * (value first), not by editing these.
  * ========================================================================== */
+
 /*
  * Semantic PostCSS mixins. Interaction files wire these to their own parts and states; the mixins
  * own the shared visual vocabulary.
  */
+
 /*
  * A candidate correction, painted through the corrected element's own role.
  *
@@ -2159,6 +2171,7 @@
  *
  * `candidate-tint` below survives for the one corrected element with no role: qti-hottext.
  */
+
 /*
  * THE paint contract. Every visual component is, at rest, a bordered box on the theme's surface.
  * This mixin binds each PAINT property to a variable exactly once, so a state — or a theme —
@@ -2189,6 +2202,7 @@
  * rings) and a MULTI-SLOT box-shadow (so an element's resting lift, in-flight elevation and focus
  * ring compose instead of the last one winning — the documented four-rule box-shadow contention).
  */
+
 /*
  * A drag: the movable token a candidate drags into a gap, a drop target or an order slot.
  *
@@ -2206,6 +2220,7 @@
  * Under content-box the clone's padding would be added to the width the drag code measured off the
  * bank drag, and it would jump the instant it was picked up.
  */
+
 /*
  * The hole a drag leaves behind: lifted mid-drag, or spent because its copy is already placed.
  *
@@ -2216,6 +2231,7 @@
  * bank would reflow around a hole 20px narrower than the thing that left it. Measured in
  * drag-drop.invariance.spec.ts, "a spent drag keeps its footprint".
  */
+
 /*
  * The drag handle glyph.
  *
@@ -2228,6 +2244,7 @@
  * else. This one is in flow and takes real width, which is why it reserves an explicit width/height
  * rather than leaning on the glyph's intrinsic size.
  */
+
 /*
  * The radio and the checkbox: the other two things this theme draws as boxes, and so the other two
  * paint roles. A control is a bordered box on the theme's surface exactly like a chip is, and now it
@@ -2248,6 +2265,7 @@
  * not a paint slot. Centring the mark is the component's job — qti-simple-choice.styles.ts already
  * flex-centres [part='control'].
  */
+
 /*
  * The mark inside a control at rest — the box the tick or dot is drawn into. Structural.
  *
@@ -2260,10 +2278,12 @@
  * border — so it would silently shrink by the border width and change with it. Multiplying the token
  * keeps the mark proportional to the control's outer size, which is the size anyone reasons about.
  */
+
 /* A choice with its native control shown (radio/checkbox visible) is the button component with its
    border made TRANSPARENT — no visible box, but the 1px edge is still there, so it is the same box
    as the `.qti-input-control-hidden` choice (which keeps the border visible because the whole choice
    is the control). Only the border COLOUR differs between the two, never the geometry. */
+
 /*
  * The mark a checked control shows: a dot for a radio, a tick for a checkbox.
  *
@@ -2272,6 +2292,7 @@
  * `control-selected`), so the two belong together: override --checkbox-background-color and you will
  * usually want --checkbox-mark-color with it. `white` is the resting value, not a fixed one.
  */
+
 /*
  * `act`, `readonly` and `dis` used to live here. They are written out at their call sites now, for
  * two different reasons.
@@ -2293,16 +2314,20 @@
  *
  * `act-bor` was deleted outright: zero call sites anywhere in the repo.
  */
+
 /* `foc` stays a mixin, deliberately, and is the one state still painting a property directly.
  * Twenty call sites read it, and it draws a `box-shadow` — the property the contract has NOT bound
  * (see `paint` above). Routing it through --<role>-box-shadow would not fix anything: focus would
  * then fight the resting lift and the in-flight elevation over one slot, last-declared winning,
  * which is the four-rule contention already documented in qti-variables.css. The intended fix
  * recorded there is a single `outline` on `:focus-visible`, and that is its own VRT-checked step. */
+
 /* A choice — the clickable box a candidate picks. Nothing but the resting paint box; its padding is
    the interaction's (qti-choice-interaction.css), because a choice's box differs per interaction and
    a chip's does not. */
+
 /* A text field: the paint box, plus the cursor that says you can type in it. */
+
 /*
  * A drop target: the paint box with a DASHED edge, the one thing that distinguishes it from every
  * other role.
@@ -2317,9 +2342,11 @@
  * dashed edge onto any chip standing in the drop (it did — a chip in a drop went dashed). Now that
  * the chip reads --drag-border-style, the drop's value inherits past it harmlessly.
  */
+
 /* The initial `display: none` moved to `validationMessage` in qti-base — the message is a shadow
    node, and `Interaction.reportValidity` already owns showing and hiding it with an inline style.
    What is left here is paint. */
+
 /*
  * The three roles qti-inline-choice-interaction is built from. They are separate roles rather than
  * one, because they nest: the menu and the message live in the field's shadow root, so under a
@@ -2330,12 +2357,14 @@
  * `menu`    the popover the options are listed in.
  * `message` the validation box. Its warning colouring is the interaction's, not the role's.
  */
+
 /*
  * A drag in flight. The other `drag` modifier — applied with `drag`, never instead of it.
  *
  * `rotate` is paint: a transform never reflows, which is what lets a drag tilt under the cursor
  * without the bank shifting behind it.
  */
+
 /*
  * A drag darkens a little under the pointer. The one hover affordance in the theme.
  *
@@ -2413,6 +2442,7 @@
           height: calc(var(--qti-control-size) * 0.625);
         }
 }
+
 @layer qti-components.interactions.states {
       /* A selected choice, repainted through the button role's slots rather than by re-declaring the
          properties — the choice is `@mixin button`, so switching a variable is all a state has to do.
@@ -2492,6 +2522,7 @@
                 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");
       }
 }
+
 @layer qti-components.interactions.corrections {
         :is(:is(qti-choice-interaction qti-simple-choice):is(:state(correct-response), [data-state~='correct-response']),[data-correct-response='true']:is(qti-choice-interaction qti-simple-choice))::after {
           content: '\02714';
@@ -2568,6 +2599,7 @@
       border-color: var(--qti-answer-border);
     }
 }
+
 @layer qti-components.interactions.base {
       qti-graphic-gap-match-interaction.qti-selections-light:is(:state(dragzone-active), [data-state~='dragzone-active'])::part(drags) {
         background-color: var(--qti-selections-light-bg);
@@ -2684,6 +2716,7 @@
       padding: 0;
     }
 }
+
 @layer qti-components.interactions.states {
   qti-graphic-gap-match-interaction qti-gap-img:is(:state(placeholder), [data-state~='placeholder']),
   qti-graphic-gap-match-interaction qti-gap-text:is(:state(placeholder), [data-state~='placeholder']) {
@@ -2735,6 +2768,7 @@
     background-color: var(--qti-drop-highlight-enabled-bg);
   }
 }
+
 @layer qti-components.interactions.corrections {
   /*
    * The one place this interaction joins the shared chip vocabulary: its chips take no card, but they
@@ -2765,6 +2799,7 @@
     box-shadow: none;
   }
 }
+
 @layer qti-components.interactions.base {
   qti-text-entry-interaction {
     background-color: var(--text-background-color, var(--qti-component-background-color));
@@ -2792,6 +2827,7 @@
       background-color: transparent;
     }
 }
+
 @layer qti-components.interactions.corrections {
     qti-text-entry-interaction:is(:state(candidate-partially-correct), [data-state~='candidate-partially-correct']) {
       --text-background-color: var(--qti-partially-correct-light);
@@ -2833,6 +2869,7 @@
       -webkit-mask: var(--qti-check-mask) no-repeat center / contain;
     }
 }
+
 @layer qti-components.interactions.base {
     /*
      * One block, and the ORDER inside it matters.
@@ -2912,6 +2949,7 @@
            tab-size: 2;
     }
 }
+
 /*
  * Corrections for the one interaction that cannot judge itself.
  *
@@ -3040,6 +3078,7 @@
     -webkit-mask: var(--qti-grip-mask) no-repeat center / contain;
   }
 }
+
 @layer qti-components.interactions.base {
     /* No qti-selections-light / -dark here. Appendix B.1 of the QTI 3 implementation guide defines
        that class pair for qti-hotspot-interaction and qti-graphic-gap-match-interaction only, and no
@@ -3312,6 +3351,7 @@
     filter: var(--drag-filter, var(--qti-component-filter));
   }
 }
+
 @layer qti-components.interactions.states {
   /* One chip vocabulary across the bank and placed drags for gap-match only. */
   qti-gap::part(drag) {
@@ -3404,6 +3444,7 @@
     background-color: var(--qti-drop-highlight-enabled-bg);
   }
 }
+
 @layer qti-components.interactions.corrections {
   /* A corrected chip — in the bank, and where it landed. Moved here from the shared
      qti-corrections.css, which claimed `:state(drag)` for EVERY interaction in one unscoped rule:
@@ -3435,6 +3476,7 @@
   /* The bank is hidden by the interaction itself, on :host([answer-key]) — see
      qti-gap-match-interaction.styles.ts. */
 }
+
 /*
  * A hotspot is indicated by a RING, not a fill — matching QTI 3's own figures (Impl-Guide Fig
  * 54/55) and its shared-vocab wording ("selection lines and fills", the line being the ring).
@@ -3506,6 +3548,7 @@
     outline-offset: 2px;
   }
 }
+
 @layer qti-components.interactions.states {
   /*
    * Selected: a bold, saturated ring — the Fig-54 weight jump. Same var, so poly and box shapes
@@ -3561,6 +3604,7 @@
     pointer-events: none;
   }
 }
+
 @layer qti-components.interactions.corrections {
   /*
    * Correction and answer-key views recolour the same ring — one var, so circle and poly stay in
@@ -3604,6 +3648,7 @@
     -webkit-mask-image: var(--qti-shape-outline-bold);
   }
 }
+
 @layer qti-components.interactions.base {
   qti-hottext-interaction {
     --qti-hottext-selected-padding: var(--qti-padding-inline);
@@ -3661,6 +3706,7 @@
           box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
         }
 }
+
 @layer qti-components.interactions.states {
       :is(qti-hottext-interaction.qti-input-control-hidden qti-hottext):is(:state(checked), [data-state~='checked']) {
         border-color: var(--qti-border-active);
@@ -3688,6 +3734,7 @@
         cursor: not-allowed;
       }
 }
+
 @layer qti-components.interactions.corrections {
         :is(:is(qti-hottext-interaction qti-hottext):is(:state(correct-response), [data-state~='correct-response']),[data-correct-response='true']:is(qti-hottext-interaction qti-hottext))::after {
           content: '\02714';
@@ -3753,6 +3800,7 @@
       height: 1em;
     }
 }
+
 @layer qti-components.interactions.base {
   qti-inline-choice-interaction {
     /* ── Host: the closed combobox, painted through the paint contract so a brand can restyle the
@@ -3933,6 +3981,7 @@
       padding: var(--qti-padding-box);
     }
 }
+
 @layer qti-components.interactions.corrections {
   /* The answer key, moved here from the shared qti-corrections.css: it names this interaction, so
      this file owns it. */
@@ -3967,6 +4016,7 @@
         background: transparent;
       }
 }
+
 /* This interaction's chip vocabulary — the bank chip, the placed chip, and the floating clone. One
    such block per drag-drop interaction, opt-in; graphic-gap-match deliberately declares none. See
    qti-states.css. Kept in the `global` layer, where these rules used to live, so cascade position is
@@ -4049,6 +4099,7 @@
     -webkit-mask: var(--qti-grip-mask) no-repeat center / contain;
   }
 }
+
 @layer qti-components.interactions.base {
   /* Editor fake-drag projected into the target choice's `drop` shadow.
      Reuses the same `drag` styling so the editor preview matches what students
@@ -4386,6 +4437,7 @@
       background: none;
     }
 }
+
 @layer qti-components.interactions.states {
   qti-match-interaction:not(.qti-match-tabular)
     qti-simple-match-set:first-of-type
@@ -4454,6 +4506,7 @@
       color-mix(in srgb, var(--qti-drop-highlight-border-color) 55%, transparent);
   }
 }
+
 @layer qti-components.interactions.corrections {
   /* A corrected chip — in the bank, and where it landed. Moved here from the shared
      qti-corrections.css, which claimed `:state(drag)` for EVERY interaction in one unscoped rule:
@@ -4484,6 +4537,7 @@
   /* The bank is hidden by the interaction itself, on :host([answer-key]) — see
      qti-match-interaction.styles.ts. */
 }
+
 @layer qti-components.interactions.base {
     qti-match-interaction.qti-match-tabular::part(corner) {
       border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
@@ -4620,6 +4674,7 @@
     background-color: white;
   }
 }
+
 @layer qti-components.interactions.corrections {
     /* Correct / incorrect overlays — border on the outer box, and a matching fill on the inner
        indicator when checked. */
@@ -4649,6 +4704,7 @@
       background-color: var(--qti-answer-fg);
     }
 }
+
 /* This interaction's chip vocabulary — the bank chip, the placed chip, and the floating clone. One
    such block per drag-drop interaction, opt-in; graphic-gap-match deliberately declares none. See
    qti-states.css. Kept in the `global` layer, where these rules used to live, so cascade position is
@@ -4731,6 +4787,7 @@
     -webkit-mask: var(--qti-grip-mask) no-repeat center / contain;
   }
 }
+
 @layer qti-components.interactions.base {
     qti-order-interaction:is(:state(dragzone-active), [data-state~='dragzone-active'])::part(drags) {
       background-color: var(--qti-bg-active);
@@ -5036,6 +5093,7 @@
         width: auto;
       }
 }
+
 @layer qti-components.interactions.states {
   qti-order-interaction qti-simple-choice:is(:state(placeholder), [data-state~='placeholder']) {
     /* The hole a spent/lifted chip leaves. Like the chip (see `drag`), it sets NO fill / border /
@@ -5077,6 +5135,7 @@
     background-color: var(--qti-drop-highlight-enabled-bg);
   }
 }
+
 @layer qti-components.interactions.corrections {
   /*
    * Judgement paint, via the shared mixin — every other drag-drop interaction already uses it.
@@ -5119,6 +5178,7 @@
   /* The bank is hidden by the interaction itself, on :host([answer-key]) — see
      qti-order-interaction.styles.ts. */
 }
+
 /* This interaction's chip vocabulary — the bank chip, the placed chip, and the floating clone. One
    such block per drag-drop interaction, opt-in; graphic-gap-match deliberately declares none. See
    qti-states.css. Kept in the `global` layer, where these rules used to live, so cascade position is
@@ -5206,6 +5266,7 @@
     -webkit-mask: var(--qti-grip-mask) no-repeat center / contain;
   }
 }
+
 @layer qti-components.interactions.base {
     /*
      * NO `--drag-border-color: transparent` here, and that absence is the rule.
@@ -5408,6 +5469,7 @@
       background-color: var(--qti-bg-active);
     }
 }
+
 @layer qti-components.interactions.states {
   qti-simple-associable-choice::part(drag),
   qti-associate-interaction::part(drag) {
@@ -5511,6 +5573,7 @@
       color-mix(in srgb, var(--qti-drop-highlight-border-color) 55%, transparent);
   }
 }
+
 @layer qti-components.interactions.corrections {
   /* A corrected chip — in the bank, and where it landed. Moved here from the shared
      qti-corrections.css, which claimed `:state(drag)` for EVERY interaction in one unscoped rule:
@@ -5539,6 +5602,7 @@
   /* The bank is hidden by the interaction itself, on :host([answer-key]) — see
      qti-associate-interaction.styles.ts. */
 }
+
 @layer qti-components.interactions.base {
   qti-graphic-order-interaction {
     --qti-graphic-order-pin-size: calc(var(--qti-select-point-marker-size, 1.5rem) * 1.2);
@@ -5628,6 +5692,7 @@
       padding-top: calc(var(--qti-select-point-marker-size, 1.5rem) * 0.14);
     }
 }
+
 @layer qti-components.interactions.states {
       :is(qti-graphic-order-interaction qti-hotspot-choice):is(:state(readonly), [data-state~='readonly']) {
         cursor: pointer;
@@ -5666,6 +5731,7 @@
       background-color: var(--qti-bg-active);
     }
 }
+
 @layer qti-components.interactions.corrections {
       [shape='circle']:is(qti-graphic-order-interaction qti-hotspot-choice):is(:state(correct-response), [data-state~='correct-response']),[shape='rect']:is(qti-graphic-order-interaction qti-hotspot-choice):is(:state(correct-response), [data-state~='correct-response']),[shape='ellipse']:is(qti-graphic-order-interaction qti-hotspot-choice):is(:state(correct-response), [data-state~='correct-response']) {
         background-color: color-mix(in srgb, var(--qti-answer-bg) 75%, transparent);
@@ -5698,6 +5764,7 @@
         border-color: transparent !important;
       }
 }
+
 @layer qti-components.interactions.base {
     /*
      * qti-associable-hotspot does not use ActiveElementMixin, so it carries no
@@ -5715,6 +5782,7 @@
           box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
         }
 }
+
 @layer qti-components.interactions.states {
 
 
@@ -5734,12 +5802,14 @@
       background-color: var(--qti-bg-active);
     }
 }
+
 @layer qti-components.interactions.base{
 qti-slider-interaction {
   --qti-tick-color: rgb(229 231 235 / 100%);
   --qti-tick-width: 1px;
 }
 }
+
 @layer qti-components.interactions.base {
   qti-select-point-interaction {
     /*
@@ -5761,6 +5831,7 @@ qti-slider-interaction {
         box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);
       }
 }
+
 @layer qti-components.interactions.corrections {
     /* Same knob as the resting colour above — these set `color` before, which stopped reaching the
        marker once it was no longer painted with `currentColor`. */
@@ -5772,14 +5843,17 @@ qti-slider-interaction {
       --qti-select-point-marker-color: var(--qti-incorrect);
     }
 }
+
 @layer qti-components.interactions.base{
   qti-position-object-stage qti-position-object-interaction {
     /* no styles necessary, only layout styles, defined in the component */
   }
 }
+
 @layer qti-components.interactions.base{
 /* `display: block` lives in qti-prompt.styles.ts, which already declares it on :host. */
 }
+
 @layer qti-components.interactions.corrections{
 /*
  * What is LEFT here is what the base class owns.
@@ -5851,6 +5925,7 @@ qti-slider-interaction {
   -webkit-mask: var(--qti-check-mask) no-repeat center / contain;
 }
 }
+
 @layer qti-components.elements{
 /* `display: block` is declared by the element itself, in qti-rubric-block.ts. */
 qti-rubric-block {
@@ -5861,14 +5936,17 @@ qti-rubric-block {
   margin-top: var(--qti-gap);
 }
 }
+
 @layer qti-components.elements{
 qti-feedback-inline::part(feedback) {
 }
 }
+
 @layer qti-components.elements{
 qti-feedback-block::part(feedback) {
 }
 }
+
 @layer qti-components.elements{
 /*
  * Neither selector below matches anything this repo renders — `qti-modal-feedback-custom` is not a
@@ -5887,6 +5965,7 @@ qti-feedback-block::part(feedback) {
   margin-top: var(--qti-gap);
 }
 }
+
 @layer qti-components.global{
 /*
  * Cross-interaction custom states.
@@ -5941,8 +6020,10 @@ qti-feedback-block::part(feedback) {
   outline-offset: 0.25rem;
 }
 }
+
 /* Item-shell structure (what is shown, what is hidden). Kept out of styles/qti-theme/ because it is
    structure rather than paint — that directory is where the no-layout-in-theme lint rule applies. */
+
 @layer qti-components.global{
 
 /**

package/dist/item.d.ts

@@ -6,7 +6,7 @@ import { QtiAssessmentItem } from './elements.js';
 import { C as ConfigContext } from './config.context.d-BvU9r-Mg.js';
 import './item.types.d-QU7LljEK.js';
 import './interaction.interface.d-CvjHM2bi.js';
-import './qti-feedback.d-DZbad0RN.js';
+import './qti-feedback.d-B1EIF-fU.js';
 import './qti-rule-base.d-ajOnfGXY.js';
 
 /**

package/dist/item.js

@@ -1,13 +1,13 @@
-import "./chunk-6V3A7NQP.js";
+import "./chunk-3NPCS4IT.js";
 import {
   ItemContainer,
   ItemPrintVariables,
   QtiItem
-} from "./chunk-TXIB3SKC.js";
-import "./chunk-IYC7LZV6.js";
+} from "./chunk-3MQNPN7A.js";
+import "./chunk-TLTYXWW7.js";
 import "./chunk-4DB4SC5K.js";
 import "./chunk-HDEG6BAZ.js";
-import "./chunk-EKXZI26R.js";
+import "./chunk-WCWJPIUQ.js";
 export {
   ItemContainer,
   ItemPrintVariables,

package/dist/loader.d.ts

@@ -2,7 +2,7 @@ import { QtiAssessmentItem } from './elements.js';
 import 'lit';
 import './item.types.d-QU7LljEK.js';
 import './interaction.interface.d-CvjHM2bi.js';
-import './qti-feedback.d-DZbad0RN.js';
+import './qti-feedback.d-B1EIF-fU.js';
 import './qti-rule-base.d-ajOnfGXY.js';
 
 type ManifestInfo = {

package/dist/processing.d.ts

@@ -2,8 +2,8 @@ import * as lit from 'lit';
 import { LitElement, nothing } from 'lit';
 import { Q as QtiRuleBase } from './qti-rule-base.d-ajOnfGXY.js';
 import { I as ItemContext, B as BaseType, f as ResponseVariable, V as VariableDeclaration } from './item.types.d-QU7LljEK.js';
-import { Q as QtiExpression, a as QtiExpressionBase, T as TestContext } from './qti-expression.d-BietT_8b.js';
-import { Q as QtiConditionExpression } from './qti-condition-expression.d-aMvBvpc6.js';
+import { Q as QtiExpression, a as QtiExpressionBase, T as TestContext } from './qti-expression.d-B_-m9emA.js';
+import { Q as QtiConditionExpression } from './qti-condition-expression.d-CYwXOUb1.js';
 import './qti.context.d-CejJMlfZ.js';
 
 declare class QtiRule extends LitElement implements QtiRuleBase {
@@ -551,8 +551,34 @@ declare class QtiPatternMatch extends QtiExpression<boolean | null> {
     getResult(): boolean | null;
 }
 
+/**
+ * @summary Prints the value of an item variable into the item body.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/info/index.html#printedVariable
+ *
+ * A container variable is printed as its values joined by `delimiter`; a record as
+ * `name<mapping-indicator>value` pairs joined by the same delimiter. A NULL variable — absent,
+ * null, or an empty container — prints nothing at all.
+ *
+ * @attr {string} identifier - Required. Identifier of the variable to print.
+ * @attr {string} [format] - printf-style conversion string, e.g. `%.2f` or `Score: %d`. Applies
+ *   to each value printed. Takes precedence over `base` and `power-form`.
+ * @attr {number} [base=10] - Number base used when printing an integer variable.
+ * @attr {number} [index] - 1-based index selecting a single value of an ordered variable.
+ * @attr {boolean} [power-form=false] - Print numeric values in exponential form.
+ * @attr {string} [field] - Field of a record variable to print, instead of the whole record.
+ * @attr {string} [delimiter=;] - Separator between the values of an ordered/multiple/record variable.
+ * @attr {string} [mapping-indicator==] - Separator between a record field's name and its value.
+ */
 declare class QtiPrintedVariable extends LitElement {
+    #private;
     identifier: string;
+    format?: string;
+    base: number;
+    index?: number;
+    powerForm: boolean;
+    field?: string;
+    delimiter: string;
+    mappingIndicator: string;
     protected context?: ItemContext;
     render(): lit.TemplateResult<1> | typeof nothing;
     calculate(): VariableDeclaration<string | string[]>;
@@ -726,7 +752,7 @@ declare class QtiTruncate extends QtiExpression<number | null> {
 }
 
 declare class QtiVariable extends QtiExpression<string | string[]> {
-    getResult(): Readonly<string | string[]>;
+    getResult(): string | string[];
 }
 
 /**

package/dist/processing.js

@@ -1,3 +1,4 @@
+import "./chunk-KCK27QBP.js";
 import {
   QtiAnd,
   QtiAnyN,
@@ -71,8 +72,8 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "./chunk-MK2I3MQB.js";
-import "./chunk-EKXZI26R.js";
+} from "./chunk-3VQSUWCK.js";
+import "./chunk-WCWJPIUQ.js";
 export {
   QtiAnd,
   QtiAnyN,