@citolab/qti-components 7.0.3 → 7.0.5

package/dist/qti-test/components/test-paging-buttons-stamp.d.ts

@@ -0,0 +1,22 @@
+import * as lit_html from 'lit-html';
+import { TestComponent } from './test-component.abstract.js';
+import 'lit';
+import '../../test-base-BJwG9Ie8.js';
+import '../qti-assessment-test/qti-test-part.js';
+import '../../qti-simple-choice-DxWcdKHi.js';
+import 'lit-html/directives/ref.js';
+
+declare class TestPagingButtonsStamp extends TestComponent {
+    private maxDisplayedItems;
+    private skipOnCategory;
+    protected createRenderRoot(): this;
+    constructor();
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'test-paging-buttons-stamp': TestPagingButtonsStamp;
+    }
+}
+
+export { TestPagingButtonsStamp };

package/dist/qti-test/components/test-paging-buttons-stamp.js

@@ -0,0 +1,218 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/lib/qti-test/components/test-paging-buttons-stamp.ts
+import { html } from "lit";
+import { customElement, property as property2 } from "lit/decorators.js";
+
+// src/lib/qti-test/components/test-component.abstract.ts
+import { consume } from "@lit/context";
+import { LitElement } from "lit";
+import { state } from "lit/decorators.js";
+
+// src/lib/decorators/watch.ts
+function watch(propertyName, options) {
+  const resolvedOptions = {
+    waitUntilFirstUpdate: false,
+    ...options
+  };
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property3) => {
+        const key = property3;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              this[decoratedFnName](oldValue, newValue);
+            }
+          }
+        }
+      });
+      update.call(this, changedProps);
+    };
+  };
+}
+
+// src/lib/decorators/prop-internal-state.ts
+import { property } from "lit/decorators.js";
+function propInternalState(options) {
+  return (protoOrDescriptor, name) => {
+    property(options)(protoOrDescriptor, name);
+    const key = `__${name}`;
+    Object.defineProperty(protoOrDescriptor, name, {
+      get() {
+        return this[key];
+      },
+      set(value) {
+        const oldValue = this[key];
+        this[key] = value;
+        if (oldValue !== value) {
+          if (this._internals?.states) {
+            const stateName = name.toLowerCase();
+            if (value) {
+              this._internals.states.add(`--${stateName}`);
+            } else {
+              this._internals.states.delete(`--${stateName}`);
+            }
+          }
+          if (options.aria && this._internals) {
+            const ariaAttribute = options.aria;
+            if (value) {
+              this._internals[ariaAttribute] = "true";
+            } else {
+              this._internals[ariaAttribute] = null;
+            }
+          }
+          this.requestUpdate(name, oldValue);
+        }
+      },
+      configurable: true,
+      enumerable: true
+    });
+  };
+}
+
+// src/lib/qti-test/context/test.context.ts
+import { createContext } from "@lit/context";
+var testContext = createContext(Symbol("test"));
+var testElement = createContext(Symbol("testElement"));
+
+// src/lib/qti-test/components/test-component.abstract.ts
+var TestComponent = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = true;
+    this._internals = this.attachInternals();
+  }
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue.el) {
+      this.disabled = false;
+    }
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("_testContext")) {
+      const { items = [], navItemId } = this._testContext ?? {};
+      this.itemIndex = items.findIndex((item) => item.identifier === navItemId);
+      this.items = items;
+      this.view = this._testContext?.view;
+    }
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-test-item", {
+        composed: true,
+        bubbles: true,
+        detail: identifier
+      })
+    );
+  }
+};
+__decorateClass([
+  propInternalState({
+    type: Boolean,
+    reflect: true,
+    aria: "ariaDisabled"
+    // Maps to `aria-disabled` attribute
+  })
+], TestComponent.prototype, "disabled", 2);
+__decorateClass([
+  state(),
+  consume({ context: testContext, subscribe: true })
+], TestComponent.prototype, "_testContext", 2);
+__decorateClass([
+  state(),
+  consume({ context: testElement, subscribe: true })
+], TestComponent.prototype, "_testElement", 2);
+__decorateClass([
+  watch("_testElement")
+], TestComponent.prototype, "_handleTestElementChange", 1);
+
+// src/lib/qti-test/components/test-paging-buttons-stamp.ts
+import { prepareTemplate } from "stampino";
+var TestPagingButtonsStamp = class extends TestComponent {
+  constructor() {
+    super();
+    this.maxDisplayedItems = 2;
+    this.skipOnCategory = "dep-informational";
+    this._internals.ariaLabel = "pagination";
+  }
+  createRenderRoot() {
+    return this;
+  }
+  render() {
+    const items = this._testContext.items.reduce(
+      (acc, item) => {
+        const isDepInfoItem = item.category?.split(" ").includes(this.skipOnCategory);
+        const newIndex = isDepInfoItem ? "i" : acc.counter++;
+        acc.result.push({
+          ...item,
+          newIndex
+          // Assign the new index, which only increments for non-info items
+        });
+        return acc;
+      },
+      { counter: 0, result: [] }
+    ).result;
+    const itemIndex = items.findIndex((item) => item.identifier === this._testContext.navItemId);
+    const start = Math.max(0, itemIndex - this.maxDisplayedItems);
+    const end = Math.min(items.length, itemIndex + this.maxDisplayedItems + 1);
+    const clampedItems = items.slice(start, end);
+    return html`
+      ${clampedItems.map((item) => {
+      const rawscore = item.variables.find((vr) => vr.identifier == "SCORE");
+      const score = parseInt(rawscore?.value?.toString());
+      const completionStatus = item.variables.find((v) => v.identifier === "completionStatus")?.value;
+      const type = item.category !== this.skipOnCategory ? "regular" : "info";
+      const active = this._testContext.navItemId === item.identifier;
+      const correct = this._testContext.view === "scorer" && type == "regular" && score !== void 0 && !isNaN(score) && score > 0;
+      const incorrect = this._testContext.view === "scorer" && type == "regular" && score !== void 0 && !isNaN(score) && score <= 0;
+      const answered = this._testContext.view === "candidate" && completionStatus === "completed" && item.category !== this.skipOnCategory;
+      const computedItem = {
+        ...item,
+        type,
+        active,
+        correct,
+        incorrect,
+        answered
+      };
+      const templateElement = this.firstElementChild;
+      const myTemplate = prepareTemplate(templateElement);
+      return myTemplate({ item: computedItem });
+    })}
+    `;
+  }
+};
+__decorateClass([
+  property2({ type: Number, attribute: "max-displayed-items" })
+], TestPagingButtonsStamp.prototype, "maxDisplayedItems", 2);
+__decorateClass([
+  property2({ type: String, attribute: "skip-on-category" })
+], TestPagingButtonsStamp.prototype, "skipOnCategory", 2);
+TestPagingButtonsStamp = __decorateClass([
+  customElement("test-paging-buttons-stamp")
+], TestPagingButtonsStamp);
+export {
+  TestPagingButtonsStamp
+};
+//# sourceMappingURL=test-paging-buttons-stamp.js.map

package/dist/qti-test/components/test-paging-buttons-stamp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/qti-test/components/test-paging-buttons-stamp.ts","../../../src/lib/qti-test/components/test-component.abstract.ts","../../../src/lib/decorators/watch.ts","../../../src/lib/decorators/prop-internal-state.ts","../../../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { TestComponent } from './test-component.abstract';\nimport { prepareTemplate } from 'stampino';\n\n@customElement('test-paging-buttons-stamp')\nexport class TestPagingButtonsStamp extends TestComponent {\n  @property({ type: Number, attribute: 'max-displayed-items' })\n  private maxDisplayedItems = 2;\n\n  @property({ type: String, attribute: 'skip-on-category' })\n  private skipOnCategory = 'dep-informational';\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  constructor() {\n    super();\n    this._internals.ariaLabel = 'pagination';\n  }\n\n  render() {\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._testContext.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    return html`\n      ${clampedItems.map(item => {\n        const rawscore = item.variables.find(vr => vr.identifier == 'SCORE');\n        const score = parseInt(rawscore?.value?.toString());\n        const completionStatus = item.variables.find(v => v.identifier === 'completionStatus')?.value;\n        const type = item.category !== this.skipOnCategory ? 'regular' : 'info'; // rounded-full\n        const active = this._testContext.navItemId === item.identifier; // !border-sky-600\n        const correct =\n          this._testContext.view === 'scorer' && type == 'regular' && score !== undefined && !isNaN(score) && score > 0; // bg-green-100 border-green-400\n        const incorrect =\n          this._testContext.view === 'scorer' &&\n          type == 'regular' &&\n          score !== undefined &&\n          !isNaN(score) &&\n          score <= 0; // bg-red-100 border-red-400\n        const answered =\n          this._testContext.view === 'candidate' &&\n          completionStatus === 'completed' &&\n          item.category !== this.skipOnCategory; // bg-slate-300 shadow-sm\n\n        const computedItem = {\n          ...item,\n          type,\n          active,\n          correct,\n          incorrect,\n          answered\n        };\n\n        const templateElement = this.firstElementChild as HTMLTemplateElement;\n        const myTemplate = prepareTemplate(templateElement);\n        return myTemplate({ item: computedItem });\n      })}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-paging-buttons-stamp': TestPagingButtonsStamp;\n  }\n}\n","import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { propInternalState } from '../../decorators';\nimport { testContext, testElement, TestElement, TestContext } from '../context';\nimport { watch } from '../../decorators/watch';\n\nexport abstract class TestComponent extends LitElement {\n  @propInternalState({\n    type: Boolean,\n    reflect: true,\n    aria: 'ariaDisabled' // Maps to `aria-disabled` attribute\n  })\n  public disabled = true;\n\n  @state()\n  @consume({ context: testContext, subscribe: true })\n  protected _testContext?: TestContext;\n\n  @state()\n  @consume({ context: testElement, subscribe: true })\n  protected _testElement?: TestElement;\n  @watch('_testElement')\n  _handleTestElementChange(_oldValue: TestElement, newValue: TestElement) {\n    if (newValue.el) {\n      this.disabled = false;\n    }\n  }\n\n  protected _internals: ElementInternals;\n\n  protected items;\n  protected itemIndex;\n  protected view;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  protected willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('_testContext')) {\n      const { items = [], navItemId } = this._testContext ?? {};\n      this.itemIndex = items.findIndex(item => item.identifier === navItemId);\n      this.items = items;\n      this.view = this._testContext?.view;\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  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","import type { LitElement } from 'lit';\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void;\n\ntype NonUndefined<A> = A extends undefined ? never : A;\n\nexport type UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;\n}[keyof T];\n\ninterface WatchOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n  waitUntilFirstUpdate?: boolean;\n}\n\n/**\n * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an\n * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the\n * 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 */\nexport function watch(propertyName: string | string[], options?: WatchOptions) {\n  const resolvedOptions: Required<WatchOptions> = {\n    waitUntilFirstUpdate: false,\n    ...options\n  };\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: UpdateHandlerFunctionKeys<ElemClass> | any\n  ) => {\n    // @ts-expect-error - update is a protected property\n    const { update } = proto;\n    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];\n\n    // @ts-expect-error - update is a protected property\n    proto.update = function (this: ElemClass, changedProps: Map<keyof ElemClass, ElemClass[keyof ElemClass]>) {\n      watchedProperties.forEach(property => {\n        const key = property as keyof ElemClass;\n        if (changedProps.has(key)) {\n          const oldValue = changedProps.get(key);\n          const newValue = this[key];\n\n          if (oldValue !== newValue) {\n            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {\n              (this[decoratedFnName] as unknown as UpdateHandler)(oldValue, newValue);\n            }\n          }\n        }\n      });\n\n      update.call(this, changedProps);\n    };\n  };\n}\n","import { ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { PropertyDeclaration } from 'lit';\n\n// Extended decorator options\ninterface InternalStateOptions extends PropertyDeclaration {\n  aria?: string; // Corresponding ARIA attribute, e.g., 'aria-disabled'\n}\n\nexport function propInternalState(options: InternalStateOptions) {\n  return (protoOrDescriptor: any, name: string) => {\n    // Apply the default Lit `@property` decorator\n    property(options)(protoOrDescriptor, name);\n\n    // Intercept the property descriptor to enhance functionality\n    const key = `__${name}`; // Internal backing field\n\n    Object.defineProperty(protoOrDescriptor, name, {\n      get() {\n        return this[key];\n      },\n      set(value: any) {\n        const oldValue = this[key];\n        this[key] = value;\n\n        // Trigger updates if value changes\n        if (oldValue !== value) {\n          // Update internals state\n          if (this._internals?.states) {\n            const stateName = name.toLowerCase();\n            if (value) {\n              this._internals.states.add(`--${stateName}`);\n            } else {\n              this._internals.states.delete(`--${stateName}`);\n            }\n          }\n\n          // Update ARIA attributes if specified\n          if (options.aria && this._internals) {\n            const ariaAttribute = options.aria;\n            if (value) {\n              this._internals[ariaAttribute] = 'true';\n            } else {\n              this._internals[ariaAttribute] = null;\n            }\n          }\n\n          // Request an update\n          (this as ReactiveElement).requestUpdate(name, oldValue);\n        }\n      },\n      configurable: true,\n      enumerable: true\n    });\n  };\n}\n","import { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":"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","names":["property","property","property"]}

package/dist/qti-test/components/test-prev.d.ts

@@ -0,0 +1,32 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { TestComponent } from './test-component.abstract.js';
+import '../../test-base-BJwG9Ie8.js';
+import '../qti-assessment-test/qti-test-part.js';
+import '../../qti-simple-choice-DxWcdKHi.js';
+import 'lit-html/directives/ref.js';
+
+/**
+ * Represents a custom element for navigating to the previous test item.
+ *
+ * @remarks
+ * This element provides functionality for navigating to the previous test item.
+ *
+ * @example
+ * ```html
+ * <test-prev></test-prev>
+ * ```
+ */
+declare class TestPrev extends TestComponent {
+    static styles: lit.CSSResult;
+    constructor();
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'test-previous': TestPrev;
+    }
+}
+
+export { TestPrev };

package/dist/qti-test/components/test-prev.js

@@ -0,0 +1,209 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/lib/qti-test/components/test-prev.ts
+import { css as css2, html } from "lit";
+import { customElement } from "lit/decorators.js";
+
+// src/lib/qti-test/components/test-component.abstract.ts
+import { consume } from "@lit/context";
+import { LitElement } from "lit";
+import { state } from "lit/decorators.js";
+
+// src/lib/decorators/watch.ts
+function watch(propertyName, options) {
+  const resolvedOptions = {
+    waitUntilFirstUpdate: false,
+    ...options
+  };
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property2) => {
+        const key = property2;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              this[decoratedFnName](oldValue, newValue);
+            }
+          }
+        }
+      });
+      update.call(this, changedProps);
+    };
+  };
+}
+
+// src/lib/decorators/prop-internal-state.ts
+import { property } from "lit/decorators.js";
+function propInternalState(options) {
+  return (protoOrDescriptor, name) => {
+    property(options)(protoOrDescriptor, name);
+    const key = `__${name}`;
+    Object.defineProperty(protoOrDescriptor, name, {
+      get() {
+        return this[key];
+      },
+      set(value) {
+        const oldValue = this[key];
+        this[key] = value;
+        if (oldValue !== value) {
+          if (this._internals?.states) {
+            const stateName = name.toLowerCase();
+            if (value) {
+              this._internals.states.add(`--${stateName}`);
+            } else {
+              this._internals.states.delete(`--${stateName}`);
+            }
+          }
+          if (options.aria && this._internals) {
+            const ariaAttribute = options.aria;
+            if (value) {
+              this._internals[ariaAttribute] = "true";
+            } else {
+              this._internals[ariaAttribute] = null;
+            }
+          }
+          this.requestUpdate(name, oldValue);
+        }
+      },
+      configurable: true,
+      enumerable: true
+    });
+  };
+}
+
+// src/lib/qti-test/context/test.context.ts
+import { createContext } from "@lit/context";
+var testContext = createContext(Symbol("test"));
+var testElement = createContext(Symbol("testElement"));
+
+// src/lib/qti-test/components/test-component.abstract.ts
+var TestComponent = class extends LitElement {
+  constructor() {
+    super();
+    this.disabled = true;
+    this._internals = this.attachInternals();
+  }
+  _handleTestElementChange(_oldValue, newValue) {
+    if (newValue.el) {
+      this.disabled = false;
+    }
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("_testContext")) {
+      const { items = [], navItemId } = this._testContext ?? {};
+      this.itemIndex = items.findIndex((item) => item.identifier === navItemId);
+      this.items = items;
+      this.view = this._testContext?.view;
+    }
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-test-item", {
+        composed: true,
+        bubbles: true,
+        detail: identifier
+      })
+    );
+  }
+};
+__decorateClass([
+  propInternalState({
+    type: Boolean,
+    reflect: true,
+    aria: "ariaDisabled"
+    // Maps to `aria-disabled` attribute
+  })
+], TestComponent.prototype, "disabled", 2);
+__decorateClass([
+  state(),
+  consume({ context: testContext, subscribe: true })
+], TestComponent.prototype, "_testContext", 2);
+__decorateClass([
+  state(),
+  consume({ context: testElement, subscribe: true })
+], TestComponent.prototype, "_testElement", 2);
+__decorateClass([
+  watch("_testElement")
+], TestComponent.prototype, "_handleTestElementChange", 1);
+
+// src/lib/qti-test/components/styles.ts
+import { css } from "lit";
+var form = css`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  user-select: none;
+`;
+var btn = css`
+  background-color: lightgray;
+  ${form};
+`;
+var dis = css`
+  cursor: not-allowed;
+  opacity: 0.5;
+`;
+var ind = css`
+  ${form};
+  border: 1px solid gray;
+`;
+
+// src/lib/qti-test/components/test-prev.ts
+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);
+    });
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("_testContext")) {
+      this.disabled = !this._testElement?.el || this.itemIndex === 0 || this.itemIndex === -1;
+    }
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+TestPrev.styles = css2`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+TestPrev = __decorateClass([
+  customElement("test-prev")
+], TestPrev);
+export {
+  TestPrev
+};
+//# sourceMappingURL=test-prev.js.map

package/dist/qti-test/components/test-prev.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/qti-test/components/test-prev.ts","../../../src/lib/qti-test/components/test-component.abstract.ts","../../../src/lib/decorators/watch.ts","../../../src/lib/decorators/prop-internal-state.ts","../../../src/lib/qti-test/context/test.context.ts","../../../src/lib/qti-test/components/styles.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  willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('_testContext')) {\n      this.disabled = !this._testElement?.el || 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","import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { propInternalState } from '../../decorators';\nimport { testContext, testElement, TestElement, TestContext } from '../context';\nimport { watch } from '../../decorators/watch';\n\nexport abstract class TestComponent extends LitElement {\n  @propInternalState({\n    type: Boolean,\n    reflect: true,\n    aria: 'ariaDisabled' // Maps to `aria-disabled` attribute\n  })\n  public disabled = true;\n\n  @state()\n  @consume({ context: testContext, subscribe: true })\n  protected _testContext?: TestContext;\n\n  @state()\n  @consume({ context: testElement, subscribe: true })\n  protected _testElement?: TestElement;\n  @watch('_testElement')\n  _handleTestElementChange(_oldValue: TestElement, newValue: TestElement) {\n    if (newValue.el) {\n      this.disabled = false;\n    }\n  }\n\n  protected _internals: ElementInternals;\n\n  protected items;\n  protected itemIndex;\n  protected view;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  protected willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('_testContext')) {\n      const { items = [], navItemId } = this._testContext ?? {};\n      this.itemIndex = items.findIndex(item => item.identifier === navItemId);\n      this.items = items;\n      this.view = this._testContext?.view;\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  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","import type { LitElement } from 'lit';\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void;\n\ntype NonUndefined<A> = A extends undefined ? never : A;\n\nexport type UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;\n}[keyof T];\n\ninterface WatchOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n  waitUntilFirstUpdate?: boolean;\n}\n\n/**\n * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an\n * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the\n * 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 */\nexport function watch(propertyName: string | string[], options?: WatchOptions) {\n  const resolvedOptions: Required<WatchOptions> = {\n    waitUntilFirstUpdate: false,\n    ...options\n  };\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: UpdateHandlerFunctionKeys<ElemClass> | any\n  ) => {\n    // @ts-expect-error - update is a protected property\n    const { update } = proto;\n    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];\n\n    // @ts-expect-error - update is a protected property\n    proto.update = function (this: ElemClass, changedProps: Map<keyof ElemClass, ElemClass[keyof ElemClass]>) {\n      watchedProperties.forEach(property => {\n        const key = property as keyof ElemClass;\n        if (changedProps.has(key)) {\n          const oldValue = changedProps.get(key);\n          const newValue = this[key];\n\n          if (oldValue !== newValue) {\n            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {\n              (this[decoratedFnName] as unknown as UpdateHandler)(oldValue, newValue);\n            }\n          }\n        }\n      });\n\n      update.call(this, changedProps);\n    };\n  };\n}\n","import { ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { PropertyDeclaration } from 'lit';\n\n// Extended decorator options\ninterface InternalStateOptions extends PropertyDeclaration {\n  aria?: string; // Corresponding ARIA attribute, e.g., 'aria-disabled'\n}\n\nexport function propInternalState(options: InternalStateOptions) {\n  return (protoOrDescriptor: any, name: string) => {\n    // Apply the default Lit `@property` decorator\n    property(options)(protoOrDescriptor, name);\n\n    // Intercept the property descriptor to enhance functionality\n    const key = `__${name}`; // Internal backing field\n\n    Object.defineProperty(protoOrDescriptor, name, {\n      get() {\n        return this[key];\n      },\n      set(value: any) {\n        const oldValue = this[key];\n        this[key] = value;\n\n        // Trigger updates if value changes\n        if (oldValue !== value) {\n          // Update internals state\n          if (this._internals?.states) {\n            const stateName = name.toLowerCase();\n            if (value) {\n              this._internals.states.add(`--${stateName}`);\n            } else {\n              this._internals.states.delete(`--${stateName}`);\n            }\n          }\n\n          // Update ARIA attributes if specified\n          if (options.aria && this._internals) {\n            const ariaAttribute = options.aria;\n            if (value) {\n              this._internals[ariaAttribute] = 'true';\n            } else {\n              this._internals[ariaAttribute] = null;\n            }\n          }\n\n          // Request an update\n          (this as ReactiveElement).requestUpdate(name, oldValue);\n        }\n      },\n      configurable: true,\n      enumerable: true\n    });\n  };\n}\n","import { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n","// /* eslint-disable lit-plugin(no-invalid-css) */\nimport { css } from 'lit';\n\nexport const form = css`\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem 1rem;\n  border-radius: 0.25rem;\n  user-select: none;\n`;\n\nexport const btn = css`\n  background-color: lightgray;\n  ${form};\n`;\n\nexport const dis = css`\n  cursor: not-allowed;\n  opacity: 0.5;\n`;\n\nexport const ind = css`\n  ${form};\n  border: 1px solid gray;\n`;\n"],"mappings":"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","names":["css","property","css"]}

package/dist/qti-test/components/test-view.d.ts

@@ -0,0 +1,27 @@
+import * as lit_html from 'lit-html';
+import { TestComponent } from './test-component.abstract.js';
+import 'lit';
+import '../../test-base-BJwG9Ie8.js';
+import '../qti-assessment-test/qti-test-part.js';
+import '../../qti-simple-choice-DxWcdKHi.js';
+import 'lit-html/directives/ref.js';
+
+declare class TestView extends TestComponent {
+    static DEFAULT_VIEW_OPTIONS: string[];
+    /** label accompanying the select view dropdown  */
+    label: string;
+    /** The options to display in the dropdown, default: ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'] */
+    viewOptions: any;
+    protected _handleViewOptionsChange: () => void;
+    connectedCallback(): void;
+    private _viewOptions;
+    private updateViewOptions;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'test-view': TestView;
+    }
+}
+
+export { TestView };