@citolab/qti-components 7.14.3 → 7.15.1

package/package.json

@@ -1,198 +1,101 @@
 {
   "name": "@citolab/qti-components",
+  "version": "7.15.1",
+  "description": "QTI component utilities",
+  "main": "dist/index.js",
+  "keywords": [
+    "qti",
+    "components"
+  ],
+  "author": "",
+  "type": "module",
+  "sideEffects": [
+    "./dist/elements.js",
+    "./dist/interactions.js",
+    "./dist/processing.js",
+    "./dist/test.js",
+    "./dist/item.js"
+  ],
+  "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Citolab/qti-components.git"
+    "url": "git+https://github.com/Citolab/qti-components.git",
+    "directory": "packages/qti-components"
   },
-  "description": "QTI webcomponents",
-  "author": {
-    "name": "Patrick de Klein"
-  },
-  "contributors": [
-    {
-      "name": "Sander Looise"
-    },
-    {
-      "name": "Marcel Hoekstra"
-    }
-  ],
-  "license": "GPLv3",
-  "private": false,
-  "engines": {
-    "node": ">=22.0.0"
+  "publishConfig": {
+    "access": "public"
   },
-  "version": "7.14.3",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "sideEffects": true,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./exports/*": {
-      "import": "./dist/exports/*"
+    "./qti-base": {
+      "types": "./dist/base.d.ts",
+      "import": "./dist/base.js"
+    },
+    "./qti-elements": {
+      "types": "./dist/elements.d.ts",
+      "import": "./dist/elements.js"
+    },
+    "./qti-processing": {
+      "types": "./dist/processing.d.ts",
+      "import": "./dist/processing.js"
     },
-    "./qti-components": {
-      "types": "./dist/qti-components/index.d.ts",
-      "import": "./dist/qti-components/index.js"
+    "./qti-interactions": {
+      "types": "./dist/interactions.d.ts",
+      "import": "./dist/interactions.js"
     },
     "./qti-item": {
-      "types": "./dist/qti-item/index.d.ts",
-      "import": "./dist/qti-item/index.js"
+      "types": "./dist/item.d.ts",
+      "import": "./dist/item.js"
     },
     "./qti-test": {
-      "types": "./dist/qti-test/index.d.ts",
-      "import": "./dist/qti-test/index.js"
+      "types": "./dist/test.d.ts",
+      "import": "./dist/test.js"
     },
     "./qti-loader": {
-      "types": "./dist/qti-loader/index.d.ts",
-      "import": "./dist/qti-loader/index.js"
+      "types": "./dist/loader.d.ts",
+      "import": "./dist/loader.js"
     },
     "./qti-transformers": {
-      "types": "./dist/qti-transformers/index.d.ts",
-      "import": "./dist/qti-transformers/index.js"
+      "types": "./dist/transformers.d.ts",
+      "import": "./dist/transformers.js"
     },
     "./customElements": "./custom-elements.json",
-    "./react": "./dist/qti-components-jsx.d.ts",
     "./item.css": "./dist/item.css",
     "./cdn/*": "./cdn/*",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./react": "./dist/qti-components-jsx.d.ts"
   },
   "files": [
     "dist",
     "cdn",
     "custom-elements.json"
   ],
-  "scripts": {
-    "storybook": "run-p storybook:dev cem:watch",
-    "watch": "nodemon --watch src --ext ts,css --exec \"run-s tsup cem css && yalc push\"",
-    "-----------------------cmds--": "-",
-    "pre-commit": "run-s lint stylelint madge",
-    "commit-msg": "commitlint --edit",
-    "build-storybook": "npm run cem && storybook build",
-    "-----------------------scripts--": "-",
-    "build": "run-p cem css tsup",
-    "storybook:dev": "storybook dev -p 6006 --no-open",
-    "cem": "cem analyze",
-    "cem:watch": "cem analyze --watch",
-    "css": "postcss src/item.css -d dist -m",
-    "ci": "npm ci",
-    "tsup": "tsup",
-    "publint": "publint",
-    "lint": "eslint src/**/*.ts",
-    "stylelint": "stylelint \"src/**/*.css\"",
-    "test": "vitest run",
-    "attw": "attw --profile esm-only --pack --exclude-entrypoints ./item.css ./react",
-    "chromatic": "node chromatic-runner.cjs",
-    "clean": "rm -rf dist cdn",
-    "madge": "madge --circular --extensions ts src",
-    "commitlint": "commitlint --edit",
-    "-----------------------npm--": "-",
-    "prepare": "husky && npm run build"
-  },
-  "peerDependencies": {
+  "dependencies": {
+    "lit": "^3.3.1",
+    "@lit/context": "^1.1.6",
     "@heximal/templates": "^0.1.5",
-    "@lit/context": "^1.1.3",
-    "lit": "^3.2.1"
-  },
-  "devDependencies": {
-    "@arethetypeswrong/cli": "^0.18.2",
-    "@chromatic-com/storybook": "^4.1.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@custom-elements-manifest/analyzer": "^0.10.4",
-    "@eslint/js": "^9.29.0",
-    "@heximal/templates": "0.1.5",
-    "@lit/context": "^1.1.5",
-    "@open-wc/lit-helpers": "^0.7.0",
-    "@storybook/addon-a11y": "^9.1.5",
-    "@storybook/addon-docs": "^9.1.5",
-    "@storybook/addon-links": "^9.1.5",
-    "@storybook/addon-themes": "^9.1.5",
-    "@storybook/addon-vitest": "^9.1.5",
-    "@storybook/web-components-vite": "^9.1.5",
-    "@swc/core": "^1.12.1",
-    "@testing-library/dom": "^10.4.0",
-    "@types/dom-view-transitions": "^1.0.6",
-    "@types/node": "^24.0.3",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
-    "@wc-toolkit/cem-inheritance": "^1.2.2",
-    "@wc-toolkit/cem-sorter": "^1.0.1",
-    "@wc-toolkit/cem-utilities": "^1.5.0",
-    "@wc-toolkit/changelog": "^1.0.2",
-    "@wc-toolkit/jsx-types": "^1.4.3",
-    "@wc-toolkit/storybook-helpers": "^9.0.1",
-    "@wc-toolkit/type-parser": "^1.2.0",
-    "autoprefixer": "^10.4.21",
-    "chromatic": "^13.0.0",
-    "custom-element-vs-code-integration": "^1.5.0",
-    "custom-elements-manifest-deprecator": "^1.2.0",
-    "dotenv": "^16.5.0",
-    "eslint": "^9.29.0",
-    "eslint-import-resolver-typescript": "^4.4.3",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-lit": "^2.1.1",
-    "eslint-plugin-lit-a11y": "^5.0.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-plugin-storybook": "^9.1.5",
-    "eslint-plugin-wc": "^3.0.1",
-    "fast-xml-parser": "^5.2.5",
-    "globals": "^16.2.0",
-    "globby": "^14.1.0",
-    "husky": "^9.1.7",
-    "lit": "^3.3.0",
-    "madge": "^8.0.0",
-    "mdx-mermaid": "^2.0.3",
-    "mermaid": "^11.12.0",
-    "msw": "^2.11.5",
-    "msw-storybook-addon": "^2.0.5",
-    "nodemon": "^3.1.10",
-    "npm-run-all": "^4.1.5",
-    "path-browserify": "^1.0.1",
-    "pkg-pr-new": "^0.0.51",
-    "playwright": "^1.53.0",
-    "postcss": "^8.5.6",
-    "postcss-class-apply": "^4.0.1",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.1",
-    "postcss-nesting": "^13.0.2",
-    "prettier": "3.5.3",
-    "prettier-v2": "npm:prettier@2.8.8",
-    "publint": "^0.3.12",
-    "remark-gfm": "^4.0.1",
-    "shadow-dom-testing-library": "^1.12.0",
-    "storybook": "^9.1.5",
-    "storybook-addon-tag-badges": "^2.0.1",
-    "stylelint": "^16.20.0",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-prettier": "^5.0.3",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.34.1",
-    "vite": "^6.3.5",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4",
-    "yalc": "^1.0.0-pre.53"
-  },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.43.0"
-  },
-  "customElements": "custom-elements.json",
-  "bugs": {
-    "url": "https://github.com/Citolab/qti-components/issues"
+    "@qti-components/test": "1.0.0",
+    "@qti-components/elements": "1.0.0",
+    "@qti-components/item": "1.0.0",
+    "@qti-components/interactions": "1.0.0",
+    "@qti-components/transformers": "1.0.0",
+    "@qti-components/processing": "1.0.0",
+    "@qti-components/loader": "1.0.0",
+    "@qti-components/base": "1.0.0",
+    "@qti-components/theme": "1.0.0"
   },
-  "homepage": "https://github.com/Citolab/qti-components#readme",
-  "overrides": {
-    "storybook": "$storybook"
-  },
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
+  "customElements": "dist/custom-elements.json",
+  "scripts": {
+    "build": "run-p tsup css cem",
+    "clean": "rm -rf dist cdn",
+    "attw": "attw --pack --profile esm-only --format table",
+    "publint": "publint",
+    "-": "---build---",
+    "tsup": "tsup",
+    "css": "postcss ../qti-theme/src/item.css -d dist -m",
+    "cem": "cd ../../ && CEM_OUTDIR=packages/qti-components/ cem analyze --config custom-elements-manifest.config.mjs"
   }
 }

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

@@ -1,8 +0,0 @@
-// src/lib/exports/computed-item.context.ts
-import { createContext } from "@lit/context";
-var computedItemContext = createContext(Symbol("computedItemContext"));
-
-export {
-  computedItemContext
-};
-//# sourceMappingURL=chunk-4OGJBG35.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/exports/computed-item.context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\n\nimport type { VariableDeclaration } from './variables';\n\nexport type ComputedItemContext = {\n  identifier: string;\n  href?: string;\n  correct?: boolean;\n  incorrect?: boolean;\n  completed?: boolean;\n  adaptive?: boolean;\n  timeDependent?: boolean;\n  title?: string;\n  label?: string;\n  score?: number;\n  maxScore?: number;\n  completionStatus?: string;\n  variables: ReadonlyArray<VariableDeclaration<string | string[] | null>>;\n};\n\nexport const computedItemContext = createContext<Readonly<ComputedItemContext>>(Symbol('computedItemContext'));\n"],"mappings":";AAAA,SAAS,qBAAqB;AAoBvB,IAAM,sBAAsB,cAA6C,OAAO,qBAAqB,CAAC;","names":[]}

package/dist/chunks/chunk-AGV5GOTF.js

@@ -1,234 +0,0 @@
-import {
-  itemContext
-} from "./chunk-NJNQOQUU.js";
-import {
-  __decorateClass
-} from "./chunk-H2JE6IVU.js";
-
-// src/lib/qti-components/qti-feedback/qti-feedback.ts
-import { consume } from "@lit/context";
-import { LitElement } from "lit";
-import { property, state } from "lit/decorators.js";
-
-// src/lib/qti-components/internal/utils.ts
-var decimalSeparator = () => {
-  return new Intl.NumberFormat().format(0.1).replace(/\d/g, "");
-};
-var convertNumberToUniversalFormat = (number) => {
-  if (typeof number === "string") {
-    return number;
-  }
-  const dSep = decimalSeparator();
-  if (dSep === ".") {
-    return number.toLocaleString();
-  } else {
-    return number.toString().replace(".", "").replace(dSep, ".");
-  }
-};
-function IsNullOrUndefined(value) {
-  return value === null || value === void 0;
-}
-function removeDoubleSlashes(str) {
-  const singleForwardSlashes = str.replace(/([^:]\/)\/+/g, "$1").replace(/\/\//g, "/").replace("http:/", "http://").replace("https:/", "https://");
-  return singleForwardSlashes;
-}
-
-// src/lib/qti-components/qti-feedback/qti-feedback.ts
-var QtiFeedback = class extends LitElement {
-  connectedCallback() {
-    super.connectedCallback();
-    this.dispatchEvent(
-      new CustomEvent("qti-register-feedback", {
-        bubbles: true,
-        composed: true,
-        detail: this
-      })
-    );
-  }
-  checkShowFeedback(outcomeIdentifier) {
-    const outcomeVariable = this._context.variables.find((v) => v.identifier === outcomeIdentifier) || null;
-    if (this.outcomeIdentifier !== outcomeIdentifier || !outcomeVariable) return;
-    let isFound = false;
-    if (Array.isArray(outcomeVariable.value)) {
-      isFound = outcomeVariable.value.includes(this.identifier);
-    } else {
-      isFound = !IsNullOrUndefined(this.identifier) && !IsNullOrUndefined(outcomeVariable?.value) && this.identifier === outcomeVariable.value || false;
-    }
-    this.showFeedback(isFound);
-  }
-  showFeedback(value) {
-    this.showStatus = value && this.showHide === "show" || !value && this.showHide === "hide" ? "on" : "off";
-  }
-};
-__decorateClass([
-  property({ type: String, attribute: "show-hide" })
-], QtiFeedback.prototype, "showHide", 2);
-__decorateClass([
-  property({ type: String, attribute: "outcome-identifier" })
-], QtiFeedback.prototype, "outcomeIdentifier", 2);
-__decorateClass([
-  property({ type: String })
-], QtiFeedback.prototype, "identifier", 2);
-__decorateClass([
-  property({ type: String, attribute: false })
-], QtiFeedback.prototype, "showStatus", 2);
-__decorateClass([
-  consume({ context: itemContext, subscribe: true }),
-  state()
-], QtiFeedback.prototype, "_context", 2);
-
-// src/lib/qti-components/qti-feedback/qti-modal-feedback/qti-modal-feedback.ts
-import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
-var QtiModalFeedback = class extends QtiFeedback {
-  render() {
-    return html`
-      <dialog class="qti-dialog" part="feedback" ?open="${this.showStatus === "on"}">
-        <slot></slot>
-        <div style="margin-top: var(--qti-gap-size); text-align: center;">
-          <button class="button close-button" @click="${this.closeFeedback}">Close</button>
-        </div>
-      </dialog>
-    `;
-  }
-  openFeedback() {
-    const dialog = this.shadowRoot?.querySelector("dialog");
-    if (dialog && !dialog.open) {
-      dialog.showModal();
-    }
-  }
-  closeFeedback() {
-    const dialog = this.shadowRoot?.querySelector("dialog");
-    if (dialog && dialog.open) {
-      dialog.close();
-      this.showStatus = "off";
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (this.showStatus === "on") {
-      this.openFeedback();
-    }
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("showStatus")) {
-      if (this.showStatus === "on") {
-        this.openFeedback();
-      } else {
-        this.closeFeedback();
-      }
-    }
-  }
-};
-QtiModalFeedback.styles = css`
-    .qti-dialog {
-      background: var(--qti-bg);
-      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
-      border-radius: var(--qti-border-radius);
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      z-index: 1000;
-      width: auto;
-      max-width: 90%;
-    }
-
-    .button {
-      border-radius: var(--qti-border-radius);
-      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
-      background-color: var(--qti-bg-active);
-      border: var(--qti-border-active);
-      cursor: pointer;
-      position: relative;
-      display: inline-block;
-    }
-
-    .button:hover {
-      background-color: var(--qti-hover-bg);
-    }
-
-    .button:disabled {
-      background-color: var(--qti-disabled-bg);
-      color: var(--qti-disabled-color);
-      cursor: not-allowed;
-    }
-
-    .button:focus {
-      outline: var(--qti-focus-border-width) solid var(--qti-focus-color);
-    }
-  `;
-QtiModalFeedback = __decorateClass([
-  customElement("qti-modal-feedback")
-], QtiModalFeedback);
-
-// src/lib/decorators/live-query.ts
-function liveQuery(querySelector, options) {
-  return (proto, decoratedFnName) => {
-    const { connectedCallback, disconnectedCallback } = proto;
-    proto.connectedCallback = function() {
-      connectedCallback.call(this);
-      const handler = this[decoratedFnName];
-      const callback = (mutationList) => {
-        const added = [];
-        const removed = [];
-        for (const m of mutationList) {
-          if (m.type !== "childList") continue;
-          m.addedNodes.forEach((n) => {
-            if (n.nodeType !== 1) return;
-            const el = n;
-            if (el.matches?.(querySelector)) added.push(el);
-            added.push(...el.querySelectorAll?.(querySelector) ?? []);
-          });
-          m.removedNodes.forEach((n) => {
-            if (n.nodeType !== 1) return;
-            const el = n;
-            if (el.matches?.(querySelector)) removed.push(el);
-            removed.push(...el.querySelectorAll?.(querySelector) ?? []);
-          });
-        }
-        const dedupe = (arr) => Array.from(new Set(arr));
-        const A = dedupe(added);
-        const R = dedupe(removed);
-        if (A.length || R.length) {
-          handler.call(this, A, R);
-        }
-      };
-      const obsLight = new MutationObserver(callback);
-      obsLight.observe(this, { childList: true, subtree: true });
-      const obsShadow = this.shadowRoot ? new MutationObserver(callback) : null;
-      obsShadow?.observe(this.shadowRoot, { childList: true, subtree: true });
-      this.__lqObservers = [obsLight, obsShadow].filter((o) => !!o);
-      const fireInitial = async () => {
-        if (options?.waitUntilFirstUpdate && "updateComplete" in this) {
-          await this.updateComplete;
-        }
-        const initial = [
-          ...this.querySelectorAll(querySelector),
-          ...this.shadowRoot?.querySelectorAll(querySelector) ?? []
-        ];
-        if (initial.length) handler.call(this, initial, []);
-      };
-      void fireInitial();
-    };
-    proto.disconnectedCallback = function() {
-      disconnectedCallback.call(this);
-      this.__lqObservers?.forEach((o) => o.disconnect());
-      this.__lqObservers = void 0;
-    };
-  };
-}
-
-// src/lib/decorators/prop-internal-state.ts
-import { property as property2 } from "lit/decorators.js";
-
-export {
-  liveQuery,
-  convertNumberToUniversalFormat,
-  removeDoubleSlashes,
-  QtiFeedback,
-  QtiModalFeedback
-};
-//# sourceMappingURL=chunk-AGV5GOTF.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/qti-components/qti-feedback/qti-feedback.ts","../../src/lib/qti-components/internal/utils.ts","../../src/lib/qti-components/qti-feedback/qti-modal-feedback/qti-modal-feedback.ts","../../src/lib/decorators/live-query.ts","../../src/lib/decorators/prop-internal-state.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { IsNullOrUndefined } from '../internal/utils';\nimport { itemContext } from '../../exports/qti-assessment-item.context';\n\nimport type { ItemContext } from '../../exports/item.context';\n\nexport abstract class QtiFeedback extends LitElement {\n  @property({ type: String, attribute: 'show-hide' })\n  protected showHide: string;\n\n  @property({ type: String, attribute: 'outcome-identifier' })\n  public outcomeIdentifier: string;\n\n  @property({ type: String })\n  protected identifier: string;\n\n  @property({ type: String, attribute: false })\n  public showStatus: string;\n\n  @consume({ context: itemContext, subscribe: true })\n  @state()\n  private _context?: ItemContext;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.dispatchEvent(\n      new CustomEvent<QtiFeedback>('qti-register-feedback', {\n        bubbles: true,\n        composed: true,\n        detail: this\n      })\n    );\n  }\n\n  public checkShowFeedback(outcomeIdentifier: string) {\n    const outcomeVariable = this._context.variables.find(v => v.identifier === outcomeIdentifier) || null;\n    if (this.outcomeIdentifier !== outcomeIdentifier || !outcomeVariable) return;\n    let isFound = false;\n    if (Array.isArray(outcomeVariable.value)) {\n      isFound = outcomeVariable.value.includes(this.identifier);\n    } else {\n      isFound =\n        (!IsNullOrUndefined(this.identifier) &&\n          !IsNullOrUndefined(outcomeVariable?.value) &&\n          this.identifier === outcomeVariable.value) ||\n        false;\n    }\n\n    this.showFeedback(isFound);\n  }\n\n  private showFeedback(value: boolean) {\n    this.showStatus = (value && this.showHide === 'show') || (!value && this.showHide === 'hide') ? 'on' : 'off';\n  }\n}\n","export const decimalSeparator = () => {\n  return new Intl.NumberFormat().format(0.1).replace(/\\d/g, '');\n};\n\nexport const convertNumberToUniversalFormat = (number: number | string) => {\n  // check if type is string\n  if (typeof number === 'string') {\n    return number;\n  }\n  const dSep = decimalSeparator();\n  if (dSep === '.') {\n    return number.toLocaleString();\n  } else {\n    return number.toString().replace('.', '').replace(dSep, '.');\n  }\n};\n\nexport function IsNullOrUndefined(value: unknown) {\n  return value === null || value === undefined;\n}\n\nexport function removeDoubleSlashes(str: string) {\n  const singleForwardSlashes = str\n    .replace(/([^:]\\/)\\/+/g, '$1')\n    .replace(/\\/\\//g, '/')\n    .replace('http:/', 'http://')\n    .replace('https:/', 'https://');\n  return singleForwardSlashes;\n}\n","import { css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { QtiFeedback } from '../qti-feedback';\n\n@customElement('qti-modal-feedback')\nexport class QtiModalFeedback extends QtiFeedback {\n  static override styles = css`\n    .qti-dialog {\n      background: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      border-radius: var(--qti-border-radius);\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 1000;\n      width: auto;\n      max-width: 90%;\n    }\n\n    .button {\n      border-radius: var(--qti-border-radius);\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background-color: var(--qti-bg-active);\n      border: var(--qti-border-active);\n      cursor: pointer;\n      position: relative;\n      display: inline-block;\n    }\n\n    .button:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    .button:disabled {\n      background-color: var(--qti-disabled-bg);\n      color: var(--qti-disabled-color);\n      cursor: not-allowed;\n    }\n\n    .button:focus {\n      outline: var(--qti-focus-border-width) solid var(--qti-focus-color);\n    }\n  `;\n\n  override render() {\n    return html`\n      <dialog class=\"qti-dialog\" part=\"feedback\" ?open=\"${this.showStatus === 'on'}\">\n        <slot></slot>\n        <div style=\"margin-top: var(--qti-gap-size); text-align: center;\">\n          <button class=\"button close-button\" @click=\"${this.closeFeedback}\">Close</button>\n        </div>\n      </dialog>\n    `;\n  }\n\n  openFeedback() {\n    const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null;\n    if (dialog && !dialog.open) {\n      dialog.showModal();\n    }\n  }\n\n  closeFeedback() {\n    const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null;\n    if (dialog && dialog.open) {\n      dialog.close();\n      this.showStatus = 'off';\n    }\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n    if (this.showStatus === 'on') {\n      this.openFeedback();\n    }\n  }\n\n  protected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    if (changedProperties.has('showStatus')) {\n      if (this.showStatus === 'on') {\n        this.openFeedback();\n      } else {\n        this.closeFeedback();\n      }\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-modal-feedback': QtiModalFeedback;\n  }\n}\n","import type { LitElement } from 'lit';\n\ntype LiveQueryHandler = (added: Element[], removed: Element[]) => void;\ntype LiveQueryHandlerKeys<T extends object> = {\n  [K in keyof T]-?: T[K] extends LiveQueryHandler ? K : never;\n}[keyof T];\n\ninterface LiveQueryOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n  waitUntilFirstUpdate?: boolean;\n}\n\nexport function liveQuery(querySelector: string, options?: LiveQueryOptions) {\n  return <ElemClass extends LitElement>(proto: ElemClass, decoratedFnName: LiveQueryHandlerKeys<ElemClass>): void => {\n    const { connectedCallback, disconnectedCallback } = proto;\n\n    proto.connectedCallback = function (this: ElemClass) {\n      connectedCallback.call(this);\n\n      const handler = this[decoratedFnName] as unknown as LiveQueryHandler;\n\n      const callback = (mutationList: MutationRecord[]) => {\n        const added: Element[] = [];\n        const removed: Element[] = [];\n\n        for (const m of mutationList) {\n          if (m.type !== 'childList') continue;\n\n          m.addedNodes.forEach(n => {\n            if (n.nodeType !== 1) return;\n            const el = n as Element;\n            if (el.matches?.(querySelector)) added.push(el);\n            added.push(...(el.querySelectorAll?.(querySelector) ?? []));\n          });\n\n          m.removedNodes.forEach(n => {\n            if (n.nodeType !== 1) return;\n            const el = n as Element;\n            if (el.matches?.(querySelector)) removed.push(el);\n            removed.push(...(el.querySelectorAll?.(querySelector) ?? []));\n          });\n        }\n\n        // deduplicate added and removed (might be multiples since we observe both light and shadow DOM)\n        const dedupe = (arr: Element[]) => Array.from(new Set(arr));\n        const A = dedupe(added);\n        const R = dedupe(removed);\n\n        if (A.length || R.length) {\n          handler.call(this, A, R);\n        }\n      };\n\n      // observe both light and shadow DOM\n      const obsLight = new MutationObserver(callback);\n      obsLight.observe(this, { childList: true, subtree: true });\n\n      const obsShadow = this.shadowRoot ? new MutationObserver(callback) : null;\n      obsShadow?.observe(this.shadowRoot, { childList: true, subtree: true });\n\n      (this as any).__lqObservers = [obsLight, obsShadow].filter((o): o is MutationObserver => !!o);\n\n      const fireInitial = async () => {\n        if (options?.waitUntilFirstUpdate && 'updateComplete' in this) {\n          await (this as any).updateComplete;\n        }\n        const initial = [\n          ...this.querySelectorAll(querySelector),\n          ...(this.shadowRoot?.querySelectorAll(querySelector) ?? [])\n        ] as Element[];\n        if (initial.length) handler.call(this, initial, []);\n      };\n\n      void fireInitial();\n    };\n\n    proto.disconnectedCallback = function (this: ElemClass) {\n      disconnectedCallback.call(this);\n      (this as any).__lqObservers?.forEach((o: MutationObserver) => o.disconnect());\n      (this as any).__lqObservers = undefined;\n    };\n  };\n}\n","import { property } from 'lit/decorators.js';\n\nimport type { ReactiveElement } from 'lit';\nimport type { 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"],"mappings":"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","names":["property"]}

package/dist/chunks/chunk-BHJSX3Q6.js

@@ -1,8 +0,0 @@
-// src/lib/exports/config.context.ts
-import { createContext } from "@lit/context";
-var configContext = createContext(Symbol("configContext"));
-
-export {
-  configContext
-};
-//# sourceMappingURL=chunk-BHJSX3Q6.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/exports/config.context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\n\nexport type CorrectResponseMode = 'internal' | 'full';\n\nexport interface ConfigContext {\n  infoItemCategory?: string;\n  reportValidityAfterScoring?: boolean;\n  disableAfterIfMaxChoicesReached?: boolean;\n  correctResponseMode?: CorrectResponseMode;\n  inlineChoicePrompt?: string;\n  fullCorrectResponseOnlyWhenIncorrect?: boolean;\n}\n\nexport const configContext = createContext<Readonly<ConfigContext>>(Symbol('configContext'));\n"],"mappings":";AAAA,SAAS,qBAAqB;AAavB,IAAM,gBAAgB,cAAuC,OAAO,eAAe,CAAC;","names":[]}