@citolab/qti-components 8.0.0 → 8.0.2

package/dist/chunk-W4QZPCNC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../qti-item/src/components/item-container/item-container.ts","../../qti-item/src/components/item-print-variables/item-print-variables.ts","../../qti-item/src/components/qti-item/qti-item.ts","../../qti-item/src/elements.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\n\nimport { qtiContext } from '@qti-components/base';\nimport { watch } from '@qti-components/utilities';\nimport { qtiTransformItem } from '@qti-components/transformers';\n\n// eslint-disable-next-line import/no-relative-packages\nimport itemCss from '../../../../qti-theme/src/item.css?inline';\n\nimport type { QtiContext } from '@qti-components/base';\n\n/**\n * `<item-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-item` will be placed inside the shadow DOM of this element.\n * The element loads the item from the provided URL and renders it inside the shadow DOM.\n *\n * ### Styling\n * Add a class to the element for styling.\n *\n * ```html\n * <qti-item>\n *   <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n * </qti-item>\n * ```\n */\n\nexport class ItemContainer extends LitElement {\n  /** Scoped registry used by the item shadow root. Must be set before connection. */\n  @property({ attribute: false })\n  customElementRegistry: CustomElementRegistry | null = null;\n\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'item-url' })\n  itemURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  itemDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  itemXML: string = null;\n\n  @state()\n  @consume({ context: qtiContext, subscribe: true })\n  protected qtiContext: QtiContext = {\n    QTI_CONTEXT: { testIdentifier: '', candidateIdentifier: '', environmentIdentifier: 'default' }\n  };\n\n  /** Template content if provided */\n  #templateContent: unknown = null;\n  #resolvedCustomElementRegistry: CustomElementRegistry | null = null;\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const registry = this.customElementRegistry;\n\n    this.#resolvedCustomElementRegistry = registry;\n\n    return (\n      this.shadowRoot ??\n      this.attachShadow({\n        ...(this.constructor as typeof ItemContainer).shadowRootOptions,\n        ...(registry ? { customElementRegistry: registry } : {})\n      })\n    );\n  }\n\n  @watch('itemURL', { waitUntilFirstUpdate: true })\n  protected async handleItemURLChange() {\n    if (!this.itemURL) return;\n    try {\n      const explicitSeed = this.qtiContext?.QTI_CONTEXT?.seed;\n      const api = (await qtiTransformItem().load(this.itemURL)).shuffleInteractions(explicitSeed);\n      this.itemDoc = api.htmlDoc(this.#resolvedCustomElementRegistry ?? undefined);\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('itemXML', { waitUntilFirstUpdate: true })\n  protected handleItemXMLChange() {\n    if (!this.itemXML) return;\n    try {\n      this.itemDoc = qtiTransformItem()\n        .parse(this.itemXML)\n        .htmlDoc(this.#resolvedCustomElementRegistry ?? undefined);\n    } catch (error) {\n      console.error('Error parsing XML:', error);\n    }\n  }\n\n  override async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    this.#initializeTemplateContent();\n    this.#applyStyles();\n    if (this.itemURL) {\n      this.handleItemURLChange();\n    }\n    if (this.itemXML) {\n      this.handleItemXMLChange();\n    }\n  }\n\n  #initializeTemplateContent() {\n    const template = this.querySelector('template') as HTMLTemplateElement;\n    this.#templateContent = template ? template.content : html``;\n  }\n\n  #applyStyles() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(itemCss);\n    this.shadowRoot.adoptedStyleSheets = [sheet];\n  }\n\n  override render() {\n    return html`\n      ${this.#templateContent}\n      <slot></slot>\n      ${until(this.itemDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-container': ItemContainer;\n  }\n}\n","import { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\n\nimport { computedItemContext } from '@qti-components/base';\n\nimport type { ResponseVariable } from '@qti-components/base';\nimport type { ComputedItemContext } from '@qti-components/base';\n\nexport class ItemPrintVariables extends LitElement {\n  @consume({ context: computedItemContext, subscribe: true })\n  protected computedContext?: ComputedItemContext;\n\n  static override styles = css`\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 20px 0;\n      font-size: 14px;\n      text-align: left;\n    }\n    th,\n    td {\n      border: 1px solid #ddd;\n      padding: 8px;\n    }\n    th {\n      background-color: #f4f4f4;\n      font-weight: bold;\n    }\n    h3 {\n      margin-top: 20px;\n      font-size: 16px;\n    }\n  `;\n\n  override render() {\n    const activeItem = this.computedContext;\n\n    if (!activeItem || !activeItem.variables) return html``;\n\n    const responseVariables: ResponseVariable[] = activeItem.variables.filter(v => v.type === 'response');\n    const outcomeVariables = activeItem.variables.filter(v => v.type === 'outcome');\n\n    const renderTable = (variables: ResponseVariable[], title: string) => html`\n      <h3>${title}</h3>\n      <table>\n        <thead>\n          <tr>\n            <th>Identifier</th>\n            <th>Value</th>\n            <th>Cardinality</th>\n            <th>Base Type</th>\n            <th>Correct Response / Mappings</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${variables.map(v => {\n            const correctResponse = v.correctResponse\n              ? Array.isArray(v.correctResponse)\n                ? v.correctResponse.join(', ')\n                : v.correctResponse\n              : '';\n\n            const mapEntries = v.mapping?.mapEntries?.map(m => `${m.mapKey}=${m.mappedValue}pt`).join(', ') || '';\n\n            const areaMapEntries =\n              v.areaMapping?.areaMapEntries?.map(m => `${m.shape}(${m.coords})=${m.mappedValue}pt`).join(', ') || '';\n\n            return html`\n              <tr>\n                <td>${v.identifier}</td>\n                <td>${Array.isArray(v.value) ? v.value.join(', ') : v.value}</td>\n                <td>${v.cardinality}</td>\n                <td>${v.baseType}</td>\n                <td>${correctResponse || mapEntries || areaMapEntries}</td>\n              </tr>\n            `;\n          })}\n        </tbody>\n      </table>\n    `;\n\n    return html`\n      ${renderTable(responseVariables, 'Response Variables')} ${renderTable(outcomeVariables, 'Outcome Variables')}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-print-variables': ItemPrintVariables;\n  }\n}\n","import { provide } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\n\nimport { computedItemContext } from '@qti-components/base';\nimport { configContext } from '@qti-components/base';\nimport { qtiContext } from '@qti-components/base';\n\nimport type { QtiAssessmentItem } from '@qti-components/elements';\nimport type { ConfigContext } from '@qti-components/base';\nimport type { QtiContext } from '@qti-components/base';\nimport type { ItemContext } from '@qti-components/base';\nimport type { VariableDeclaration } from '@qti-components/base';\nimport type { ComputedItemContext } from '@qti-components/base';\n\n/**\n * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\n * It can also host some functionalities to interact with the item like scoring, showing feedback, etc.\n * Placing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\n * See `<item-container>` for more details.\n *\n * ```html\n * <qti-item>\n *   <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n * </qti-item>\n * ```\n */\n\nexport class QtiItem extends LitElement {\n  @state()\n  @provide({ context: computedItemContext })\n  public computedContext: ComputedItemContext;\n  protected assessmentItem?: QtiAssessmentItem;\n\n  @state()\n  @provide({ context: configContext })\n  public configContext: ConfigContext = {};\n\n  /**\n   * Provided so that descendants (e.g. `<item-container>`) can read the QTI runtime\n   * context for standalone item delivery, including the optional shuffle `seed`.\n   */\n  @state()\n  @provide({ context: qtiContext })\n  public qtiContext: QtiContext = {\n    QTI_CONTEXT: {\n      testIdentifier: '',\n      candidateIdentifier: '',\n      environmentIdentifier: 'default'\n    }\n  };\n\n  // Store event handlers as instance properties\n  #onItemContextChanged = this.#handleItemContextChanged.bind(this);\n  #onAssessmentItemConnected = this.#handleAssessmentItemConnected.bind(this);\n\n  constructor() {\n    super();\n    this.addEventListener('qti-item-context-updated', this.#onItemContextChanged);\n    this.addEventListener('qti-assessment-item-connected', this.#onAssessmentItemConnected);\n  }\n\n  #handleItemContextChanged(e: CustomEvent<{ itemContext: ItemContext }>) {\n    this.#updateItemVariablesInTestContext(e.detail.itemContext.identifier, e.detail?.itemContext?.variables || []);\n  }\n\n  #handleAssessmentItemConnected(e: CustomEvent<QtiAssessmentItem>) {\n    const fullVariables = (e.detail as any)._context.variables;\n    this.assessmentItem = e.detail;\n    this.computedContext =\n      this.computedContext?.identifier === this.assessmentItem.identifier\n        ? { ...this.computedContext, title: this.assessmentItem.title }\n        : ({\n            identifier: this.assessmentItem.identifier,\n            title: this.assessmentItem.title,\n            adaptive: this.assessmentItem.getAttribute('adaptive')?.toLowerCase() === 'true' || false,\n            variables: fullVariables\n          } as ComputedItemContext);\n    this.#updateItemVariablesInTestContext(this.assessmentItem.identifier, fullVariables || []);\n  }\n\n  #updateItemVariablesInTestContext(\n    identifier: string,\n    variables: readonly VariableDeclaration<string | string[] | null>[]\n  ): void {\n    const rawscore = variables?.find(vr => vr.identifier == 'SCORE')?.value;\n    const score = parseFloat(rawscore?.toString());\n    const completionStatus = variables?.find(v => v.identifier === 'completionStatus')?.value;\n\n    const correct = score !== undefined && !isNaN(score) && score > 0;\n    const incorrect = score !== undefined && !isNaN(score) && score <= 0;\n    const completed = completionStatus === 'completed';\n    this.computedContext = {\n      ...this.computedContext,\n      identifier,\n      correct,\n      incorrect,\n      completed,\n      variables\n    };\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('qti-item-context-changed', this.#onItemContextChanged);\n    this.removeEventListener('qti-assessment-item-connected', this.#onAssessmentItemConnected);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-item': QtiItem;\n  }\n}\n","import { ItemContainer } from './components/item-container/item-container';\nimport { ItemPrintVariables } from './components/item-print-variables/item-print-variables';\nimport { QtiItem } from './components/qti-item/qti-item';\n\nexport { ItemContainer, ItemPrintVariables, QtiItem };\n\nexport const qtiItemElements = [\n  { tag: 'item-container', ctor: ItemContainer },\n  { tag: 'item-print-variables', ctor: ItemPrintVariables },\n  { tag: 'qti-item', ctor: QtiItem }\n] as const;\n"],"mappings":"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","names":["i","i","m","__decorate","i","e","__decorate"]}