@citolab/qti-components 7.6.0 → 7.9.0

package/dist/qti-item/index.js

@@ -3,8 +3,8 @@ import {
   ItemShowCorrectResponse,
   PrintItemVariables,
   QtiItem
-} from "../chunks/chunk-GG4NR5OR.js";
-import "../chunks/chunk-LSEB52SP.js";
+} from "../chunks/chunk-4QSZJYSB.js";
+import "../chunks/chunk-PT5ASWGQ.js";
 import "../chunks/chunk-ELDMXTUQ.js";
 import "../chunks/chunk-WFUXZ4UT.js";
 import "../chunks/chunk-4OGJBG35.js";

package/dist/qti-test/index.js

@@ -23,9 +23,9 @@ import {
   TestStamp,
   TestView,
   TestViewToggle
-} from "../chunks/chunk-FQWMCONA.js";
-import "../chunks/chunk-LSEB52SP.js";
-import "../chunks/chunk-2WTHXWS3.js";
+} from "../chunks/chunk-ZZ7XZ5GG.js";
+import "../chunks/chunk-YD7FVKDP.js";
+import "../chunks/chunk-PT5ASWGQ.js";
 import "../chunks/chunk-ELDMXTUQ.js";
 import "../chunks/chunk-WFUXZ4UT.js";
 import "../chunks/chunk-H6KHXSIO.js";

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

@@ -1088,7 +1088,7 @@
     },
     {
       "name": "test-stamp",
-      "description": "A custom web component that renders a test stamp using the Lit framework.\nThis component is deprecated and will be removed in the future.\n---\n",
+      "description": "A custom web component that renders a test stamp using the Lit framework.\nThis component is deprecated and will be removed in the future.\n---\n\n\n### **Events:**\n - **qti-stamp-context-updated**",
       "attributes": [
         {
           "name": "debug",

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=22.0.0"
   },
-  "version": "7.6.0",
+  "version": "7.9.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -70,7 +70,6 @@
     "watch": "nodemon --watch src --ext ts,css --exec \"run-s tsup cem css && yalc push\"",
     "-----------------------cmds--": "-",
     "pre-commit": "run-s lint stylelint madge",
-    "pre-push": "run-s clean ci build test lint stylelint publint attw",
     "commit-msg": "commitlint --edit",
     "build-storybook": "npm run cem && storybook build",
     "-----------------------scripts--": "-",
@@ -122,6 +121,7 @@
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "^3.2.4",
     "@wc-toolkit/cem-inheritance": "^1.1.0",
+    "@wc-toolkit/cem-sorter": "^1.0.1",
     "@wc-toolkit/cem-utilities": "^1.3.0",
     "@wc-toolkit/changelog": "^1.0.1",
     "@wc-toolkit/jsx-types": "^1.2.2",

package/dist/chunks/chunk-2WTHXWS3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/qti-components/qti-feedback/qti-modal-feedback/qti-modal-feedback.ts","../../src/lib/qti-components/qti-feedback/qti-feedback.ts","../../src/lib/qti-components/internal/utils.ts","../../src/lib/decorators/live-query.ts","../../src/lib/decorators/prop-internal-state.ts"],"sourcesContent":["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 { 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","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the 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\nimport type { LitElement } from 'lit';\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void;\n\ntype NonUndefined<A> = A extends undefined ? never : A;\n\ntype UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;\n}[keyof T];\n\ninterface LiveQueryOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n}\n\nexport function liveQuery(querySelector: string, _options?: LiveQueryOptions) {\n  let observer: MutationObserver;\n  // const resolvedOptions: Required<LiveQueryOptions> = {\n  //   ...options\n  // };\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>\n  ): void => {\n    const { connectedCallback, disconnectedCallback } = proto;\n\n    proto.connectedCallback = function (this: ElemClass) {\n      connectedCallback.call(this);\n      const callback = (mutationList: MutationRecord[]) => {\n        const elementsToWatch = Array.from(this.querySelectorAll(querySelector)).concat(\n          Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])\n        );\n        for (const mutation of mutationList) {\n          const addedNodes = Array.from(mutation.addedNodes).map(e => e as Element);\n          const removedNodes = Array.from(mutation.addedNodes).map(e => e as Element);\n          if (mutation.type === 'childList' && addedNodes.find(n => elementsToWatch.includes(n))) {\n            (this[decoratedFnName] as unknown as UpdateHandler)(addedNodes, removedNodes);\n          }\n        }\n      };\n      observer = new MutationObserver(callback);\n      observer.observe(this, { childList: true, subtree: true });\n\n      const elementsAdded = Array.from(this.querySelectorAll(querySelector)).concat(\n        Array.from(this.shadowRoot?.querySelectorAll(querySelector) || [])\n      );\n      (this[decoratedFnName] as unknown as UpdateHandler)(Array.from(elementsAdded), []);\n    };\n\n    proto.disconnectedCallback = function (this: ElemClass) {\n      disconnectedCallback.call(this);\n      observer.disconnect();\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"]}