@qti-components/elements 1.3.0

package/dist/components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { qtiTransformItem } from '@qti-components/transformers';
+export class QtiAssessmentStimulusRefConnectedEvent extends Event {
+    static { this.eventName = 'qti-assessment-stimulus-ref-connected'; }
+    constructor(element, item) {
+        super(QtiAssessmentStimulusRefConnectedEvent.eventName, { bubbles: true, composed: true, cancelable: true });
+        this.element = element;
+        this.item = item;
+    }
+}
+/**
+ * Represents a custom element for referencing an assessment stimulus.
+ */
+let QtiAssessmentStimulusRef = class QtiAssessmentStimulusRef extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.identifier = '';
+        this.href = '';
+    }
+    /**
+     * Lifecycle method called when the element is connected to the DOM.
+     * First checks if there's a data-stimulus-idref element. If found, loads the stimulus directly.
+     * If not found, delegates to the delivery platform via an event.
+     */
+    async connectedCallback() {
+        super.connectedCallback();
+        // VERY important to wait for updateComplete to ensure that the stimulusRef is connected after item
+        // for the test-navigation to correctly process everything in order
+        await this.updateComplete;
+        const item = this.closest('qti-assessment-item');
+        const event = new QtiAssessmentStimulusRefConnectedEvent(this, item);
+        this.dispatchEvent(event);
+        const stimulusRef = item?.querySelector(`[data-stimulus-idref="${this.identifier}"]`);
+        if (!event.defaultPrevented && stimulusRef) {
+            await this.updateStimulusRef(stimulusRef);
+        }
+    }
+    /**
+     * Loads and appends the stimulus to the specified element.
+     * @param stimulusRef - The element to which the stimulus will be appended.
+     */
+    async updateStimulusRef(stimulusRef) {
+        const stimulus = await qtiTransformItem()
+            .load(this.href)
+            .then(api => api.htmlDoc());
+        if (stimulus) {
+            const elements = stimulus.querySelectorAll('qti-stimulus-body, qti-stylesheet');
+            stimulusRef.innerHTML = '';
+            stimulusRef.append(...elements);
+        }
+    }
+};
+__decorate([
+    property({ type: String })
+], QtiAssessmentStimulusRef.prototype, "identifier", void 0);
+__decorate([
+    property({ type: String })
+], QtiAssessmentStimulusRef.prototype, "href", void 0);
+QtiAssessmentStimulusRef = __decorate([
+    customElement('qti-assessment-stimulus-ref')
+], QtiAssessmentStimulusRef);
+export { QtiAssessmentStimulusRef };
+//# sourceMappingURL=qti-assessment-stimulus-ref.js.map

package/dist/components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-assessment-stimulus-ref.js","sourceRoot":"","sources":["../../../src/components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAIhE,MAAM,OAAO,sCAAuC,SAAQ,KAAK;aACjD,cAAS,GAAG,uCAAuC,CAAC;IAClE,YACS,OAAiC,EACjC,IAAuB;QAE9B,KAAK,CAAC,sCAAsC,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAHtG,YAAO,GAAP,OAAO,CAA0B;QACjC,SAAI,GAAJ,IAAI,CAAmB;IAGhC,CAAC;;AAGH;;GAEG;AAEI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QACuB,eAAU,GAAG,EAAE,CAAC;QAChB,SAAI,GAAG,EAAE,CAAC;IAsCxC,CAAC;IApCC;;;;OAIG;IACa,KAAK,CAAC,iBAAiB;QACrC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,mGAAmG;QACnG,mEAAmE;QACnE,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAoB,qBAAqB,CAAC,CAAC;QAEpE,MAAM,KAAK,GAAG,IAAI,sCAAsC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1B,MAAM,WAAW,GAAG,IAAI,EAAE,aAAa,CAAC,yBAAyB,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;QACtF,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,WAAW,EAAE,CAAC;YAC3C,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,iBAAiB,CAAC,WAAoB;QACjD,MAAM,QAAQ,GAAG,MAAM,gBAAgB,EAAE;aACtC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CAAC;YAChF,WAAW,CAAC,SAAS,GAAG,EAAE,CAAC;YAC3B,WAAW,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;CACF,CAAA;AAvC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAiB;AAChB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAW;AAF3B,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAwCpC","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { qtiTransformItem } from '@qti-components/transformers';\n\nimport type { QtiAssessmentItem } from '../qti-assessment-item/qti-assessment-item';\n\nexport class QtiAssessmentStimulusRefConnectedEvent extends Event {\n  public static eventName = 'qti-assessment-stimulus-ref-connected';\n  constructor(\n    public element: QtiAssessmentStimulusRef,\n    public item: QtiAssessmentItem\n  ) {\n    super(QtiAssessmentStimulusRefConnectedEvent.eventName, { bubbles: true, composed: true, cancelable: true });\n  }\n}\n\n/**\n * Represents a custom element for referencing an assessment stimulus.\n */\n@customElement('qti-assessment-stimulus-ref')\nexport class QtiAssessmentStimulusRef extends LitElement {\n  @property({ type: String }) identifier = '';\n  @property({ type: String }) href = '';\n\n  /**\n   * Lifecycle method called when the element is connected to the DOM.\n   * First checks if there's a data-stimulus-idref element. If found, loads the stimulus directly.\n   * If not found, delegates to the delivery platform via an event.\n   */\n  public override async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    // VERY important to wait for updateComplete to ensure that the stimulusRef is connected after item\n    // for the test-navigation to correctly process everything in order\n    await this.updateComplete;\n\n    const item = this.closest<QtiAssessmentItem>('qti-assessment-item');\n\n    const event = new QtiAssessmentStimulusRefConnectedEvent(this, item);\n    this.dispatchEvent(event);\n\n    const stimulusRef = item?.querySelector(`[data-stimulus-idref=\"${this.identifier}\"]`);\n    if (!event.defaultPrevented && stimulusRef) {\n      await this.updateStimulusRef(stimulusRef);\n    }\n  }\n\n  /**\n   * Loads and appends the stimulus to the specified element.\n   * @param stimulusRef - The element to which the stimulus will be appended.\n   */\n  public async updateStimulusRef(stimulusRef: Element) {\n    const stimulus = await qtiTransformItem()\n      .load(this.href)\n      .then(api => api.htmlDoc());\n    if (stimulus) {\n      const elements = stimulus.querySelectorAll('qti-stimulus-body, qti-stylesheet');\n      stimulusRef.innerHTML = '';\n      stimulusRef.append(...elements);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-assessment-stimulus-ref': QtiAssessmentStimulusRef;\n  }\n}\n"]}

package/dist/components/qti-companion-materials-info/qti-companion-materials-info.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class QtiCompanionMaterialsInfo extends LitElement {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-companion-materials-info': QtiCompanionMaterialsInfo;
+    }
+}

package/dist/components/qti-companion-materials-info/qti-companion-materials-info.js

@@ -0,0 +1,15 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let QtiCompanionMaterialsInfo = class QtiCompanionMaterialsInfo extends LitElement {
+};
+QtiCompanionMaterialsInfo = __decorate([
+    customElement('qti-companion-materials-info')
+], QtiCompanionMaterialsInfo);
+export { QtiCompanionMaterialsInfo };
+//# sourceMappingURL=qti-companion-materials-info.js.map

package/dist/components/qti-companion-materials-info/qti-companion-materials-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-companion-materials-info.js","sourceRoot":"","sources":["../../../src/components/qti-companion-materials-info/qti-companion-materials-info.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;CASxD,CAAA;AATY,yBAAyB;IADrC,aAAa,CAAC,8BAA8B,CAAC;GACjC,yBAAyB,CASrC","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('qti-companion-materials-info')\nexport class QtiCompanionMaterialsInfo extends LitElement {\n  // static override styles = css`\n  //   slot {\n  //     display: hidden;\n  //   }\n  // `;\n  // override render() {\n  //   return html` <slot></slot> `;\n  // }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-companion-materials-info': QtiCompanionMaterialsInfo;\n  }\n}\n"]}

package/dist/components/qti-content-body/qti-content-body.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class QtiContentBody extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-content-body': QtiContentBody;
+    }
+}

package/dist/components/qti-content-body/qti-content-body.js

@@ -0,0 +1,18 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let QtiContentBody = class QtiContentBody extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+QtiContentBody = __decorate([
+    customElement('qti-content-body')
+], QtiContentBody);
+export { QtiContentBody };
+//# sourceMappingURL=qti-content-body.js.map

package/dist/components/qti-content-body/qti-content-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-content-body.js","sourceRoot":"","sources":["../../../src/components/qti-content-body/qti-content-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IACnC,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAJY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAI1B","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('qti-content-body')\nexport class QtiContentBody extends LitElement {\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-content-body': QtiContentBody;\n  }\n}\n"]}

package/dist/components/qti-context-declaration/qti-context-declaration.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * @summary The qti-context-declaration element declares context variables for an item.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.qti-context-declaration
+ */
+export declare class QtiContextDeclaration extends LitElement {
+    identifier: string;
+    cardinality: 'single' | 'multiple' | 'ordered' | 'record';
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-context-declaration': QtiContextDeclaration;
+    }
+}

package/dist/components/qti-context-declaration/qti-context-declaration.js

@@ -0,0 +1,40 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * @summary The qti-context-declaration element declares context variables for an item.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.qti-context-declaration
+ */
+let QtiContextDeclaration = class QtiContextDeclaration extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.identifier = '';
+        this.cardinality = 'record';
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: none;
+      }
+    `
+    ]; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], QtiContextDeclaration.prototype, "identifier", void 0);
+__decorate([
+    property({ type: String })
+], QtiContextDeclaration.prototype, "cardinality", void 0);
+QtiContextDeclaration = __decorate([
+    customElement('qti-context-declaration')
+], QtiContextDeclaration);
+export { QtiContextDeclaration };
+//# sourceMappingURL=qti-context-declaration.js.map

package/dist/components/qti-context-declaration/qti-context-declaration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-context-declaration.js","sourceRoot":"","sources":["../../../src/components/qti-context-declaration/qti-context-declaration.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;GAGG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACuB,eAAU,GAAW,EAAE,CAAC;QACxB,gBAAW,GAAiD,QAAQ,CAAC;IAanG,CAAC;aAXiB,WAAM,GAAG;QACvB,GAAG,CAAA;;;;KAIF;KACF,AANqB,CAMpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAb2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAyB;AACxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAsE;AAFtF,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAejC","sourcesContent":["import { css, LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n/**\n * @summary The qti-context-declaration element declares context variables for an item.\n * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.qti-context-declaration\n */\n@customElement('qti-context-declaration')\nexport class QtiContextDeclaration extends LitElement {\n  @property({ type: String }) identifier: string = '';\n  @property({ type: String }) cardinality: 'single' | 'multiple' | 'ordered' | 'record' = 'record';\n\n  static override styles = [\n    css`\n      :host {\n        display: none;\n      }\n    `\n  ];\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-context-declaration': QtiContextDeclaration;\n  }\n}\n"]}

package/dist/components/qti-custom-operator/qti-custom-operator.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import type { Calculate } from '@qti-components/base';
+/**
+ * https://www.imsglobal.org/spec/qti/v3p0/impl#h.fi29q8dubjgw
+ * <qti-custom-operator class="js.org">
+        <qti-base-value base-type="string"><![CDATA[
+          console.log(context.variables);
+          return 'B'
+          document.querySelector('qti-end-attempt-interaction').disabled = true;
+          ]]></qti-base-value>
+      </qti-custom-operator>
+    </qti-set-outcome-value>
+ */
+export declare class QtiCustomOperator extends LitElement implements Calculate {
+    #private;
+    private _context?;
+    render(): import("lit").TemplateResult<1>;
+    handleSlotChange(): void;
+    calculate(): any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-custom-operator': QtiCustomOperator;
+    }
+}

package/dist/components/qti-custom-operator/qti-custom-operator.js

@@ -0,0 +1,78 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { consume } from '@lit/context';
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { itemContext } from '@qti-components/base';
+/**
+ * https://www.imsglobal.org/spec/qti/v3p0/impl#h.fi29q8dubjgw
+ * <qti-custom-operator class="js.org">
+        <qti-base-value base-type="string"><![CDATA[
+          console.log(context.variables);
+          return 'B'
+          document.querySelector('qti-end-attempt-interaction').disabled = true;
+          ]]></qti-base-value>
+      </qti-custom-operator>
+    </qti-set-outcome-value>
+ */
+let QtiCustomOperator = class QtiCustomOperator extends LitElement {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    #operatorFunction;
+    render() {
+        return html `<slot @slotchange=${this.handleSlotChange}></slot>`;
+    }
+    handleSlotChange() {
+        // expecting <[!CDATA[ ... ]]> is converted into <!-- ... --> with qti-transform: cDataToComment
+        const commentNode = Array.from(this.firstElementChild?.childNodes ?? []).find(node => node.nodeType === Node.COMMENT_NODE);
+        try {
+            this.#operatorFunction = new Function('context', 'fn', 'item', commentNode?.textContent ?? '');
+        }
+        catch (e) {
+            console.error('custom-operator contains invalid javascript code', e);
+        }
+    }
+    calculate() {
+        const fn = {
+            variable: (responseIdentifier) => this._context?.variables.find(v => v.identifier === responseIdentifier)?.value ?? '',
+            correct: (responseIdentifier) => this._context?.variables.find(v => v.identifier === responseIdentifier)
+                ?.correctResponse ?? ''
+        };
+        const item = {
+            getVariable: (variableIdentifier) => this._context?.variables.find(v => v.identifier === variableIdentifier),
+            updateOutcomeVariable: (outcomeIdentifier, value) => {
+                this.dispatchEvent(new CustomEvent('qti-set-outcome-value', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        outcomeIdentifier,
+                        value
+                    }
+                }));
+            },
+            updateResponseVariable: (responseIdentifier, response) => {
+                this.dispatchEvent(new CustomEvent('qti-interaction-response', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        responseIdentifier,
+                        response
+                    }
+                }));
+            }
+        };
+        return this.#operatorFunction(this._context, fn, item);
+    }
+};
+__decorate([
+    consume({ context: itemContext, subscribe: true }),
+    state()
+], QtiCustomOperator.prototype, "_context", void 0);
+QtiCustomOperator = __decorate([
+    customElement('qti-custom-operator')
+], QtiCustomOperator);
+export { QtiCustomOperator };
+//# sourceMappingURL=qti-custom-operator.js.map

package/dist/components/qti-custom-operator/qti-custom-operator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-custom-operator.js","sourceRoot":"","sources":["../../../src/components/qti-custom-operator/qti-custom-operator.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\n\nimport { itemContext } from '@qti-components/base';\n\nimport type { ResponseVariable } from '@qti-components/base';\nimport type { Calculate } from '@qti-components/base';\nimport type { ItemContext } from '@qti-components/base';\n\n/**\n * https://www.imsglobal.org/spec/qti/v3p0/impl#h.fi29q8dubjgw\n * <qti-custom-operator class=\"js.org\">\n        <qti-base-value base-type=\"string\"><![CDATA[\n          console.log(context.variables);\n          return 'B'\n          document.querySelector('qti-end-attempt-interaction').disabled = true;\n          ]]></qti-base-value>\n      </qti-custom-operator>\n    </qti-set-outcome-value>\n */\n@customElement('qti-custom-operator')\nexport class QtiCustomOperator extends LitElement implements Calculate {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\n  #operatorFunction: Function;\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  private _context?: ItemContext;\n\n  override render() {\n    return html`<slot @slotchange=${this.handleSlotChange}></slot>`;\n  }\n\n  handleSlotChange() {\n    // expecting <[!CDATA[ ... ]]> is converted into <!-- ... --> with qti-transform: cDataToComment\n    const commentNode = Array.from(this.firstElementChild?.childNodes ?? []).find(\n      node => node.nodeType === Node.COMMENT_NODE\n    );\n    try {\n      this.#operatorFunction = new Function('context', 'fn', 'item', commentNode?.textContent ?? '');\n    } catch (e) {\n      console.error('custom-operator contains invalid javascript code', e);\n    }\n  }\n\n  public calculate() {\n    const fn = {\n      variable: (responseIdentifier: string) =>\n        this._context?.variables.find(v => v.identifier === responseIdentifier)?.value ?? '',\n      correct: (responseIdentifier: string) =>\n        (this._context?.variables.find(v => v.identifier === responseIdentifier) as ResponseVariable)\n          ?.correctResponse ?? ''\n    };\n    const item = {\n      getVariable: (variableIdentifier: string) =>\n        this._context?.variables.find(v => v.identifier === variableIdentifier),\n      updateOutcomeVariable: (outcomeIdentifier: string, value: string | string[]) => {\n        this.dispatchEvent(\n          new CustomEvent<{ outcomeIdentifier: string; value: string | string[] }>('qti-set-outcome-value', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              outcomeIdentifier,\n              value\n            }\n          })\n        );\n      },\n      updateResponseVariable: (responseIdentifier: string, response: string | string[]) => {\n        this.dispatchEvent(\n          new CustomEvent<{ responseIdentifier: string; response: string | string[] }>('qti-interaction-response', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              responseIdentifier,\n              response\n            }\n          })\n        );\n      }\n    };\n\n    return this.#operatorFunction(this._context, fn, item);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-custom-operator': QtiCustomOperator;\n  }\n}\n"]}

package/dist/components/qti-feedback-block/qti-feedback-block.d.ts

@@ -0,0 +1,11 @@
+import { QtiFeedback } from '@qti-components/base';
+export declare class QtiFeedbackBlock extends QtiFeedback {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-feedback-block': QtiFeedbackBlock;
+    }
+}

package/dist/components/qti-feedback-block/qti-feedback-block.js

@@ -0,0 +1,34 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { QtiFeedback } from '@qti-components/base';
+let QtiFeedbackBlock = class QtiFeedbackBlock extends QtiFeedback {
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+    .on {
+      display: block;
+    }
+    .off {
+      display: none;
+    }
+  `; }
+    render() {
+        return html ` <slot part="feedback" class="feedback ${this.showStatus}"></slot> `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.checkShowFeedback(this.outcomeIdentifier);
+    }
+};
+QtiFeedbackBlock = __decorate([
+    customElement('qti-feedback-block')
+], QtiFeedbackBlock);
+export { QtiFeedbackBlock };
+//# sourceMappingURL=qti-feedback-block.js.map

package/dist/components/qti-feedback-block/qti-feedback-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-feedback-block.js","sourceRoot":"","sources":["../../../src/components/qti-feedback-block/qti-feedback-block.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG5C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;aAC/B,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAU3B,AAVqB,CAUpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,0CAA0C,IAAI,CAAC,UAAU,YAAY,CAAC;IACnF,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjD,CAAC;;AApBU,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAqB5B","sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { QtiFeedback } from '@qti-components/base';\n\n@customElement('qti-feedback-block')\nexport class QtiFeedbackBlock extends QtiFeedback {\n  static override styles = css`\n    :host {\n      display: block;\n    }\n    .on {\n      display: block;\n    }\n    .off {\n      display: none;\n    }\n  `;\n\n  override render() {\n    return html` <slot part=\"feedback\" class=\"feedback ${this.showStatus}\"></slot> `;\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.checkShowFeedback(this.outcomeIdentifier);\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-feedback-block': QtiFeedbackBlock;\n  }\n}\n"]}

package/dist/components/qti-feedback-inline/qti-feedback-inline.d.ts

@@ -0,0 +1,11 @@
+import { QtiFeedback } from '@qti-components/base';
+export declare class QtiFeedbackInline extends QtiFeedback {
+    static styles: import("lit").CSSResult;
+    render: () => import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-feedback-inline': QtiFeedbackInline;
+    }
+}

package/dist/components/qti-feedback-inline/qti-feedback-inline.js

@@ -0,0 +1,33 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { QtiFeedback } from '@qti-components/base';
+let QtiFeedbackInline = class QtiFeedbackInline extends QtiFeedback {
+    constructor() {
+        super(...arguments);
+        this.render = () => html ` <slot part="feedback" class="${ifDefined(this.showStatus)}"></slot> `;
+    }
+    static { this.styles = css `
+    .on {
+      display: inline-block;
+    }
+    .off {
+      display: none;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.checkShowFeedback(this.outcomeIdentifier);
+    }
+};
+QtiFeedbackInline = __decorate([
+    customElement('qti-feedback-inline')
+], QtiFeedbackInline);
+export { QtiFeedbackInline };
+//# sourceMappingURL=qti-feedback-inline.js.map

package/dist/components/qti-feedback-inline/qti-feedback-inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-feedback-inline.js","sourceRoot":"","sources":["../../../src/components/qti-feedback-inline/qti-feedback-inline.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG5C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QAUI,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;IAMtG,CAAC;aAfiB,WAAM,GAAG,GAAG,CAAA;;;;;;;GAO3B,AAPqB,CAOpB;IAIc,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjD,CAAC;;AAfU,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAgB7B","sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { QtiFeedback } from '@qti-components/base';\n\n@customElement('qti-feedback-inline')\nexport class QtiFeedbackInline extends QtiFeedback {\n  static override styles = css`\n    .on {\n      display: inline-block;\n    }\n    .off {\n      display: none;\n    }\n  `;\n\n  override render = () => html` <slot part=\"feedback\" class=\"${ifDefined(this.showStatus)}\"></slot> `;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.checkShowFeedback(this.outcomeIdentifier);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-feedback-inline': QtiFeedbackInline;\n  }\n}\n"]}

package/dist/components/qti-item-body/qti-item-body.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary The qti-item-body node contains the text, graphics, media objects and interactions that describe the item's content and information about how it is structured.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.sphpo6lu6zqi
+ * @status stable
+ * @since 4.0
+ *
+ * @slot - item body content.
+ * @slot qti-rubric-block - the qti rubric block is placed above the item
+ * @part qti-rubric-block - the qti rubric block part
+ */
+export declare class QtiItemBody extends LitElement {
+    static styles: CSSResultGroup;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-item-body': QtiItemBody;
+    }
+}

package/dist/components/qti-item-body/qti-item-body.js

@@ -0,0 +1,30 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from 'lit/decorators.js';
+import { html, LitElement } from 'lit';
+import styles from './qti-item-body.styles';
+/**
+ * @summary The qti-item-body node contains the text, graphics, media objects and interactions that describe the item's content and information about how it is structured.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.sphpo6lu6zqi
+ * @status stable
+ * @since 4.0
+ *
+ * @slot - item body content.
+ * @slot qti-rubric-block - the qti rubric block is placed above the item
+ * @part qti-rubric-block - the qti rubric block part
+ */
+let QtiItemBody = class QtiItemBody extends LitElement {
+    static { this.styles = styles; }
+    render() {
+        return html `<slot part="qti-rubric-blocks" name="qti-rubric-block"></slot><slot></slot>`;
+    }
+};
+QtiItemBody = __decorate([
+    customElement('qti-item-body')
+], QtiItemBody);
+export { QtiItemBody };
+//# sourceMappingURL=qti-item-body.js.map

package/dist/components/qti-item-body/qti-item-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-item-body.js","sourceRoot":"","sources":["../../../src/components/qti-item-body/qti-item-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAI5C;;;;;;;;;GASG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;aACzB,WAAM,GAAmB,MAAM,AAAzB,CAA0B;IAEvC,MAAM;QACb,OAAO,IAAI,CAAA,6EAA6E,CAAC;IAC3F,CAAC;;AALU,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAMvB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { html, LitElement } from 'lit';\n\nimport styles from './qti-item-body.styles';\n\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary The qti-item-body node contains the text, graphics, media objects and interactions that describe the item's content and information about how it is structured.\n * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.sphpo6lu6zqi\n * @status stable\n * @since 4.0\n *\n * @slot - item body content.\n * @slot qti-rubric-block - the qti rubric block is placed above the item\n * @part qti-rubric-block - the qti rubric block part\n */\n@customElement('qti-item-body')\nexport class QtiItemBody extends LitElement {\n  static override styles: CSSResultGroup = styles;\n\n  override render() {\n    return html`<slot part=\"qti-rubric-blocks\" name=\"qti-rubric-block\"></slot><slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-item-body': QtiItemBody;\n  }\n}\n"]}

package/dist/components/qti-item-body/qti-item-body.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/qti-item-body/qti-item-body.styles.js

@@ -0,0 +1,7 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+`;
+//# sourceMappingURL=qti-item-body.styles.js.map

package/dist/components/qti-item-body/qti-item-body.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-item-body.styles.js","sourceRoot":"","sources":["../../../src/components/qti-item-body/qti-item-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;CAIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n`;\n"]}

package/dist/components/qti-modal-feedback/qti-modal-feedback.d.ts

@@ -0,0 +1,14 @@
+import { QtiFeedback } from '@qti-components/base';
+export declare class QtiModalFeedback extends QtiFeedback {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    openFeedback(): void;
+    closeFeedback(): void;
+    connectedCallback(): void;
+    protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-modal-feedback': QtiModalFeedback;
+    }
+}

package/dist/components/qti-modal-feedback/qti-modal-feedback.js

@@ -0,0 +1,95 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { QtiFeedback } from '@qti-components/base';
+let QtiModalFeedback = class QtiModalFeedback extends QtiFeedback {
+    static { this.styles = css `
+    .qti-dialog {
+      background: var(--qti-bg);
+      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
+      border-radius: var(--qti-border-radius);
+      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
+      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      z-index: 1000;
+      width: auto;
+      max-width: 90%;
+    }
+
+    .button {
+      border-radius: var(--qti-border-radius);
+      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
+      background-color: var(--qti-bg-active);
+      border: var(--qti-border-active);
+      cursor: pointer;
+      position: relative;
+      display: inline-block;
+    }
+
+    .button:hover {
+      background-color: var(--qti-hover-bg);
+    }
+
+    .button:disabled {
+      background-color: var(--qti-disabled-bg);
+      color: var(--qti-disabled-color);
+      cursor: not-allowed;
+    }
+
+    .button:focus {
+      outline: var(--qti-focus-border-width) solid var(--qti-focus-color);
+    }
+  `; }
+    render() {
+        return html `
+      <dialog class="qti-dialog" part="feedback" ?open="${this.showStatus === 'on'}">
+        <slot></slot>
+        <div style="margin-top: var(--qti-gap-size); text-align: center;">
+          <button class="button close-button" @click="${this.closeFeedback}">Close</button>
+        </div>
+      </dialog>
+    `;
+    }
+    openFeedback() {
+        const dialog = this.shadowRoot?.querySelector('dialog');
+        if (dialog && !dialog.open) {
+            dialog.showModal();
+        }
+    }
+    closeFeedback() {
+        const dialog = this.shadowRoot?.querySelector('dialog');
+        if (dialog && dialog.open) {
+            dialog.close();
+            this.showStatus = 'off';
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.showStatus === 'on') {
+            this.openFeedback();
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('showStatus')) {
+            if (this.showStatus === 'on') {
+                this.openFeedback();
+            }
+            else {
+                this.closeFeedback();
+            }
+        }
+    }
+};
+QtiModalFeedback = __decorate([
+    customElement('qti-modal-feedback')
+], QtiModalFeedback);
+export { QtiModalFeedback };
+//# sourceMappingURL=qti-modal-feedback.js.map