@citolab/qti-components 7.1.0 → 7.1.2

package/dist/chunks/chunk-7JS7FRDO.js

@@ -0,0 +1,89 @@
+import {
+  sessionContext
+} from "./chunk-UZ4QB5IO.js";
+import {
+  watch
+} from "./chunk-ELDMXTUQ.js";
+import {
+  __decorateClass
+} from "./chunk-63WMM765.js";
+
+// src/lib/qti-test/components/test-view.ts
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var TestView = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.label = "view";
+    this._handleViewOptionsChange = () => {
+      this.updateViewOptions();
+    };
+    this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.updateViewOptions();
+  }
+  updateViewOptions() {
+    if (this.viewOptions) {
+      const options = this.viewOptions.split(",").map((opt) => opt.trim());
+      this._viewOptions = options.filter((opt) => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));
+    } else {
+      this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;
+    }
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  render() {
+    return html`
+      <label part="label" for="viewSelect">${this.label}</label>
+      <select
+        part="select"
+        id="viewSelect"
+        @change=${(e) => {
+      const el = e.target;
+      this._switchView(el.value);
+    }}
+      >
+        ${this._viewOptions.map(
+      (v) => html`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`
+    )}
+      </select>
+    `;
+  }
+};
+TestView.DEFAULT_VIEW_OPTIONS = ["author", "candidate", "proctor", "scorer", "testConstructor", "tutor"];
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestView.prototype, "sessionContext", 2);
+__decorateClass([
+  property({ type: String })
+], TestView.prototype, "label", 2);
+__decorateClass([
+  property({ type: String, attribute: "view-options" })
+], TestView.prototype, "viewOptions", 2);
+__decorateClass([
+  watch("viewOptions", { waitUntilFirstUpdate: true })
+], TestView.prototype, "_handleViewOptionsChange", 2);
+__decorateClass([
+  state()
+], TestView.prototype, "_viewOptions", 2);
+TestView = __decorateClass([
+  customElement("test-view")
+], TestView);
+
+export {
+  TestView
+};
+//# sourceMappingURL=chunk-7JS7FRDO.js.map

package/dist/chunks/chunk-7JS7FRDO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-view.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport { watch } from '../../decorators/watch';\n// import { computedContext } from '../../exports/computed.context';\nimport { sessionContext } from '../../exports/session.context';\n\n// import type { ComputedContext } from '../../exports/computed.context';\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-view')\nexport class TestView extends LitElement {\n  static DEFAULT_VIEW_OPTIONS = ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'];\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\n\n  /** label accompanying the select view dropdown  */\n  @property({ type: String })\n  label = 'view';\n\n  /** The options to display in the dropdown, default: ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'] */\n  @property({ type: String, attribute: 'view-options' }) viewOptions;\n  @watch('viewOptions', { waitUntilFirstUpdate: true })\n  protected _handleViewOptionsChange = () => {\n    this.updateViewOptions();\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.updateViewOptions();\n  }\n\n  @state()\n  private _viewOptions: string[] = TestView.DEFAULT_VIEW_OPTIONS;\n\n  private updateViewOptions() {\n    if (this.viewOptions) {\n      const options = this.viewOptions.split(',').map(opt => opt.trim());\n      this._viewOptions = options.filter(opt => TestView.DEFAULT_VIEW_OPTIONS.includes(opt));\n    } else {\n      this._viewOptions = TestView.DEFAULT_VIEW_OPTIONS;\n    }\n  }\n\n  protected _switchView(view: string) {\n    this.dispatchEvent(\n      new CustomEvent('on-test-switch-view', {\n        composed: true,\n        bubbles: true,\n        detail: view\n      })\n    );\n  }\n\n  render() {\n    return html`\n      <label part=\"label\" for=\"viewSelect\">${this.label}</label>\n      <select\n        part=\"select\"\n        id=\"viewSelect\"\n        @change=${(e: Event) => {\n          const el = e.target as HTMLSelectElement;\n          this._switchView(el.value);\n        }}\n      >\n        ${this._viewOptions.map(\n          v => html`<option value=\"${v}\" ?selected=${v === this.sessionContext.view}>${v}</option>`\n        )}\n      </select>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view': TestView;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,eAAe;AAUjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EAAlC;AAAA;AAYL,iBAAQ;AAKR,SAAU,2BAA2B,MAAM;AACzC,WAAK,kBAAkB;AAAA,IACzB;AAQA,SAAQ,eAAyB,SAAS;AAAA;AAAA,EAxBhC,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAgBA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAKQ,oBAAoB;AAC1B,QAAI,KAAK,aAAa;AACpB,YAAM,UAAU,KAAK,YAAY,MAAM,GAAG,EAAE,IAAI,SAAO,IAAI,KAAK,CAAC;AACjE,WAAK,eAAe,QAAQ,OAAO,SAAO,SAAS,qBAAqB,SAAS,GAAG,CAAC;AAAA,IACvF,OAAO;AACL,WAAK,eAAe,SAAS;AAAA,IAC/B;AAAA,EACF;AAAA,EAEU,YAAY,MAAc;AAClC,SAAK;AAAA,MACH,IAAI,YAAY,uBAAuB;AAAA,QACrC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,6CACkC,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIrC,CAAC,MAAa;AACtB,YAAM,KAAK,EAAE;AACb,WAAK,YAAY,GAAG,KAAK;AAAA,IAC3B,CAAC;AAAA;AAAA,UAEC,KAAK,aAAa;AAAA,MAClB,OAAK,sBAAsB,CAAC,eAAe,MAAM,KAAK,eAAe,IAAI,IAAI,CAAC;AAAA,IAChF,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AAjEa,SACJ,uBAAuB,CAAC,UAAU,aAAa,WAAW,UAAU,mBAAmB,OAAO;AAO7F;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAP1C,SAQH;AAIR;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAXf,SAYX;AAGuD;AAAA,EAAtD,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe,CAAC;AAAA,GAf1C,SAe4C;AAE7C;AAAA,EADT,MAAM,eAAe,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAhBzC,SAiBD;AAUF;AAAA,EADP,MAAM;AAAA,GA1BI,SA2BH;AA3BG,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":[]}