@qti-components/elements 1.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"qti-modal-feedback.js","sourceRoot":"","sources":["../../../src/components/qti-modal-feedback/qti-modal-feedback.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuC3B,AAvCqB,CAuCpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;0DAC2C,IAAI,CAAC,UAAU,KAAK,IAAI;;;wDAG1B,IAAI,CAAC,aAAa;;;KAGrE,CAAC;IACJ,CAAC;IAED,YAAY;QACV,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAA6B,CAAC;QACpF,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAC3B,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,aAAa;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAA6B,CAAC;QACpF,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;IACH,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEkB,OAAO,CAAC,iBAAyD;QAClF,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;;AAnFU,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoF5B","sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { QtiFeedback } from '@qti-components/base';\n\n@customElement('qti-modal-feedback')\nexport class QtiModalFeedback extends QtiFeedback {\n  static override styles = css`\n    .qti-dialog {\n      background: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      border-radius: var(--qti-border-radius);\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 1000;\n      width: auto;\n      max-width: 90%;\n    }\n\n    .button {\n      border-radius: var(--qti-border-radius);\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background-color: var(--qti-bg-active);\n      border: var(--qti-border-active);\n      cursor: pointer;\n      position: relative;\n      display: inline-block;\n    }\n\n    .button:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    .button:disabled {\n      background-color: var(--qti-disabled-bg);\n      color: var(--qti-disabled-color);\n      cursor: not-allowed;\n    }\n\n    .button:focus {\n      outline: var(--qti-focus-border-width) solid var(--qti-focus-color);\n    }\n  `;\n\n  override render() {\n    return html`\n      <dialog class=\"qti-dialog\" part=\"feedback\" ?open=\"${this.showStatus === 'on'}\">\n        <slot></slot>\n        <div style=\"margin-top: var(--qti-gap-size); text-align: center;\">\n          <button class=\"button close-button\" @click=\"${this.closeFeedback}\">Close</button>\n        </div>\n      </dialog>\n    `;\n  }\n\n  openFeedback() {\n    const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null;\n    if (dialog && !dialog.open) {\n      dialog.showModal();\n    }\n  }\n\n  closeFeedback() {\n    const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null;\n    if (dialog && dialog.open) {\n      dialog.close();\n      this.showStatus = 'off';\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.showStatus === 'on') {\n      this.openFeedback();\n    }\n  }\n\n  protected override updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    if (changedProperties.has('showStatus')) {\n      if (this.showStatus === 'on') {\n        this.openFeedback();\n      } else {\n        this.closeFeedback();\n      }\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-modal-feedback': QtiModalFeedback;\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import { QtiVariableDeclaration } from '@qti-components/base';
+import type { BaseType, Cardinality } from '@qti-components/base';
+import type { ItemContext } from '@qti-components/base';
+export declare class QtiOutcomeDeclaration extends QtiVariableDeclaration {
+    baseType: BaseType;
+    externalScored: 'human' | 'externalMachine' | null;
+    identifier: string;
+    cardinality: Cardinality;
+    itemContext?: ItemContext;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+    get interpolationTable(): Map<number, number> | null;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-outcome-declaration': QtiOutcomeDeclaration;
+    }
+}

package/dist/components/qti-outcome-declaration/qti-outcome-declaration.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 { consume } from '@lit/context';
+import { css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { itemContext } from '@qti-components/base';
+import { QtiVariableDeclaration } from '@qti-components/base';
+let QtiOutcomeDeclaration = class QtiOutcomeDeclaration extends QtiVariableDeclaration {
+    constructor() {
+        super(...arguments);
+        this.externalScored = null;
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: none;
+      }
+    `
+    ]; }
+    render() {
+        const value = this.itemContext?.variables.find(v => v.identifier === this.identifier)?.value;
+        return html `${JSON.stringify(value, null, 2)}`;
+    }
+    get interpolationTable() {
+        const table = this.querySelector('qti-interpolation-table');
+        if (table) {
+            const entries = new Map();
+            for (const entry of table.querySelectorAll('qti-interpolation-table-entry')) {
+                if (!entry.getAttribute('source-value') && entry.getAttribute('target-value')) {
+                    console.error('source-value or target-value is missing in qti-interpolation-table-entry');
+                }
+                const sourceValue = parseFloat(entry.getAttribute('source-value'));
+                const targetValue = parseFloat(entry.getAttribute('target-value'));
+                if (isNaN(sourceValue) || isNaN(targetValue)) {
+                    console.error('source-value or target-value is not a number in qti-interpolation-table-entry');
+                }
+                entries.set(sourceValue, targetValue);
+            }
+            return entries;
+        }
+        return null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const defaultValue = this.defaultValues(this.cardinality);
+        const outcomeVariable = {
+            identifier: this.identifier,
+            cardinality: this.cardinality,
+            baseType: this.baseType,
+            defaultValue: defaultValue,
+            type: 'outcome',
+            value: null,
+            interpolationTable: this.interpolationTable,
+            externalScored: this.externalScored
+        };
+        // At runtime, outcome variables are instantiated as part of an item session.
+        // Their values may be initialized with a default value and/or set during response processing.
+        // If no default value is given in the declaration then the outcome variable is initialized to NULL unless the outcome is of a numeric type (integer or float) in which case it is initialized to 0.
+        outcomeVariable.value = defaultValue;
+        if ((outcomeVariable.value === null || outcomeVariable.value == undefined) &&
+            (outcomeVariable.baseType === 'integer' || outcomeVariable.baseType === 'float')) {
+            outcomeVariable.value = '0';
+        }
+        this.dispatchEvent(new CustomEvent('qti-register-variable', {
+            bubbles: true,
+            composed: true,
+            detail: { variable: outcomeVariable }
+        }));
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'base-type' })
+], QtiOutcomeDeclaration.prototype, "baseType", void 0);
+__decorate([
+    property({ type: String, attribute: 'external-scored' })
+], QtiOutcomeDeclaration.prototype, "externalScored", void 0);
+__decorate([
+    property({ type: String })
+], QtiOutcomeDeclaration.prototype, "identifier", void 0);
+__decorate([
+    property({ type: String })
+], QtiOutcomeDeclaration.prototype, "cardinality", void 0);
+__decorate([
+    consume({ context: itemContext, subscribe: true }),
+    state()
+], QtiOutcomeDeclaration.prototype, "itemContext", void 0);
+QtiOutcomeDeclaration = __decorate([
+    customElement('qti-outcome-declaration')
+], QtiOutcomeDeclaration);
+export { QtiOutcomeDeclaration };
+//# sourceMappingURL=qti-outcome-declaration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qti-outcome-declaration.js","sourceRoot":"","sources":["../../../src/components/qti-outcome-declaration/qti-outcome-declaration.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { css, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { itemContext } from '@qti-components/base';\nimport { QtiVariableDeclaration } from '@qti-components/base';\n\nimport type { BaseType, Cardinality } from '@qti-components/base';\nimport type { OutcomeVariable } from '@qti-components/base';\nimport type { ItemContext } from '@qti-components/base';\n\n@customElement('qti-outcome-declaration')\nexport class QtiOutcomeDeclaration extends QtiVariableDeclaration {\n  @property({ type: String, attribute: 'base-type' }) baseType: BaseType;\n  @property({ type: String, attribute: 'external-scored' }) externalScored: 'human' | 'externalMachine' | null = null;\n  @property({ type: String }) identifier: string;\n  @property({ type: String }) cardinality: Cardinality;\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  public itemContext?: ItemContext;\n\n  static override styles = [\n    css`\n      :host {\n        display: none;\n      }\n    `\n  ];\n\n  override render() {\n    const value = this.itemContext?.variables.find(v => v.identifier === this.identifier)?.value;\n    return html`${JSON.stringify(value, null, 2)}`;\n  }\n\n  get interpolationTable(): Map<number, number> | null {\n    const table = this.querySelector('qti-interpolation-table');\n    if (table) {\n      const entries = new Map<number, number>();\n      for (const entry of table.querySelectorAll('qti-interpolation-table-entry')) {\n        if (!entry.getAttribute('source-value') && entry.getAttribute('target-value')) {\n          console.error('source-value or target-value is missing in qti-interpolation-table-entry');\n        }\n        const sourceValue = parseFloat(entry.getAttribute('source-value'));\n        const targetValue = parseFloat(entry.getAttribute('target-value'));\n        if (isNaN(sourceValue) || isNaN(targetValue)) {\n          console.error('source-value or target-value is not a number in qti-interpolation-table-entry');\n        }\n        entries.set(sourceValue, targetValue);\n      }\n      return entries;\n    }\n    return null;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    const defaultValue = this.defaultValues(this.cardinality);\n\n    const outcomeVariable: OutcomeVariable = {\n      identifier: this.identifier,\n      cardinality: this.cardinality,\n      baseType: this.baseType,\n      defaultValue: defaultValue,\n      type: 'outcome',\n      value: null,\n      interpolationTable: this.interpolationTable,\n      externalScored: this.externalScored\n    };\n    // At runtime, outcome variables are instantiated as part of an item session.\n    // Their values may be initialized with a default value and/or set during response processing.\n    // If no default value is given in the declaration then the outcome variable is initialized to NULL unless the outcome is of a numeric type (integer or float) in which case it is initialized to 0.\n    outcomeVariable.value = defaultValue;\n    if (\n      (outcomeVariable.value === null || outcomeVariable.value == undefined) &&\n      (outcomeVariable.baseType === 'integer' || outcomeVariable.baseType === 'float')\n    ) {\n      outcomeVariable.value = '0';\n    }\n    this.dispatchEvent(\n      new CustomEvent('qti-register-variable', {\n        bubbles: true,\n        composed: true,\n        detail: { variable: outcomeVariable }\n      })\n    );\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-outcome-declaration': QtiOutcomeDeclaration;\n  }\n}\n"]}

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

@@ -0,0 +1,18 @@
+import { QtiVariableDeclaration } from '@qti-components/base';
+import type { BaseType, Cardinality } from '@qti-components/base';
+import type { ItemContext } from '@qti-components/base';
+export declare class QtiResponseDeclaration extends QtiVariableDeclaration {
+    #private;
+    baseType: BaseType;
+    identifier: string;
+    cardinality: Cardinality;
+    itemContext?: ItemContext;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-response-declaration': QtiResponseDeclaration;
+    }
+}

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

@@ -0,0 +1,117 @@
+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 { css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { itemContext } from '@qti-components/base';
+import { QtiVariableDeclaration } from '@qti-components/base';
+let QtiResponseDeclaration = class QtiResponseDeclaration extends QtiVariableDeclaration {
+    static { this.styles = [
+        css `
+      :host {
+        display: none;
+      }
+    `
+    ]; }
+    render() {
+        const value = this.itemContext?.variables.find(v => v.identifier === this.identifier)?.value;
+        return html `${JSON.stringify(value, null, 2)}`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const defaultValue = this.defaultValues(this.cardinality);
+        const responseVariable = {
+            baseType: this.baseType,
+            identifier: this.identifier,
+            correctResponse: this.#correctResponse,
+            cardinality: this.cardinality || 'single',
+            mapping: this.#mapping,
+            defaultValue,
+            areaMapping: this.#areaMapping,
+            value: null,
+            type: 'response',
+            candidateResponse: null
+        };
+        responseVariable.value = defaultValue;
+        this.dispatchEvent(new CustomEvent('qti-register-variable', {
+            bubbles: true,
+            composed: true,
+            detail: { variable: responseVariable }
+        }));
+    }
+    get #correctResponse() {
+        let result;
+        const correctResponse = this.querySelector('qti-correct-response');
+        if (correctResponse) {
+            const values = correctResponse.querySelectorAll('qti-value');
+            if (this.cardinality === 'single' && values.length > 0) {
+                result = values[0].textContent.trim();
+                values[0].remove();
+            }
+            else if (this.cardinality !== 'single') {
+                result = [];
+                for (let i = 0; i < values.length; i++) {
+                    result.push(values[i].textContent.trim());
+                    values[i].remove();
+                }
+            }
+        }
+        return result;
+    }
+    get #mapping() {
+        const mappingElement = this.querySelector('qti-mapping');
+        const lowerBound = parseFloat(mappingElement?.getAttribute('lower-bound'));
+        const uppperBound = parseFloat(mappingElement?.getAttribute('upper-bound'));
+        const mappingValue = {
+            defaultValue: Number(mappingElement?.getAttribute('default-value')) || 0,
+            lowerBound: isNaN(lowerBound) ? null : lowerBound,
+            upperBound: isNaN(uppperBound) ? null : uppperBound,
+            mapEntries: Array.from(mappingElement?.querySelectorAll('qti-map-entry') || []).map(el => ({
+                mapKey: el.getAttribute('map-key') || '',
+                mappedValue: Number(el.getAttribute('mapped-value')) || 0,
+                caseSensitive: el.hasAttribute('case-sensitive') ? el.getAttribute('case-sensitive') !== 'false' : false
+            }))
+        };
+        return mappingValue;
+    }
+    get #areaMapping() {
+        const areaMappingElement = this.querySelector('qti-area-mapping');
+        const defaultValue = Number(areaMappingElement?.getAttribute('default-value')) || 0;
+        const lowerBound = parseFloat(areaMappingElement?.getAttribute('lower-bound'));
+        const uppperBound = parseFloat(areaMappingElement?.getAttribute('upper-bound'));
+        const areaMapEntries = Array.from(areaMappingElement?.querySelectorAll('qti-area-map-entry') || []).map((el) => ({
+            shape: el.getAttribute('shape') || 'default',
+            coords: el.getAttribute('coords') || '',
+            mappedValue: Number(el.getAttribute('mapped-value')) || 0,
+            defaultValue: Number(el.getAttribute('default-value')) || 0
+        }));
+        return {
+            defaultValue,
+            lowerBound: isNaN(lowerBound) ? null : lowerBound,
+            upperBound: isNaN(uppperBound) ? null : uppperBound,
+            areaMapEntries
+        };
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'base-type' })
+], QtiResponseDeclaration.prototype, "baseType", void 0);
+__decorate([
+    property({ type: String })
+], QtiResponseDeclaration.prototype, "identifier", void 0);
+__decorate([
+    property({ type: String })
+], QtiResponseDeclaration.prototype, "cardinality", void 0);
+__decorate([
+    consume({ context: itemContext, subscribe: true }),
+    state()
+], QtiResponseDeclaration.prototype, "itemContext", void 0);
+QtiResponseDeclaration = __decorate([
+    customElement('qti-response-declaration')
+], QtiResponseDeclaration);
+export { QtiResponseDeclaration };
+//# sourceMappingURL=qti-response-declaration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qti-response-declaration.js","sourceRoot":"","sources":["../../../src/components/qti-response-declaration/qti-response-declaration.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { css, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { itemContext } from '@qti-components/base';\nimport { QtiVariableDeclaration } from '@qti-components/base';\n\nimport type { QtiAreaMapping } from '@qti-components/base';\nimport type { BaseType, Cardinality } from '@qti-components/base';\nimport type { ResponseVariable } from '@qti-components/base';\nimport type { QtiMapping } from '@qti-components/base';\nimport type { ItemContext } from '@qti-components/base';\n\n@customElement('qti-response-declaration')\nexport class QtiResponseDeclaration extends QtiVariableDeclaration {\n  @property({ type: String, attribute: 'base-type' }) baseType: BaseType;\n\n  @property({ type: String }) identifier: string;\n\n  @property({ type: String }) cardinality: Cardinality;\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  public itemContext?: ItemContext;\n\n  static override styles = [\n    css`\n      :host {\n        display: none;\n      }\n    `\n  ];\n\n  override render() {\n    const value = this.itemContext?.variables.find(v => v.identifier === this.identifier)?.value;\n    return html`${JSON.stringify(value, null, 2)}`;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    const defaultValue = this.defaultValues(this.cardinality);\n\n    const responseVariable: ResponseVariable = {\n      baseType: this.baseType,\n      identifier: this.identifier,\n      correctResponse: this.#correctResponse,\n      cardinality: this.cardinality || 'single',\n      mapping: this.#mapping,\n      defaultValue,\n      areaMapping: this.#areaMapping,\n      value: null,\n      type: 'response',\n      candidateResponse: null\n    };\n    responseVariable.value = defaultValue;\n\n    this.dispatchEvent(\n      new CustomEvent('qti-register-variable', {\n        bubbles: true,\n        composed: true,\n        detail: { variable: responseVariable }\n      })\n    );\n  }\n\n  get #correctResponse(): string | string[] {\n    let result: string | string[];\n    const correctResponse = this.querySelector('qti-correct-response');\n    if (correctResponse) {\n      const values = correctResponse.querySelectorAll('qti-value');\n      if (this.cardinality === 'single' && values.length > 0) {\n        result = values[0].textContent.trim();\n        values[0].remove();\n      } else if (this.cardinality !== 'single') {\n        result = [];\n        for (let i = 0; i < values.length; i++) {\n          result.push(values[i].textContent.trim());\n          values[i].remove();\n        }\n      }\n    }\n    return result;\n  }\n\n  get #mapping(): QtiMapping {\n    const mappingElement = this.querySelector('qti-mapping');\n    const lowerBound = parseFloat(mappingElement?.getAttribute('lower-bound'));\n    const uppperBound = parseFloat(mappingElement?.getAttribute('upper-bound'));\n    const mappingValue = {\n      defaultValue: Number(mappingElement?.getAttribute('default-value')) || 0,\n      lowerBound: isNaN(lowerBound) ? null : lowerBound,\n      upperBound: isNaN(uppperBound) ? null : uppperBound,\n      mapEntries: Array.from(mappingElement?.querySelectorAll('qti-map-entry') || []).map(el => ({\n        mapKey: el.getAttribute('map-key') || '',\n        mappedValue: Number(el.getAttribute('mapped-value')) || 0,\n        caseSensitive: el.hasAttribute('case-sensitive') ? el.getAttribute('case-sensitive') !== 'false' : false\n      }))\n    };\n    return mappingValue;\n  }\n\n  get #areaMapping(): QtiAreaMapping {\n    const areaMappingElement = this.querySelector('qti-area-mapping') as HTMLElement;\n\n    const defaultValue = Number(areaMappingElement?.getAttribute('default-value')) || 0;\n    const lowerBound = parseFloat(areaMappingElement?.getAttribute('lower-bound'));\n    const uppperBound = parseFloat(areaMappingElement?.getAttribute('upper-bound'));\n\n    const areaMapEntries = Array.from(areaMappingElement?.querySelectorAll('qti-area-map-entry') || []).map(\n      (el: HTMLElement) => ({\n        shape: (el.getAttribute('shape') as 'default' | 'circle' | 'rect' | 'ellipse' | 'poly') || 'default',\n        coords: el.getAttribute('coords') || '',\n        mappedValue: Number(el.getAttribute('mapped-value')) || 0,\n        defaultValue: Number(el.getAttribute('default-value')) || 0\n      })\n    );\n\n    return {\n      defaultValue,\n      lowerBound: isNaN(lowerBound) ? null : lowerBound,\n      upperBound: isNaN(uppperBound) ? null : uppperBound,\n      areaMapEntries\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-response-declaration': QtiResponseDeclaration;\n  }\n}\n"]}

package/dist/components/qti-response-processing/qti-response-processing.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import type { PropertyValueMap } from 'lit';
+export declare class QtiResponseProcessing extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+    process(): void;
+    firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-response-processing': QtiResponseProcessing;
+    }
+}

package/dist/components/qti-response-processing/qti-response-processing.js

@@ -0,0 +1,58 @@
+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, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { mapResponse, mapResponsePoint, matchCorrect } from '../../internal/template-strings';
+let QtiResponseProcessing = class QtiResponseProcessing extends LitElement {
+    static { this.styles = [
+        css `
+      :host {
+        display: none;
+      }
+    `
+    ]; }
+    render() {
+        return html `<slot></slot>`;
+    }
+    process() {
+        const assessmentItem = this.closest('qti-assessment-item');
+        if (!assessmentItem)
+            return;
+        const rules = [...this.children];
+        for (const rule of rules) {
+            rule.process();
+        }
+    }
+    firstUpdated(_changedProperties) {
+        if (this.getAttribute('template')) {
+            const splittedTemplateName = this.getAttribute('template').split('/');
+            const templateName = splittedTemplateName[splittedTemplateName.length - 1].replace('.xml', '');
+            this.innerHTML = '';
+            switch (templateName) {
+                case 'map_response': {
+                    this.appendChild(this.#fragmentFromString(mapResponse).firstElementChild.firstElementChild);
+                    break;
+                }
+                case 'map_response_point': {
+                    this.appendChild(this.#fragmentFromString(mapResponsePoint).firstElementChild.firstElementChild);
+                    break;
+                }
+                case 'match_correct':
+                    this.appendChild(this.#fragmentFromString(matchCorrect).firstElementChild.firstElementChild);
+                    break;
+            }
+        }
+    }
+    #fragmentFromString(strHTML) {
+        return document.createRange().createContextualFragment(strHTML);
+    }
+};
+QtiResponseProcessing = __decorate([
+    customElement('qti-response-processing')
+], QtiResponseProcessing);
+export { QtiResponseProcessing };
+//# sourceMappingURL=qti-response-processing.js.map

package/dist/components/qti-response-processing/qti-response-processing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-response-processing.js","sourceRoot":"","sources":["../../../src/components/qti-response-processing/qti-response-processing.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAKvF,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;aACnC,WAAM,GAAG;QACvB,GAAG,CAAA;;;;KAIF;KACF,AANqB,CAMpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;IAEM,OAAO;QACZ,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC3D,IAAI,CAAC,cAAc;YAAE,OAAO;QAC5B,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAA6B,CAAC;QAC7D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAEe,YAAY,CAAC,kBAAqE;QAChG,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YAClC,MAAM,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACvE,MAAM,YAAY,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC/F,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,QAAQ,YAAY,EAAE,CAAC;gBACrB,KAAK,cAAc,CAAC,CAAC,CAAC;oBACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;oBAC5F,MAAM;gBACR,CAAC;gBACD,KAAK,oBAAoB,CAAC,CAAC,CAAC;oBAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;oBACjG,MAAM;gBACR,CAAC;gBACD,KAAK,eAAe;oBAClB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;oBAC7F,MAAM;YACV,CAAC;QACH,CAAC;IACH,CAAC;IAED,mBAAmB,CAAC,OAAe;QACjC,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;;AA7CU,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CA8CjC","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { type QtiRuleBase } from '@qti-components/base';\n\nimport { mapResponse, mapResponsePoint, matchCorrect } from '../../internal/template-strings';\n\nimport type { PropertyValueMap } from 'lit';\n\n@customElement('qti-response-processing')\nexport class QtiResponseProcessing extends LitElement {\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  public process() {\n    const assessmentItem = this.closest('qti-assessment-item');\n    if (!assessmentItem) return;\n    const rules = [...this.children] as unknown as QtiRuleBase[];\n    for (const rule of rules) {\n      rule.process();\n    }\n  }\n\n  public override firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    if (this.getAttribute('template')) {\n      const splittedTemplateName = this.getAttribute('template')!.split('/');\n      const templateName = splittedTemplateName[splittedTemplateName.length - 1].replace('.xml', '');\n      this.innerHTML = '';\n      switch (templateName) {\n        case 'map_response': {\n          this.appendChild(this.#fragmentFromString(mapResponse).firstElementChild.firstElementChild);\n          break;\n        }\n        case 'map_response_point': {\n          this.appendChild(this.#fragmentFromString(mapResponsePoint).firstElementChild.firstElementChild);\n          break;\n        }\n        case 'match_correct':\n          this.appendChild(this.#fragmentFromString(matchCorrect).firstElementChild.firstElementChild);\n          break;\n      }\n    }\n  }\n\n  #fragmentFromString(strHTML: string) {\n    return document.createRange().createContextualFragment(strHTML);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-response-processing': QtiResponseProcessing;\n  }\n}\n"]}

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class QtiRubricBlock extends LitElement {
+    id: string;
+    use: 'instructions' | 'scoring' | 'navigation';
+    view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor';
+    classNames: string;
+    handleclassNamesChange(): void;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-rubric-block': QtiRubricBlock;
+    }
+}

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

@@ -0,0 +1,65 @@
+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, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { watch } from '@qti-components/utilities';
+let QtiRubricBlock = class QtiRubricBlock extends LitElement {
+    handleclassNamesChange() {
+        const classNames = this.classNames.split(' ');
+        classNames.forEach((className) => {
+            switch (className) {
+                case 'qti-rubric-discretionary-placement':
+                    {
+                        const event = new CustomEvent('qti-rubric:discretionary-placement', {
+                            detail: { className, element: this },
+                            bubbles: true,
+                            composed: true,
+                            cancelable: true
+                        });
+                        const notCancelled = this.dispatchEvent(event);
+                        if (!notCancelled)
+                            return;
+                        this.setAttribute('slot', 'qti-rubric-block');
+                    }
+                    break;
+                case 'qti-rubric-inline':
+                    this.setAttribute('slot', '');
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+  `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], QtiRubricBlock.prototype, "id", void 0);
+__decorate([
+    property({ type: String })
+], QtiRubricBlock.prototype, "use", void 0);
+__decorate([
+    property({ type: String })
+], QtiRubricBlock.prototype, "view", void 0);
+__decorate([
+    property({ type: String, attribute: 'class' })
+], QtiRubricBlock.prototype, "classNames", void 0);
+__decorate([
+    watch('classNames', { waitUntilFirstUpdate: true })
+], QtiRubricBlock.prototype, "handleclassNamesChange", null);
+QtiRubricBlock = __decorate([
+    customElement('qti-rubric-block')
+], QtiRubricBlock);
+export { QtiRubricBlock };
+//# sourceMappingURL=qti-rubric-block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qti-rubric-block.js","sourceRoot":"","sources":["../../../src/components/qti-rubric-block/qti-rubric-block.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAG3C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAS5C,sBAAsB;QACpB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,UAAU,CAAC,OAAO,CAAC,CAAC,SAAiB,EAAE,EAAE;YACvC,QAAQ,SAAS,EAAE,CAAC;gBAClB,KAAK,oCAAoC;oBACvC,CAAC;wBACC,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,oCAAoC,EAAE;4BAClE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE;4BACpC,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,IAAI;4BACd,UAAU,EAAE,IAAI;yBACjB,CAAC,CAAC;wBACH,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC/C,IAAI,CAAC,YAAY;4BAAE,OAAO;wBAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;oBAChD,CAAC;oBACD,MAAM;gBACR,KAAK,mBAAmB;oBACtB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;oBAC9B,MAAM;gBACR;oBACE,MAAM;YACV,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;aAEe,WAAM,GAAG,GAAG,CAAA;;;;GAI3B,AAJqB,CAIpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA1CoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAqB;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAgD;AAE/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmF;AAE9D;IAA/C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;kDAAoB;AAEnE;IADC,KAAK,CAAC,YAAY,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;4DAyBnD;AAjCU,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA4C1B","sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { watch } from '@qti-components/utilities';\n\n@customElement('qti-rubric-block')\nexport class QtiRubricBlock extends LitElement {\n  @property({ type: String }) override id: string; // =\"qtiAspectInhoudRubricBlock\"\n\n  @property({ type: String }) use: 'instructions' | 'scoring' | 'navigation'; //  = \"scoring\"\n\n  @property({ type: String }) view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor';\n\n  @property({ type: String, attribute: 'class' }) classNames: string;\n  @watch('classNames', { waitUntilFirstUpdate: true })\n  handleclassNamesChange() {\n    const classNames = this.classNames.split(' ');\n    classNames.forEach((className: string) => {\n      switch (className) {\n        case 'qti-rubric-discretionary-placement':\n          {\n            const event = new CustomEvent('qti-rubric:discretionary-placement', {\n              detail: { className, element: this },\n              bubbles: true,\n              composed: true,\n              cancelable: true\n            });\n            const notCancelled = this.dispatchEvent(event);\n            if (!notCancelled) return;\n            this.setAttribute('slot', 'qti-rubric-block');\n          }\n          break;\n        case 'qti-rubric-inline':\n          this.setAttribute('slot', '');\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-rubric-block': QtiRubricBlock;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import type { PropertyValueMap } from 'lit';
+export declare class QtiStylesheet extends LitElement {
+    #private;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-stylesheet': QtiStylesheet;
+    }
+}

package/dist/components/qti-stylesheet/qti-stylesheet.js

@@ -0,0 +1,77 @@
+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 QtiStylesheet = class QtiStylesheet extends LitElement {
+    #styleElement = null;
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        const link = this.getAttribute('href');
+        if (link !== null) {
+            // Fetch the stylesheet content
+            fetch(link)
+                .then(response => response.text())
+                .then(cssContent => {
+                // Minify the CSS content by removing whitespace and comments
+                const minifiedCss = this.#minifyCss(cssContent);
+                // Create a <style> element with @scope surrounding the minified CSS
+                this.#styleElement = document.createElement('style');
+                this.#styleElement.media = 'screen';
+                this.#styleElement.textContent = `@scope {${minifiedCss}}`;
+                // Append the style element to the parent element of this component
+                if (this.parentElement) {
+                    this.parentElement.appendChild(this.#styleElement);
+                }
+                else {
+                    console.warn('No parent element to append the scoped stylesheet to.');
+                }
+            })
+                .catch(error => {
+                console.error('Failed to load stylesheet:', error);
+            });
+        }
+        if (this.textContent !== null && this.textContent.trim() !== '') {
+            // Minify the inline CSS content
+            const minifiedCss = this.#minifyCss(this.textContent);
+            // Directly create a <style> element with the @scope surrounding the minified inline styles
+            this.#styleElement = document.createElement('style');
+            this.#styleElement.media = 'screen';
+            this.#styleElement.textContent = `@scope {${minifiedCss}}`;
+            // Append the style element to the parent element of this component
+            if (this.parentElement) {
+                this.parentElement.appendChild(this.#styleElement);
+            }
+            else {
+                console.warn('No parent element to append the scoped stylesheet to.');
+            }
+        }
+    }
+    #minifyCss(cssContent) {
+        // Remove comments, whitespace, and newline characters
+        return cssContent
+            .replace(/\/\*[\s\S]*?\*\//g, '') // Remove comments
+            .replace(/\s+/g, ' ') // Collapse whitespace
+            .replace(/\s*([{}:;])\s*/g, '$1') // Remove spaces around {}, :, ;
+            .trim(); // Trim leading/trailing whitespace
+    }
+    disconnectedCallback() {
+        if (this.#styleElement) {
+            try {
+                this.#styleElement.remove();
+            }
+            catch (error) {
+                console.error('Could not remove stylesheet:', error);
+            }
+        }
+        super.disconnectedCallback();
+    }
+};
+QtiStylesheet = __decorate([
+    customElement('qti-stylesheet')
+], QtiStylesheet);
+export { QtiStylesheet };
+//# sourceMappingURL=qti-stylesheet.js.map

package/dist/components/qti-stylesheet/qti-stylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-stylesheet.js","sourceRoot":"","sources":["../../../src/components/qti-stylesheet/qti-stylesheet.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK3C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAC3C,aAAa,GAA4B,IAAI,CAAC;IAE3B,YAAY,CAAC,kBAAqE;QACnG,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QAEvC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAEvC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,+BAA+B;YAC/B,KAAK,CAAC,IAAI,CAAC;iBACR,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;iBACjC,IAAI,CAAC,UAAU,CAAC,EAAE;gBACjB,6DAA6D;gBAC7D,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;gBAEhD,oEAAoE;gBACpE,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACrD,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACpC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,WAAW,WAAW,GAAG,CAAC;gBAE3D,mEAAmE;gBACnE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACrD,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;gBACxE,CAAC;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,KAAK,CAAC,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;QACP,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAChE,gCAAgC;YAChC,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAEtD,2FAA2F;YAC3F,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,WAAW,WAAW,GAAG,CAAC;YAE3D,mEAAmE;YACnE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACrD,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC;IAED,UAAU,CAAC,UAAkB;QAC3B,sDAAsD;QACtD,OAAO,UAAU;aACd,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,kBAAkB;aACnD,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,sBAAsB;aAC3C,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,gCAAgC;aACjE,IAAI,EAAE,CAAC,CAAC,mCAAmC;IAChD,CAAC;IAEQ,oBAAoB;QAC3B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC;gBACH,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;YAC9B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;YACvD,CAAC;QACH,CAAC;QACD,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;CACF,CAAA;AAtEY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAsEzB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport type { PropertyValueMap } from 'lit';\n\n@customElement('qti-stylesheet')\nexport class QtiStylesheet extends LitElement {\n  #styleElement: HTMLStyleElement | null = null;\n\n  protected override firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties);\n\n    const link = this.getAttribute('href');\n\n    if (link !== null) {\n      // Fetch the stylesheet content\n      fetch(link)\n        .then(response => response.text())\n        .then(cssContent => {\n          // Minify the CSS content by removing whitespace and comments\n          const minifiedCss = this.#minifyCss(cssContent);\n\n          // Create a <style> element with @scope surrounding the minified CSS\n          this.#styleElement = document.createElement('style');\n          this.#styleElement.media = 'screen';\n          this.#styleElement.textContent = `@scope {${minifiedCss}}`;\n\n          // Append the style element to the parent element of this component\n          if (this.parentElement) {\n            this.parentElement.appendChild(this.#styleElement);\n          } else {\n            console.warn('No parent element to append the scoped stylesheet to.');\n          }\n        })\n        .catch(error => {\n          console.error('Failed to load stylesheet:', error);\n        });\n    }\n\n    if (this.textContent !== null && this.textContent.trim() !== '') {\n      // Minify the inline CSS content\n      const minifiedCss = this.#minifyCss(this.textContent);\n\n      // Directly create a <style> element with the @scope surrounding the minified inline styles\n      this.#styleElement = document.createElement('style');\n      this.#styleElement.media = 'screen';\n      this.#styleElement.textContent = `@scope {${minifiedCss}}`;\n\n      // Append the style element to the parent element of this component\n      if (this.parentElement) {\n        this.parentElement.appendChild(this.#styleElement);\n      } else {\n        console.warn('No parent element to append the scoped stylesheet to.');\n      }\n    }\n  }\n\n  #minifyCss(cssContent: string): string {\n    // Remove comments, whitespace, and newline characters\n    return cssContent\n      .replace(/\\/\\*[\\s\\S]*?\\*\\//g, '') // Remove comments\n      .replace(/\\s+/g, ' ') // Collapse whitespace\n      .replace(/\\s*([{}:;])\\s*/g, '$1') // Remove spaces around {}, :, ;\n      .trim(); // Trim leading/trailing whitespace\n  }\n\n  override disconnectedCallback() {\n    if (this.#styleElement) {\n      try {\n        this.#styleElement.remove();\n      } catch (error) {\n        console.error('Could not remove stylesheet:', error);\n      }\n    }\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-stylesheet': QtiStylesheet;\n  }\n}\n"]}

package/dist/components/qti-template-constraint/qti-template-constraint.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import type { QtiRuleBase } from '@qti-components/base';
+/**
+ * @summary The qti-template-constraint element is a processing rule available only in Template Processing.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.template-constraint
+ *
+ * It terminates Template Processing and re-runs it from the beginning if the condition
+ * specified in the template constraint is not satisfied. This can be used to iterate
+ * the Template Processing with different randomly-generated values until a predetermined
+ * condition is satisfied.
+ */
+export declare class QtiTemplateConstraint extends LitElement implements QtiRuleBase {
+    render(): import("lit").TemplateResult<1>;
+    /**
+     * Evaluates the constraint condition
+     * @returns true if constraint is satisfied, false if template processing should restart
+     */
+    calculate(): boolean;
+    /**
+     * Template constraints don't have sub-rules like conditions
+     */
+    getSubRules(): QtiRuleBase[];
+    /**
+     * Process the template constraint
+     * @returns true if constraint is satisfied, false if template processing should restart
+     */
+    process(): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-template-constraint': QtiTemplateConstraint;
+    }
+}