@citolab/qti-components 7.0.6-next.0 → 7.0.6

package/dist/{chunk-4CSM2PCC.js → chunks/chunk-D3RGDWKP.js}

@@ -34,4 +34,4 @@ function liveQuery(querySelector, _options) {
 export {
   liveQuery
 };
-//# sourceMappingURL=chunk-4CSM2PCC.js.map
+//# sourceMappingURL=chunk-D3RGDWKP.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/decorators/live-query.ts"],"sourcesContent":["// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n\nimport type { LitElement } from 'lit';\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void;\n\ntype NonUndefined<A> = A extends undefined ? never : A;\n\ntype UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;\n}[keyof T];\n\ninterface LiveQueryOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n}\n\nexport function liveQuery(querySelector: string, _options?: LiveQueryOptions) {\n  let observer: MutationObserver;\n  // const resolvedOptions: Required<LiveQueryOptions> = {\n  //   ...options\n  // };\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>\n  ): void => {\n    const { connectedCallback, disconnectedCallback } = proto;\n\n    proto.connectedCallback = function (this: ElemClass) {\n      connectedCallback.call(this);\n      const callback = (mutationList: MutationRecord[]) => {\n        const elementsToWatch = Array.from(this.querySelectorAll(querySelector)).concat(\n          Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])\n        );\n        for (const mutation of mutationList) {\n          const addedNodes = Array.from(mutation.addedNodes).map(e => e as Element);\n          const removedNodes = Array.from(mutation.addedNodes).map(e => e as Element);\n          if (mutation.type === 'childList' && addedNodes.find(n => elementsToWatch.includes(n))) {\n            (this[decoratedFnName] as unknown as UpdateHandler)(addedNodes, removedNodes);\n          }\n        }\n      };\n      observer = new MutationObserver(callback);\n      observer.observe(this, { childList: true, subtree: true });\n\n      const elementsAdded = Array.from(this.querySelectorAll(querySelector)).concat(\n        Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])\n      );\n      (this[decoratedFnName] as unknown as UpdateHandler)(Array.from(elementsAdded), []);\n    };\n\n    proto.disconnectedCallback = function (this: ElemClass) {\n      disconnectedCallback.call(this);\n      observer.disconnect();\n    };\n  };\n}\n"],"mappings":";AA8BO,SAAS,UAAU,eAAuB,UAA6B;AAC5E,MAAI;AAIJ,SAAO,CACL,OACA,oBACS;AACT,UAAM,EAAE,mBAAmB,qBAAqB,IAAI;AAEpD,UAAM,oBAAoB,WAA2B;AACnD,wBAAkB,KAAK,IAAI;AAC3B,YAAM,WAAW,CAAC,iBAAmC;AACnD,cAAM,kBAAkB,MAAM,KAAK,KAAK,iBAAiB,aAAa,CAAC,EAAE;AAAA,UACvE,MAAM,KAAK,KAAK,YAAY,iBAAiB,aAAa,KAAK,CAAC,CAAC;AAAA,QACnE;AACA,mBAAW,YAAY,cAAc;AACnC,gBAAM,aAAa,MAAM,KAAK,SAAS,UAAU,EAAE,IAAI,OAAK,CAAY;AACxE,gBAAM,eAAe,MAAM,KAAK,SAAS,UAAU,EAAE,IAAI,OAAK,CAAY;AAC1E,cAAI,SAAS,SAAS,eAAe,WAAW,KAAK,OAAK,gBAAgB,SAAS,CAAC,CAAC,GAAG;AACtF,YAAC,KAAK,eAAe,EAA+B,YAAY,YAAY;AAAA,UAC9E;AAAA,QACF;AAAA,MACF;AACA,iBAAW,IAAI,iBAAiB,QAAQ;AACxC,eAAS,QAAQ,MAAM,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAEzD,YAAM,gBAAgB,MAAM,KAAK,KAAK,iBAAiB,aAAa,CAAC,EAAE;AAAA,QACrE,MAAM,KAAK,KAAK,YAAY,iBAAiB,aAAa,KAAK,CAAC,CAAC;AAAA,MACnE;AACA,MAAC,KAAK,eAAe,EAA+B,MAAM,KAAK,aAAa,GAAG,CAAC,CAAC;AAAA,IACnF;AAEA,UAAM,uBAAuB,WAA2B;AACtD,2BAAqB,KAAK,IAAI;AAC9B,eAAS,WAAW;AAAA,IACtB;AAAA,EACF;AACF;","names":[]}

package/dist/chunks/chunk-DLUJN2FW.js

@@ -0,0 +1,22 @@
+// src/lib/exports/item.context.ts
+var itemContextVariables = [
+  {
+    identifier: "completionStatus",
+    cardinality: "single",
+    baseType: "string",
+    value: "unknown",
+    type: "outcome"
+  },
+  {
+    identifier: "numAttempts",
+    cardinality: "single",
+    baseType: "integer",
+    value: "0",
+    type: "response"
+  }
+];
+
+export {
+  itemContextVariables
+};
+//# sourceMappingURL=chunk-DLUJN2FW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/exports/item.context.ts"],"sourcesContent":["import type { VariableDeclaration } from './variables';\n\nexport interface ItemContext {\n  href?: string;\n  identifier: string;\n  variables: ReadonlyArray<VariableDeclaration<string | string[] | null>>;\n}\n\nexport const itemContextVariables = [\n  {\n    identifier: 'completionStatus',\n    cardinality: 'single',\n    baseType: 'string',\n    value: 'unknown',\n    type: 'outcome'\n  },\n  {\n    identifier: 'numAttempts',\n    cardinality: 'single',\n    baseType: 'integer',\n    value: '0',\n    type: 'response'\n  }\n] as VariableDeclaration<string | string[]>[];\n"],"mappings":";AAQO,IAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/chunks/chunk-DNHDFXTV.js

@@ -0,0 +1,59 @@
+import {
+  TestComponent
+} from "./chunk-MLT7V47R.js";
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-prev.ts
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+var TestPrev = class extends TestComponent {
+  constructor() {
+    super();
+    this._internals.role = "button";
+    this._internals.ariaLabel = "Next item";
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (!this.disabled) this._requestItem(this.items[this.itemIndex - 1].identifier);
+    });
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-test-item", {
+        composed: true,
+        bubbles: true,
+        detail: identifier
+      })
+    );
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("_testContext")) {
+      this.disabled = !this._testElement || this.itemIndex === 0 || this.itemIndex === -1;
+    }
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestPrev.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestPrev = __decorateClass([
+  customElement("test-prev")
+], TestPrev);
+
+export {
+  TestPrev
+};
+//# sourceMappingURL=chunk-DNHDFXTV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-prev.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport * as styles from './styles';\n\n/**\n * Represents a custom element for navigating to the previous test item.\n *\n * @remarks\n * This element provides functionality for navigating to the previous test item.\n *\n * @example\n * ```html\n * <test-prev></test-prev>\n * ```\n */\n@customElement('test-prev')\nexport class TestPrev extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  constructor() {\n    super();\n    this._internals.role = 'button';\n    this._internals.ariaLabel = 'Next item';\n\n    this.addEventListener('click', e => {\n      e.preventDefault();\n      if (!this.disabled) this._requestItem(this.items[this.itemIndex - 1].identifier);\n    });\n  }\n\n  protected _requestItem(identifier: string): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-request-test-item', {\n        composed: true,\n        bubbles: true,\n        detail: identifier\n      })\n    );\n  }\n\n  willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('_testContext')) {\n      this.disabled = !this._testElement || this.itemIndex === 0 || this.itemIndex === -1;\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-previous': TestPrev;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAC1B,SAAS,qBAAqB;AAgBvB,IAAM,WAAN,cAAuB,cAAc;AAAA,EAU1C,cAAc;AACZ,UAAM;AACN,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,MAAM,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACjF,CAAC;AAAA,EACH;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,yBAAyB;AAAA,QACvC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,WAAW,mBAA2D;AACpE,UAAM,WAAW,iBAAiB;AAClC,QAAI,kBAAkB,IAAI,cAAc,GAAG;AACzC,WAAK,WAAW,CAAC,KAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK,cAAc;AAAA,IACnF;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAzCa,SACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AANL,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}