@citolab/qti-components 7.0.6-beta.0 → 7.0.6-beta.1

package/dist/chunks/chunk-BPHQLJWE.js

@@ -0,0 +1,102 @@
+import {
+  itemContext
+} from "./chunk-KOEILLVS.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/exports/qti-expression.ts
+import { consume } from "@lit/context";
+import { css, html, LitElement } from "lit";
+import { state } from "lit/decorators.js";
+var QtiExpression = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.getVariables = () => (
+      // FIXME: if this itself is multiple, this will never enter the qti-multiple switch
+      // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml
+      Array.from(this.children).map((e) => {
+        switch (e.tagName.toLowerCase()) {
+          case "qti-base-value": {
+            return {
+              baseType: e.getAttribute("base-type"),
+              value: e.textContent.trim(),
+              cardinality: "single"
+            };
+          }
+          case "qti-variable": {
+            const identifier = e.getAttribute("identifier") || "";
+            const variable = this.context.variables.find((v) => v.identifier === identifier) || null;
+            return variable;
+          }
+          case "qti-multiple": {
+            const multiple = e;
+            const values = multiple.getResult();
+            if (values.length > 0) {
+              return {
+                identifier: "",
+                baseType: values[0].baseType,
+                value: values.map((v) => v.value),
+                cardinality: "multiple",
+                type: "response"
+              };
+            }
+            return null;
+          }
+          case "qti-correct": {
+            const identifier = e.getAttribute("identifier") || "";
+            const responseVariable = this.context.variables.find((v) => v.identifier === identifier) || null;
+            return {
+              baseType: responseVariable.baseType,
+              value: responseVariable.correctResponse,
+              cardinality: responseVariable.cardinality
+            };
+          }
+          default: {
+            try {
+              const expression = e;
+              const value = expression.getResult();
+              return {
+                baseType: "integer",
+                value: value.toString(),
+                cardinality: "single"
+              };
+            } catch (error) {
+              console.warn("default not sufficient");
+            }
+            return null;
+          }
+        }
+      }).filter((v) => v !== null)
+    );
+  }
+  render() {
+    return html`<pre>${JSON.stringify(this.result, null, 2)}</pre>
+      <slot></slot>`;
+  }
+  calculate() {
+    this.result = this.getResult();
+    return this.result;
+  }
+  getResult() {
+    throw new Error("Not implemented");
+  }
+};
+// hide the slot with css
+QtiExpression.styles = css`
+    slot {
+      display: none;
+    }
+  `;
+__decorateClass([
+  state()
+], QtiExpression.prototype, "result", 2);
+__decorateClass([
+  consume({ context: itemContext, subscribe: true }),
+  state()
+], QtiExpression.prototype, "context", 2);
+
+export {
+  QtiExpression
+};
+//# sourceMappingURL=chunk-BPHQLJWE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/exports/qti-expression.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport type { ResponseVariable, VariableDeclaration } from './variables';\nimport { itemContext } from './qti-assessment-item.context';\nimport type { QtiMultiple } from '../qti-components/qti-response-processing/qti-expression/qti-multiple/qti-multiple';\nimport type { ItemContext } from './item.context';\n\nexport interface QtiExpressionBase<T> {\n  // get assessmentItem(): QtiAssessmentItem;\n\n  // getVariables(): VariableDeclaration<number | string | (number | string)[] | null>[];\n  calculate(): Readonly<T>;\n}\n\nexport abstract class QtiExpression<T> extends LitElement implements QtiExpressionBase<T> {\n  @state()\n  protected result: any;\n\n  // hide the slot with css\n  static styles = css`\n    slot {\n      display: none;\n    }\n  `;\n\n  override render() {\n    return html`<pre>${JSON.stringify(this.result, null, 2)}</pre>\n      <slot></slot>`;\n  }\n\n  public calculate(): Readonly<T> {\n    this.result = this.getResult();\n    return this.result;\n  }\n\n  protected getResult(): Readonly<T> {\n    throw new Error('Not implemented');\n  }\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  protected context?: ItemContext;\n\n  getVariables = (): VariableDeclaration<number | string | (number | string)[] | null>[] =>\n    // FIXME: if this itself is multiple, this will never enter the qti-multiple switch\n    // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml\n\n    Array.from(this.children)\n      .map((e: Element) => {\n        switch (e.tagName.toLowerCase()) {\n          case 'qti-base-value': {\n            return {\n              baseType: e.getAttribute('base-type'),\n              value: e.textContent.trim(),\n              cardinality: 'single'\n            } as ResponseVariable;\n          }\n          case 'qti-variable': {\n            const identifier = e.getAttribute('identifier') || '';\n            const variable = this.context.variables.find(v => v.identifier === identifier) || null;\n            return variable;\n          }\n          case 'qti-multiple': {\n            const multiple = e as QtiMultiple;\n            const values = multiple.getResult();\n            if (values.length > 0) {\n              return {\n                identifier: '',\n                baseType: values[0].baseType,\n                value: values.map(v => v.value),\n                cardinality: 'multiple',\n                type: 'response'\n              } as ResponseVariable;\n            }\n            return null;\n          }\n          case 'qti-correct': {\n            const identifier = e.getAttribute('identifier') || '';\n            const responseVariable: ResponseVariable =\n              this.context.variables.find(v => v.identifier === identifier) || null;\n            return {\n              baseType: responseVariable.baseType,\n              value: responseVariable.correctResponse,\n              cardinality: responseVariable.cardinality\n            } as ResponseVariable;\n          }\n          default: {\n            // added for use of qti-equal-rounded\n            try {\n              const expression = e as QtiExpression<number>;\n              const value = expression.getResult();\n              return {\n                baseType: 'integer',\n                value: value.toString(),\n                cardinality: 'single'\n              } as ResponseVariable;\n            } catch (error) {\n              console.warn('default not sufficient');\n            }\n            return null;\n          }\n        }\n      })\n      .filter(v => v !== null);\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,aAAa;AAaf,IAAe,gBAAf,cAAwC,WAA2C;AAAA,EAAnF;AAAA;AA6BL,wBAAe;AAAA;AAAA;AAAA,MAIb,MAAM,KAAK,KAAK,QAAQ,EACrB,IAAI,CAAC,MAAe;AACnB,gBAAQ,EAAE,QAAQ,YAAY,GAAG;AAAA,UAC/B,KAAK,kBAAkB;AACrB,mBAAO;AAAA,cACL,UAAU,EAAE,aAAa,WAAW;AAAA,cACpC,OAAO,EAAE,YAAY,KAAK;AAAA,cAC1B,aAAa;AAAA,YACf;AAAA,UACF;AAAA,UACA,KAAK,gBAAgB;AACnB,kBAAM,aAAa,EAAE,aAAa,YAAY,KAAK;AACnD,kBAAM,WAAW,KAAK,QAAQ,UAAU,KAAK,OAAK,EAAE,eAAe,UAAU,KAAK;AAClF,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,gBAAgB;AACnB,kBAAM,WAAW;AACjB,kBAAM,SAAS,SAAS,UAAU;AAClC,gBAAI,OAAO,SAAS,GAAG;AACrB,qBAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,UAAU,OAAO,CAAC,EAAE;AAAA,gBACpB,OAAO,OAAO,IAAI,OAAK,EAAE,KAAK;AAAA,gBAC9B,aAAa;AAAA,gBACb,MAAM;AAAA,cACR;AAAA,YACF;AACA,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,eAAe;AAClB,kBAAM,aAAa,EAAE,aAAa,YAAY,KAAK;AACnD,kBAAM,mBACJ,KAAK,QAAQ,UAAU,KAAK,OAAK,EAAE,eAAe,UAAU,KAAK;AACnE,mBAAO;AAAA,cACL,UAAU,iBAAiB;AAAA,cAC3B,OAAO,iBAAiB;AAAA,cACxB,aAAa,iBAAiB;AAAA,YAChC;AAAA,UACF;AAAA,UACA,SAAS;AAEP,gBAAI;AACF,oBAAM,aAAa;AACnB,oBAAM,QAAQ,WAAW,UAAU;AACnC,qBAAO;AAAA,gBACL,UAAU;AAAA,gBACV,OAAO,MAAM,SAAS;AAAA,gBACtB,aAAa;AAAA,cACf;AAAA,YACF,SAAS,OAAO;AACd,sBAAQ,KAAK,wBAAwB;AAAA,YACvC;AACA,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC,EACA,OAAO,OAAK,MAAM,IAAI;AAAA;AAAA;AAAA,EA9ElB,SAAS;AAChB,WAAO,YAAY,KAAK,UAAU,KAAK,QAAQ,MAAM,CAAC,CAAC;AAAA;AAAA,EAEzD;AAAA,EAEO,YAAyB;AAC9B,SAAK,SAAS,KAAK,UAAU;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EAEU,YAAyB;AACjC,UAAM,IAAI,MAAM,iBAAiB;AAAA,EACnC;AAmEF;AAAA;AA1FsB,cAKb,SAAS;AAAA;AAAA;AAAA;AAAA;AAHN;AAAA,EADT,MAAM;AAAA,GADa,cAEV;AAyBA;AAAA,EAFT,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,EACjD,MAAM;AAAA,GA1Ba,cA2BV;","names":[]}

package/dist/chunks/chunk-D3RGDWKP.js

@@ -0,0 +1,37 @@
+// src/lib/decorators/live-query.ts
+function liveQuery(querySelector, _options) {
+  let observer;
+  return (proto, decoratedFnName) => {
+    const { connectedCallback, disconnectedCallback } = proto;
+    proto.connectedCallback = function() {
+      connectedCallback.call(this);
+      const callback = (mutationList) => {
+        const elementsToWatch = Array.from(this.querySelectorAll(querySelector)).concat(
+          Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])
+        );
+        for (const mutation of mutationList) {
+          const addedNodes = Array.from(mutation.addedNodes).map((e) => e);
+          const removedNodes = Array.from(mutation.addedNodes).map((e) => e);
+          if (mutation.type === "childList" && addedNodes.find((n) => elementsToWatch.includes(n))) {
+            this[decoratedFnName](addedNodes, removedNodes);
+          }
+        }
+      };
+      observer = new MutationObserver(callback);
+      observer.observe(this, { childList: true, subtree: true });
+      const elementsAdded = Array.from(this.querySelectorAll(querySelector)).concat(
+        Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])
+      );
+      this[decoratedFnName](Array.from(elementsAdded), []);
+    };
+    proto.disconnectedCallback = function() {
+      disconnectedCallback.call(this);
+      observer.disconnect();
+    };
+  };
+}
+
+export {
+  liveQuery
+};
+//# 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":[]}