@citolab/qti-components 7.2.2 → 7.3.0

package/dist/qti-test/components/test-view-toggle copy.js

@@ -0,0 +1,63 @@
+import {
+  sessionContext
+} from "../../chunks/chunk-22IRJWWY.js";
+import {
+  __decorateClass
+} from "../../chunks/chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-view-toggle copy.ts
+import { consume } from "@lit/context";
+import { html, LitElement, nothing } from "lit";
+import { customElement } from "lit/decorators.js";
+import { prepareTemplate } from "stampino";
+var TestViewToggle = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.viewOptions = ["candidate", "scorer", ""];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const templateElement = this.querySelector("template");
+    if (!templateElement) {
+      this.myTemplate = null;
+      return;
+    }
+    this.myTemplate = prepareTemplate(templateElement);
+  }
+  _switchView(view) {
+    this.dispatchEvent(
+      new CustomEvent("on-test-switch-view", {
+        composed: true,
+        bubbles: true,
+        detail: view
+      })
+    );
+  }
+  firstUpdated(_changedProperties) {
+    this.addEventListener("click", () => {
+      if (this.sessionContext?.view === "scorer") {
+        this._switchView("candidate");
+      } else {
+        this._switchView("scorer");
+      }
+    });
+  }
+  render() {
+    return html`${this.myTemplate ? this.myTemplate({
+      view: this.sessionContext?.view
+    }) : nothing}`;
+  }
+};
+__decorateClass([
+  consume({ context: sessionContext, subscribe: true })
+], TestViewToggle.prototype, "sessionContext", 2);
+TestViewToggle = __decorateClass([
+  customElement("test-view-toggle")
+], TestViewToggle);
+export {
+  TestViewToggle
+};
+//# sourceMappingURL=test-view-toggle copy.js.map

package/dist/qti-test/components/test-view-toggle copy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/qti-test/components/test-view-toggle copy.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\n\nimport { sessionContext } from '../../exports/session.context';\n\nimport type { PropertyValues } from 'lit';\nimport type { SessionContext } from '../../exports/session.context';\n\n@customElement('test-view-toggle')\nexport class TestViewToggle extends LitElement {\n  myTemplate: any;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  @consume({ context: sessionContext, subscribe: true })\n  private sessionContext: SessionContext;\n\n  viewOptions = ['candidate', 'scorer', ''];\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const templateElement = this.querySelector<HTMLTemplateElement>('template');\n    if (!templateElement) {\n      this.myTemplate = null;\n      return;\n    }\n    this.myTemplate = prepareTemplate(templateElement);\n  }\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  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.addEventListener('click', () => {\n      if (this.sessionContext?.view === 'scorer') {\n        this._switchView('candidate');\n      } else {\n        this._switchView('scorer');\n      }\n    });\n  }\n\n  render() {\n    return html`${this.myTemplate\n      ? this.myTemplate({\n          view: this.sessionContext?.view\n        })\n      : nothing}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-view-toggle': TestViewToggle;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAQzB,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC;AAAA;AAUL,uBAAc,CAAC,aAAa,UAAU,EAAE;AAAA;AAAA,EAP9B,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAOA,oBAA0B;AACxB,UAAM,kBAAkB;AACxB,UAAM,kBAAkB,KAAK,cAAmC,UAAU;AAC1E,QAAI,CAAC,iBAAiB;AACpB,WAAK,aAAa;AAClB;AAAA,IACF;AACA,SAAK,aAAa,gBAAgB,eAAe;AAAA,EACnD;AAAA,EAEA,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,EAEU,aAAa,oBAA0C;AAC/D,SAAK,iBAAiB,SAAS,MAAM;AACnC,UAAI,KAAK,gBAAgB,SAAS,UAAU;AAC1C,aAAK,YAAY,WAAW;AAAA,MAC9B,OAAO;AACL,aAAK,YAAY,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAO,OAAO,KAAK,aACf,KAAK,WAAW;AAAA,MACd,MAAM,KAAK,gBAAgB;AAAA,IAC7B,CAAC,IACD,OAAO;AAAA,EACb;AACF;AAzCU;AAAA,EADP,QAAQ,EAAE,SAAS,gBAAgB,WAAW,KAAK,CAAC;AAAA,GAP1C,eAQH;AARG,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;","names":[]}

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

@@ -1,12 +1,13 @@
 import * as lit_html from 'lit-html';
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 
 declare class TestViewToggle extends LitElement {
+    myTemplate: any;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    classForInput: string;
     private sessionContext;
-    viewOptions: string[];
+    connectedCallback(): void;
     _switchView(view: string): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): lit_html.TemplateResult<1>;
 }
 declare global {

package/dist/qti-test/components/test-view-toggle.js

@@ -1,7 +1,7 @@
 import {
   TestViewToggle
-} from "../../chunks/chunk-SOT463MH.js";
-import "../../chunks/chunk-UZ4QB5IO.js";
+} from "../../chunks/chunk-J3I5LKXH.js";
+import "../../chunks/chunk-22IRJWWY.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {
   TestViewToggle

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

@@ -1,7 +1,7 @@
 import {
   TestView
-} from "../../chunks/chunk-HXGGGOV2.js";
-import "../../chunks/chunk-UZ4QB5IO.js";
+} from "../../chunks/chunk-YS4T2ORC.js";
+import "../../chunks/chunk-22IRJWWY.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {

package/dist/qti-test/core/index.d.ts

@@ -1,10 +1,11 @@
 import * as lit_html from 'lit-html';
 import { a9 as OutcomeVariable, a6 as VariableDeclaration } from '../../qti-response-declaration-C3kpm650.js';
 import { LitElement } from 'lit';
-import { S as SessionContext, b as QtiAssessmentTest } from '../../qti-test-feedback-C4bd_5i4.js';
-export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, d as QtiTestFeedback, c as QtiTestPart } from '../../qti-test-feedback-C4bd_5i4.js';
+import { SessionContext } from '../../exports/session.context.js';
 import { TestContext } from '../../exports/test.context.js';
 export { INITIAL_TEST_CONTEXT, testContext } from '../../exports/test.context.js';
+import { b as QtiAssessmentTest } from '../../qti-test-feedback-C2mE_Xcg.js';
+export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, d as QtiTestFeedback, c as QtiTestPart } from '../../qti-test-feedback-C2mE_Xcg.js';
 import '../../exports/expression-result.js';
 import '../../exports/interaction.interface.js';
 import 'lit-html/directives/ref.js';

package/dist/qti-test/core/index.js

@@ -5,8 +5,8 @@ import {
   QtiTest,
   QtiTestFeedback,
   QtiTestPart
-} from "../../chunks/chunk-6UZG2X74.js";
-import "../../chunks/chunk-UZ4QB5IO.js";
+} from "../../chunks/chunk-DNLC7HVK.js";
+import "../../chunks/chunk-22IRJWWY.js";
 import {
   INITIAL_TEST_CONTEXT,
   testContext

package/dist/qti-test-feedback-BGPOO6Zu.d.ts

@@ -0,0 +1,98 @@
+import { Q as QtiAssessmentItem, f as QtiModalFeedback } from './qti-response-declaration-C3kpm650.js';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import { TemplateFunction } from 'stampino';
+import * as lit_html from 'lit-html';
+import { TestContext } from './exports/test.context.js';
+
+type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+
+interface SessionContext {
+    navPartId?: string | null;
+    navSectionId?: string | null;
+    navItemRefId?: string | null;
+    navItemLoading?: boolean;
+    navTestLoading?: boolean;
+    view?: View;
+}
+declare const INITIAL_SESSION_CONTEXT: Readonly<SessionContext>;
+declare const sessionContext: {
+    __context__: Readonly<SessionContext>;
+};
+
+declare class QtiAssessmentItemRef extends LitElement {
+    category?: string;
+    identifier?: string;
+    required?: boolean;
+    fixed?: boolean;
+    href?: string;
+    weigths: Map<string, number>;
+    xmlDoc: DocumentFragment;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get assessmentItem(): QtiAssessmentItem | null;
+    myTemplate: TemplateFunction;
+    connectedCallback(): Promise<void>;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-item-ref': QtiAssessmentItemRef;
+    }
+}
+
+declare class QtiAssessmentSection extends LitElement {
+    identifier: string;
+    required: string;
+    fixed: boolean;
+    title: string;
+    visible: boolean;
+    keepTogether: boolean;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-section': QtiAssessmentSection;
+    }
+}
+
+declare class QtiAssessmentTest extends LitElement {
+    identifier: string;
+    title: string;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-test': QtiAssessmentTest;
+    }
+}
+
+declare class QtiTestPart extends LitElement {
+    identifier: string;
+    title: string;
+    class: string;
+    navigationMode: 'linear' | 'nonlinear';
+    submissionMode: 'individual' | 'simultaneous';
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-part': QtiTestPart;
+    }
+}
+
+declare class QtiTestFeedback extends QtiModalFeedback {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-feedback': QtiTestFeedback;
+    }
+}
+
+export { INITIAL_SESSION_CONTEXT as I, QtiAssessmentItemRef as Q, type SessionContext as S, QtiAssessmentSection as a, QtiAssessmentTest as b, QtiTestPart as c, QtiTestFeedback as d, sessionContext as s };

package/dist/qti-test-feedback-C2mE_Xcg.d.ts

@@ -0,0 +1,85 @@
+import { Q as QtiAssessmentItem, f as QtiModalFeedback } from './qti-response-declaration-C3kpm650.js';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import { TemplateFunction } from 'stampino';
+import * as lit_html from 'lit-html';
+import { TestContext } from './exports/test.context.js';
+
+type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+
+declare class QtiAssessmentItemRef extends LitElement {
+    category?: string;
+    identifier?: string;
+    required?: boolean;
+    fixed?: boolean;
+    href?: string;
+    weigths: Map<string, number>;
+    xmlDoc: DocumentFragment;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get assessmentItem(): QtiAssessmentItem | null;
+    myTemplate: TemplateFunction;
+    connectedCallback(): Promise<void>;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-item-ref': QtiAssessmentItemRef;
+    }
+}
+
+declare class QtiAssessmentSection extends LitElement {
+    identifier: string;
+    required: string;
+    fixed: boolean;
+    title: string;
+    visible: boolean;
+    keepTogether: boolean;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-section': QtiAssessmentSection;
+    }
+}
+
+declare class QtiAssessmentTest extends LitElement {
+    identifier: string;
+    title: string;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-test': QtiAssessmentTest;
+    }
+}
+
+declare class QtiTestPart extends LitElement {
+    identifier: string;
+    title: string;
+    class: string;
+    navigationMode: 'linear' | 'nonlinear';
+    submissionMode: 'individual' | 'simultaneous';
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-part': QtiTestPart;
+    }
+}
+
+declare class QtiTestFeedback extends QtiModalFeedback {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-feedback': QtiTestFeedback;
+    }
+}
+
+export { QtiAssessmentItemRef as Q, type View as V, QtiAssessmentSection as a, QtiAssessmentTest as b, QtiTestPart as c, QtiTestFeedback as d };

package/dist/vscode.html-custom-data.json

@@ -955,7 +955,7 @@
     {
       "name": "test-view-toggle",
       "description": "\n---\n\n\n### **Events:**\n - **on-test-switch-view**",
-      "attributes": [{ "name": "class-for-input", "values": [] }],
+      "attributes": [],
       "references": []
     },
     {

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "7.2.2",
+  "version": "7.3.0",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -86,19 +86,19 @@
     "@eslint/js": "^9.21.0",
     "@lit/context": "^1.1.4",
     "@open-wc/lit-helpers": "^0.7.0",
-    "@storybook/addon-a11y": "^8.6.4",
-    "@storybook/addon-actions": "^8.6.4",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/addon-storysource": "^8.6.4",
+    "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-storysource": "^8.6.12",
     "@storybook/addon-themes": "^8.6.12",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/experimental-addon-test": "^8.6.4",
-    "@storybook/preview-api": "^8.6.4",
-    "@storybook/test": "^8.6.4",
-    "@storybook/web-components": "^8.6.4",
-    "@storybook/web-components-vite": "^8.6.4",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/experimental-addon-test": "^8.6.12",
+    "@storybook/preview-api": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/web-components": "^8.6.12",
+    "@storybook/web-components-vite": "^8.6.12",
     "@swc/core": "^1.11.8",
     "@testing-library/dom": "^10.4.0",
     "@types/dom-view-transitions": "^1.0.6",
@@ -106,8 +106,8 @@
     "@vitest/browser": "^3.0.8",
     "@vitest/coverage-v8": "^3.0.8",
     "@vitest/ui": "^3.0.8",
-    "@wc-toolkit/cem-utilities": "^1.0.2",
-    "@wc-toolkit/storybook-helpers": "^1.0.4",
+    "@wc-toolkit/cem-utilities": "^1.2.0",
+    "@wc-toolkit/storybook-helpers": "^1.1.2",
     "@wc-toolkit/type-parser": "^1.0.3",
     "autoprefixer": "^10.4.20",
     "chromatic": "^11.27.0",
@@ -122,7 +122,7 @@
     "eslint-plugin-lit-a11y": "^4.1.4",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-plugin-storybook": "^0.11.4",
+    "eslint-plugin-storybook": "^0.12.0",
     "eslint-plugin-wc": "^2.2.1",
     "fast-xml-parser": "^5.0.8",
     "globals": "^16.0.0",
@@ -143,7 +143,7 @@
     "remark-gfm": "^4.0.1",
     "shadow-dom-testing-library": "^1.12.0",
     "stampino": "^0.8.3",
-    "storybook": "^8.6.4",
+    "storybook": "^8.6.12",
     "storybook-addon-tag-badges": "^1.4.0",
     "stylelint": "^16.15.0",
     "stylelint-config-standard": "^37.0.0",