@citolab/qti-components 7.0.8 → 7.0.9-beta.0

package/dist/chunks/{chunk-GQ5P3NWC.js → chunk-FZVLLSCM.js}

@@ -1,21 +1,25 @@
-import {
-  TestComponent
-} from "./chunk-MLT7V47R.js";
 import {
   btn,
   dis
 } from "./chunk-4O5F7WV7.js";
+import {
+  sessionContext
+} from "./chunk-QTH3WLGY.js";
+import {
+  computedContext
+} from "./chunk-J4MM4JXS.js";
 import {
   __decorateClass
 } from "./chunk-H2JE6IVU.js";
 
 // src/lib/qti-test/components/test-show-correct-response.ts
-import { css, html } from "lit";
+import { css, html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
-var TestShowCorrectResponse = class extends TestComponent {
+import { consume } from "@lit/context";
+var TestShowCorrectResponse = class extends LitElement {
   _processResponse() {
-    const qtiItemEl = this._testElement.querySelector(
-      `qti-assessment-item-ref[identifier="${this._testContext.navItemId}"]`
+    const qtiItemEl = this.computedContext.testElement.querySelector(
+      `qti-assessment-item-ref[identifier="${this.sessionContext.navItemId}"]`
     );
     const qtiAssessmentItemEl = qtiItemEl.assessmentItem;
     qtiAssessmentItemEl.showCorrectResponse(true);
@@ -36,6 +40,12 @@ TestShowCorrectResponse.styles = css`
       ${dis};
     }
   `;
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestShowCorrectResponse.prototype, "computedContext", 2);
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestShowCorrectResponse.prototype, "sessionContext", 2);
 TestShowCorrectResponse = __decorateClass([
   customElement("test-show-correct-response")
 ], TestShowCorrectResponse);
@@ -43,4 +53,4 @@ TestShowCorrectResponse = __decorateClass([
 export {
   TestShowCorrectResponse
 };
-//# sourceMappingURL=chunk-GQ5P3NWC.js.map
+//# sourceMappingURL=chunk-FZVLLSCM.js.map

package/dist/chunks/chunk-FZVLLSCM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-show-correct-response.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { computedContext } from '../../exports/computed.context';\nimport { sessionContext } from '../../exports/session.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { QtiAssessmentItem } from '../../qti-components';\nimport type { QtiAssessmentItemRef } from '../core';\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-show-correct-response')\nexport class TestShowCorrectResponse extends LitElement {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\n\n  _processResponse() {\n    const qtiItemEl = this.computedContext.testElement.querySelector<QtiAssessmentItemRef>(\n      `qti-assessment-item-ref[identifier=\"${this.sessionContext.navItemId}\"]`\n    );\n    const qtiAssessmentItemEl = qtiItemEl.assessmentItem as QtiAssessmentItem;\n    qtiAssessmentItemEl.showCorrectResponse(true);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._processResponse());\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-show-correct-response': TestShowCorrectResponse;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAYjB,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAgBtD,mBAAmB;AACjB,UAAM,YAAY,KAAK,gBAAgB,YAAY;AAAA,MACjD,uCAAuC,KAAK,eAAe,SAAS;AAAA,IACtE;AACA,UAAM,sBAAsB,UAAU;AACtC,wBAAoB,oBAAoB,IAAI;AAAA,EAC9C;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,CAAC;AAAA,EAC9D;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAhCa,wBACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAKR;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAV3C,wBAWH;AAGA;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAb1C,wBAcH;AAdG,0BAAN;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B;","names":[]}

package/dist/chunks/chunk-GNCPECOC.js

@@ -0,0 +1,45 @@
+import {
+  computedContext
+} from "./chunk-J4MM4JXS.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-paging-buttons-stamp.ts
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+import { consume } from "@lit/context";
+var TestPagingButtonsStamp = class extends LitElement {
+  createRenderRoot() {
+    return this;
+  }
+  constructor() {
+    super();
+    this._internals = this.attachInternals();
+    this._internals.ariaLabel = "pagination";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  render() {
+    if (!this.computedContext) return html``;
+    const items = this.computedContext.testParts.flatMap(
+      (testPart) => testPart.sections.flatMap((section) => section.items)
+    );
+    return html` ${items.map((item) => this.myTemplate({ item }))} `;
+  }
+};
+__decorateClass([
+  consume({ context: computedContext, subscribe: true })
+], TestPagingButtonsStamp.prototype, "computedContext", 2);
+TestPagingButtonsStamp = __decorateClass([
+  customElement("test-paging-buttons-stamp")
+], TestPagingButtonsStamp);
+
+export {
+  TestPagingButtonsStamp
+};
+//# sourceMappingURL=chunk-GNCPECOC.js.map

package/dist/chunks/chunk-GNCPECOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-paging-buttons-stamp.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n@customElement('test-paging-buttons-stamp')\nexport class TestPagingButtonsStamp extends LitElement {\n  @consume({ context: computedContext, subscribe: true })\n  private computedContext: ComputedContext;\n\n  myTemplate: TemplateFunction;\n  private _internals: ElementInternals;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    this.myTemplate = prepareTemplate(templateElement);\n  }\n\n  render() {\n    if (!this.computedContext) return html``;\n    const items = this.computedContext.testParts.flatMap(testPart =>\n      testPart.sections.flatMap(section => section.items)\n    );\n    // const items = this._testContext.items.reduce(\n    //   (acc, item) => {\n    //     const isDepInfoItem = item.category?.split(' ').includes(this.skipOnCategory);\n    //     const newIndex = isDepInfoItem ? 'i' : acc.counter++;\n    //     acc.result.push({\n    //       ...item,\n    //       newIndex // Assign the new index, which only increments for non-info items\n    //     });\n    //     return acc;\n    //   },\n    //   { counter: 0, result: [] }\n    // ).result;\n\n    // // Get the index of the current item\n    // const itemIndex = items.findIndex(item => item.identifier === this._sessionContext.navItemId);\n\n    // // Calculate the start and end range based on maxDisplayedItems\n    // const start = Math.max(0, itemIndex - this.maxDisplayedItems);\n    // const end = Math.min(items.length, itemIndex + this.maxDisplayedItems + 1);\n\n    // // console.log('start', start, 'end', end);\n    // // Adjust the items array to only include the clamped range\n    // const clampedItems = items.slice(start, end);\n\n    // const items = this._testContext.items;\n    // const items = this.testContextController.computedContext.items;\n    // console.log(items);\n\n    return html` ${items.map(item => this.myTemplate({ item }))} `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-paging-buttons-stamp': TestPagingButtonsStamp;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,IAAM,yBAAN,cAAqC,WAAW;AAAA,EAO3C,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,SAAS;AACP,QAAI,CAAC,KAAK,gBAAiB,QAAO;AAClC,UAAM,QAAQ,KAAK,gBAAgB,UAAU;AAAA,MAAQ,cACnD,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AAAA,IACpD;AA6BA,WAAO,QAAQ,MAAM,IAAI,UAAQ,KAAK,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAAA,EAC7D;AACF;AAxDU;AAAA,EADP,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAD3C,uBAEH;AAFG,yBAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;","names":[]}