@citolab/qti-components 7.1.6 → 7.2.1

package/dist/chunks/chunk-4EXSIVXY.js

@@ -0,0 +1,68 @@
+import {
+  sessionContext
+} from "./chunk-UZ4QB5IO.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-view-toggle.ts
+import { consume } from "@lit/context";
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var TestViewToggle = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.viewOptions = ["candidate", "scorer", ""];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  render() {
+    return html`
+      <!-- <label for="viewToggle" part="label"> -->
+      <input
+        type="checkbox"
+        role="switch"
+        aria-checked=${this.sessionContext?.view === "scorer"}
+        id="viewToggle"
+        class=${`${this.classForInput}`}
+        ?checked=${this.sessionContext?.view === "scorer"}
+        @change=${(e) => {
+      const el = e.target;
+      if (el.checked) {
+        this._switchView("scorer");
+      } else {
+        this._switchView("candidate");
+      }
+    }}
+      />
+      <!-- for switch -->
+      <!-- <span class="toggle" part="toggle"></span> -->
+      <!-- <slot></slot> -->
+      <!-- </label> -->
+    `;
+  }
+};
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "class-for-input" })
+], TestViewToggle.prototype, "classForInput", 2);
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestViewToggle.prototype, "sessionContext", 2);
+TestViewToggle = __decorateClass([
+  customElement("test-view-toggle")
+], TestViewToggle);
+
+export {
+  TestViewToggle
+};
+//# sourceMappingURL=chunk-4EXSIVXY.js.map

package/dist/chunks/chunk-4EXSIVXY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-view-toggle.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { sessionContext } from '../../exports/session.context';\n\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-view-toggle')\nexport class TestViewToggle extends LitElement {\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @property({ type: String, reflect: true, attribute: 'class-for-input' })\n  classForInput: string;\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\n\n  viewOptions = ['candidate', 'scorer', ''];\n\n  _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 for=\"viewToggle\" part=\"label\"> -->\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        aria-checked=${this.sessionContext?.view === 'scorer'}\n        id=\"viewToggle\"\n        class=${`${this.classForInput}`}\n        ?checked=${this.sessionContext?.view === 'scorer'}\n        @change=${(e: Event) => {\n          const el = e.target as HTMLInputElement;\n          if (el.checked) {\n            this._switchView('scorer');\n          } else {\n            this._switchView('candidate');\n          }\n        }}\n      />\n      <!-- for switch -->\n      <!-- <span class=\"toggle\" part=\"toggle\"></span> -->\n      <!-- <slot></slot> -->\n      <!-- </label> -->\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view-toggle': TestViewToggle;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,gBAAgB;AAOjC,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC;AAAA;AAWL,uBAAc,CAAC,aAAa,UAAU,EAAE;AAAA;AAAA,EAV9B,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAUA,YAAY,MAAc;AACxB,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;AAAA;AAAA;AAAA;AAAA,uBAKY,KAAK,gBAAgB,SAAS,QAAQ;AAAA;AAAA,gBAE7C,GAAG,KAAK,aAAa,EAAE;AAAA,mBACpB,KAAK,gBAAgB,SAAS,QAAQ;AAAA,kBACvC,CAAC,MAAa;AACtB,YAAM,KAAK,EAAE;AACb,UAAI,GAAG,SAAS;AACd,aAAK,YAAY,QAAQ;AAAA,MAC3B,OAAO;AACL,aAAK,YAAY,WAAW;AAAA,MAC9B;AAAA,IACF,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOP;AACF;AA1CE;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,GAL5D,eAMX;AAGQ;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAR1C,eASH;AATG,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;","names":[]}