@citolab/qti-components 7.3.1 → 7.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/cdn/chunks/chunk-2F7QLIQX.js +2 -0
  2. package/cdn/chunks/chunk-2FHBMRTL.js +10 -0
  3. package/cdn/chunks/chunk-2IPVI6JS.js +8 -0
  4. package/cdn/chunks/chunk-2MMQH3OR.js +8 -0
  5. package/cdn/chunks/chunk-3OIAVUFK.js +8 -0
  6. package/cdn/chunks/chunk-3XOKPK45.js +2 -0
  7. package/cdn/chunks/chunk-5DVOEPIP.js +8 -0
  8. package/cdn/chunks/chunk-5PA3GEIX.js +2 -0
  9. package/cdn/chunks/chunk-7JO3EE5V.js +5 -0
  10. package/cdn/chunks/chunk-AMH674XL.js +1450 -0
  11. package/cdn/chunks/chunk-C26NWYVO.js +2 -0
  12. package/cdn/chunks/chunk-C55DPNSW.js +8 -0
  13. package/cdn/chunks/chunk-CIIKVJF7.js +2 -0
  14. package/cdn/chunks/chunk-CMGZUMGV.js +2 -0
  15. package/cdn/chunks/chunk-DZTNCG5K.js +2 -0
  16. package/cdn/chunks/chunk-E7FZUPJ2.js +8 -0
  17. package/cdn/chunks/chunk-H3WTP2FL.js +2 -0
  18. package/cdn/chunks/chunk-IEHCQ5EK.js +2 -0
  19. package/cdn/chunks/chunk-LGSTDI7O.js +8 -0
  20. package/cdn/chunks/chunk-N3YBYEEI.js +2 -0
  21. package/cdn/chunks/chunk-N7K6VO7F.js +1 -0
  22. package/cdn/chunks/chunk-NPYS4GGN.js +5 -0
  23. package/cdn/chunks/chunk-OGZEE7T7.js +8 -0
  24. package/cdn/chunks/chunk-QA3FBQSF.js +5 -0
  25. package/cdn/chunks/chunk-QHO7IBHQ.js +2 -0
  26. package/cdn/chunks/chunk-QT25DBDO.js +8 -0
  27. package/cdn/chunks/chunk-SSBR2KEX.js +8 -0
  28. package/cdn/chunks/chunk-TB7NCJUL.js +8 -0
  29. package/cdn/chunks/chunk-UN2WT4WS.js +2 -0
  30. package/cdn/chunks/chunk-V6LLE3H4.js +8 -0
  31. package/cdn/chunks/chunk-X5K7LBUM.js +8 -0
  32. package/cdn/chunks/chunk-X6XRXEW2.js +2 -0
  33. package/cdn/chunks/chunk-Z6WP2K4O.js +1450 -0
  34. package/cdn/chunks/chunk-ZKETWB2E.js +8 -0
  35. package/cdn/index.global.js +1 -1
  36. package/cdn/index.js +1 -1
  37. package/cdn/qti-components/index.js +1 -1
  38. package/cdn/qti-test/components/index.js +1 -1
  39. package/cdn/qti-test/components/test-next.js +1 -1
  40. package/cdn/qti-test/components/test-prev.js +1 -1
  41. package/cdn/qti-test/components/test-scoring-feedback.js +1 -1
  42. package/cdn/qti-test/components/test-stamp.js +1 -1
  43. package/cdn/qti-test/core/index.js +1 -1
  44. package/dist/chunks/chunk-3IAZELYI.js +90 -0
  45. package/dist/chunks/chunk-3IAZELYI.js.map +1 -0
  46. package/dist/chunks/chunk-3YJPKRFS.js +91 -0
  47. package/dist/chunks/chunk-3YJPKRFS.js.map +1 -0
  48. package/dist/chunks/chunk-4PL7XU3H.js +82 -0
  49. package/dist/chunks/chunk-4PL7XU3H.js.map +1 -0
  50. package/dist/chunks/chunk-4YWF7QTH.js +92 -0
  51. package/dist/chunks/chunk-4YWF7QTH.js.map +1 -0
  52. package/dist/chunks/chunk-5AZFPSD4.js +87 -0
  53. package/dist/chunks/chunk-5AZFPSD4.js.map +1 -0
  54. package/dist/chunks/chunk-5OZP32ZZ.js +90 -0
  55. package/dist/chunks/chunk-5OZP32ZZ.js.map +1 -0
  56. package/dist/chunks/chunk-5SU6S5L4.js +94 -0
  57. package/dist/chunks/chunk-5SU6S5L4.js.map +1 -0
  58. package/dist/chunks/chunk-5WHKITF6.js +90 -0
  59. package/dist/chunks/chunk-5WHKITF6.js.map +1 -0
  60. package/dist/chunks/chunk-64JRMFTB.js +93 -0
  61. package/dist/chunks/chunk-64JRMFTB.js.map +1 -0
  62. package/dist/chunks/chunk-7RFWGVJR.js +109 -0
  63. package/dist/chunks/chunk-7RFWGVJR.js.map +1 -0
  64. package/dist/chunks/chunk-BAG5H6N2.js +7970 -0
  65. package/dist/chunks/chunk-BAG5H6N2.js.map +1 -0
  66. package/dist/chunks/chunk-CWT66FG4.js +95 -0
  67. package/dist/chunks/chunk-CWT66FG4.js.map +1 -0
  68. package/dist/chunks/chunk-F2JDNMKV.js +100 -0
  69. package/dist/chunks/chunk-F2JDNMKV.js.map +1 -0
  70. package/dist/chunks/chunk-F5OPIJ4X.js +90 -0
  71. package/dist/chunks/chunk-F5OPIJ4X.js.map +1 -0
  72. package/dist/chunks/chunk-FZHYC3TU.js +92 -0
  73. package/dist/chunks/chunk-FZHYC3TU.js.map +1 -0
  74. package/dist/chunks/chunk-GDNPYP37.js +85 -0
  75. package/dist/chunks/chunk-GDNPYP37.js.map +1 -0
  76. package/dist/chunks/chunk-H2HBYOZZ.js +90 -0
  77. package/dist/chunks/chunk-H2HBYOZZ.js.map +1 -0
  78. package/dist/chunks/chunk-H6RDLSTK.js +87 -0
  79. package/dist/chunks/chunk-H6RDLSTK.js.map +1 -0
  80. package/dist/chunks/chunk-IDRQNT6W.js +86 -0
  81. package/dist/chunks/chunk-IDRQNT6W.js.map +1 -0
  82. package/dist/chunks/chunk-KXDEFGCK.js +887 -0
  83. package/dist/chunks/chunk-KXDEFGCK.js.map +1 -0
  84. package/dist/chunks/chunk-KZAEUKGI.js +100 -0
  85. package/dist/chunks/chunk-KZAEUKGI.js.map +1 -0
  86. package/dist/chunks/chunk-LBL5YIK7.js +94 -0
  87. package/dist/chunks/chunk-LBL5YIK7.js.map +1 -0
  88. package/dist/chunks/chunk-LJ4KYDFF.js +56 -0
  89. package/dist/chunks/chunk-LJ4KYDFF.js.map +1 -0
  90. package/dist/chunks/chunk-LMMYXE6U.js +85 -0
  91. package/dist/chunks/chunk-LMMYXE6U.js.map +1 -0
  92. package/dist/chunks/chunk-MTWSJYVA.js +86 -0
  93. package/dist/chunks/chunk-MTWSJYVA.js.map +1 -0
  94. package/dist/chunks/chunk-OD6DYLAO.js +7940 -0
  95. package/dist/chunks/chunk-OD6DYLAO.js.map +1 -0
  96. package/dist/chunks/chunk-OLZSWYQO.js +100 -0
  97. package/dist/chunks/chunk-OLZSWYQO.js.map +1 -0
  98. package/dist/chunks/chunk-PI2VZUCF.js +91 -0
  99. package/dist/chunks/chunk-PI2VZUCF.js.map +1 -0
  100. package/dist/chunks/chunk-PRO3U224.js +91 -0
  101. package/dist/chunks/chunk-PRO3U224.js.map +1 -0
  102. package/dist/chunks/chunk-RZK54XLD.js +100 -0
  103. package/dist/chunks/chunk-RZK54XLD.js.map +1 -0
  104. package/dist/chunks/chunk-SBY26ONA.js +99 -0
  105. package/dist/chunks/chunk-SBY26ONA.js.map +1 -0
  106. package/dist/chunks/chunk-W7DAMVVM.js +90 -0
  107. package/dist/chunks/chunk-W7DAMVVM.js.map +1 -0
  108. package/dist/chunks/chunk-WH6TRM5K.js +82 -0
  109. package/dist/chunks/chunk-WH6TRM5K.js.map +1 -0
  110. package/dist/chunks/chunk-WLDX63OS.js +92 -0
  111. package/dist/chunks/chunk-WLDX63OS.js.map +1 -0
  112. package/dist/chunks/chunk-WTV3RW6F.js +91 -0
  113. package/dist/chunks/chunk-WTV3RW6F.js.map +1 -0
  114. package/dist/chunks/chunk-X5L7SQQN.js +887 -0
  115. package/dist/chunks/chunk-X5L7SQQN.js.map +1 -0
  116. package/dist/chunks/chunk-X5RBTIXP.js +86 -0
  117. package/dist/chunks/chunk-X5RBTIXP.js.map +1 -0
  118. package/dist/exports/computed-item.context.d.ts +1 -1
  119. package/dist/exports/computed.context.d.ts +2 -2
  120. package/dist/exports/interaction.d.ts +1 -1
  121. package/dist/exports/item.context.d.ts +1 -1
  122. package/dist/exports/qti-assessment-item.context.d.ts +1 -1
  123. package/dist/exports/qti-condition-expression.d.ts +1 -1
  124. package/dist/exports/qti-expression.d.ts +1 -1
  125. package/dist/exports/session.context.d.ts +2 -2
  126. package/dist/exports/test.context.d.ts +1 -1
  127. package/dist/exports/variables.d.ts +1 -1
  128. package/dist/index.d.ts +2 -2
  129. package/dist/index.js +6 -7
  130. package/dist/qti-components/index.d.ts +2 -2
  131. package/dist/qti-components/index.js +1 -2
  132. package/dist/qti-components-jsx.d.ts +73 -12
  133. package/dist/qti-item/components/item-show-correct-response.d.ts +1 -1
  134. package/dist/qti-item/components/print-item-variables.d.ts +1 -1
  135. package/dist/qti-item/core/index.d.ts +1 -1
  136. package/dist/qti-loader/index.d.ts +1 -1
  137. package/dist/qti-response-declaration-pCFZA_aW.d.ts +1356 -0
  138. package/dist/qti-test/components/index.d.ts +2 -2
  139. package/dist/qti-test/components/index.js +4 -5
  140. package/dist/qti-test/components/test-navigation.d.ts +2 -2
  141. package/dist/qti-test/components/test-next.d.ts +14 -16
  142. package/dist/qti-test/components/test-next.js +1 -1
  143. package/dist/qti-test/components/test-prev.d.ts +16 -18
  144. package/dist/qti-test/components/test-prev.js +1 -3
  145. package/dist/qti-test/components/test-print-context.d.ts +2 -2
  146. package/dist/qti-test/components/test-print-item-variables.d.ts +2 -2
  147. package/dist/qti-test/components/test-scoring-buttons.d.ts +2 -2
  148. package/dist/qti-test/components/test-scoring-feedback.d.ts +2 -2
  149. package/dist/qti-test/components/test-scoring-feedback.js +1 -1
  150. package/dist/qti-test/components/test-show-correct-response.d.ts +2 -2
  151. package/dist/qti-test/components/test-stamp.d.ts +2 -2
  152. package/dist/qti-test/components/test-stamp.js +1 -1
  153. package/dist/qti-test/core/index.d.ts +3 -3
  154. package/dist/qti-test/core/index.js +2 -3
  155. package/dist/qti-test-feedback-2xjKezsY.d.ts +85 -0
  156. package/dist/vscode.html-custom-data.json +39 -15
  157. package/package.json +1 -1
@@ -0,0 +1,82 @@
1
+ import {
2
+ btn,
3
+ dis
4
+ } from "./chunk-5ZHHNEDA.js";
5
+ import {
6
+ computedContext
7
+ } from "./chunk-AZIKAG7K.js";
8
+ import {
9
+ __decorateClass
10
+ } from "./chunk-H2JE6IVU.js";
11
+
12
+ // src/lib/qti-test/components/test-next.ts
13
+ import { css, html, LitElement } from "lit";
14
+ import { customElement, property } from "lit/decorators.js";
15
+ import { consume } from "@lit/context";
16
+ var TestNext = class extends LitElement {
17
+ constructor() {
18
+ super();
19
+ this.disabled = false;
20
+ this._internals = this.attachInternals();
21
+ this._internals.role = "button";
22
+ this._internals.ariaLabel = "Next item";
23
+ this.addEventListener("click", (e) => {
24
+ e.preventDefault();
25
+ if (!this.disabled) this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
26
+ });
27
+ }
28
+ willUpdate(_changedProperties) {
29
+ if (!this.computedContext) return;
30
+ const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
31
+ if (!testPart) return;
32
+ this.sectionItems = testPart.sections.flatMap((section) => section.items);
33
+ this.itemIndex = this.sectionItems.findIndex((item) => item.active);
34
+ this.checkDisabled();
35
+ }
36
+ checkDisabled() {
37
+ const shouldBeDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
38
+ console.log(shouldBeDisabled);
39
+ if (this.disabled) {
40
+ this.disabled = true;
41
+ return;
42
+ }
43
+ this.disabled = shouldBeDisabled;
44
+ }
45
+ _requestItem(identifier) {
46
+ this.dispatchEvent(
47
+ new CustomEvent("qti-request-navigation", {
48
+ composed: true,
49
+ bubbles: true,
50
+ detail: {
51
+ type: "item",
52
+ id: identifier
53
+ }
54
+ })
55
+ );
56
+ }
57
+ render() {
58
+ return html`<slot></slot>`;
59
+ }
60
+ };
61
+ TestNext.styles = css`
62
+ :host {
63
+ ${btn};
64
+ }
65
+ :host([disabled]) {
66
+ ${dis};
67
+ }
68
+ `;
69
+ __decorateClass([
70
+ property({ type: Boolean, reflect: true })
71
+ ], TestNext.prototype, "disabled", 2);
72
+ __decorateClass([
73
+ consume({ context: computedContext, subscribe: true })
74
+ ], TestNext.prototype, "computedContext", 2);
75
+ TestNext = __decorateClass([
76
+ customElement("test-next")
77
+ ], TestNext);
78
+
79
+ export {
80
+ TestNext
81
+ };
82
+ //# sourceMappingURL=chunk-WH6TRM5K.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/lib/qti-test/components/test-next.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\n// import { watch } from '../../decorators';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext, ComputedItem } from '../../exports/computed.context';\n\n/**\n * Represents a custom element for navigating to the next test item.\n *\n * @remarks\n * This element provides functionality for navigating to the next test item.\n *\n * @example\n * ```html\n * <test-next></test-next>\n * ```\n */\n@customElement('test-next')\nexport class TestNext extends LitElement {\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n @consume({ context: computedContext, subscribe: true })\n protected computedContext: ComputedContext;\n\n sectionItems: ComputedItem[];\n itemIndex: number;\n\n static styles = css`\n :host {\n ${styles.btn};\n }\n :host([disabled]) {\n ${styles.dis};\n }\n `;\n private _internals: ElementInternals;\n\n constructor() {\n super();\n\n this._internals = this.attachInternals();\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.sectionItems[this.itemIndex + 1].identifier);\n });\n }\n\n willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n if (!this.computedContext) return;\n const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n if (!testPart) return;\n this.sectionItems = testPart.sections.flatMap(section => section.items);\n this.itemIndex = this.sectionItems.findIndex(item => item.active);\n this.checkDisabled();\n }\n\n checkDisabled() {\n const shouldBeDisabled =\n !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;\n console.log(shouldBeDisabled);\n\n if (this.disabled) {\n this.disabled = true;\n return;\n }\n this.disabled = shouldBeDisabled;\n }\n\n protected _requestItem(identifier: string): void {\n this.dispatchEvent(\n new CustomEvent('qti-request-navigation', {\n composed: true,\n bubbles: true,\n detail: {\n type: 'item',\n id: identifier\n }\n })\n );\n }\n\n render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'test-next': TestNext;\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EAoBvC,cAAc;AACZ,UAAM;AAnBR,SAAO,WAAW;AAqBhB,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,aAAa,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACxF,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,oBAA4D;AACrE,QAAI,CAAC,KAAK,gBAAiB;AAC3B,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,QAAI,CAAC,SAAU;AACf,SAAK,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACtE,SAAK,YAAY,KAAK,aAAa,UAAU,UAAQ,KAAK,MAAM;AAChE,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,gBAAgB;AACd,UAAM,mBACJ,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAC/F,YAAQ,IAAI,gBAAgB;AAE5B,QAAI,KAAK,UAAU;AACjB,WAAK,WAAW;AAChB;AAAA,IACF;AACA,SAAK,WAAW;AAAA,EAClB;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,0BAA0B;AAAA,QACxC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,IAAI;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAtEa,SAUJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAbT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAD/B,SAEJ;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAJ3C,SAKD;AALC,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}
@@ -0,0 +1,92 @@
1
+ import {
2
+ btn,
3
+ dis
4
+ } from "./chunk-5ZHHNEDA.js";
5
+ import {
6
+ computedContext
7
+ } from "./chunk-AZIKAG7K.js";
8
+ import {
9
+ __decorateClass
10
+ } from "./chunk-H2JE6IVU.js";
11
+
12
+ // src/lib/qti-test/components/test-next.ts
13
+ import { css, html, LitElement } from "lit";
14
+ import { customElement, property } from "lit/decorators.js";
15
+ import { consume } from "@lit/context";
16
+ var TestNext = class extends LitElement {
17
+ constructor() {
18
+ super();
19
+ this.disabled = false;
20
+ this._internals = this.attachInternals();
21
+ this._internals.role = "button";
22
+ this._internals.ariaLabel = "Next item";
23
+ this.addEventListener("click", (e) => {
24
+ e.preventDefault();
25
+ if (!this.disabled) this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
26
+ });
27
+ }
28
+ connectedCallback() {
29
+ super.connectedCallback();
30
+ }
31
+ willUpdate(_changedProperties) {
32
+ if (!this.computedContext) return;
33
+ const testPart = this.computedContext?.testParts.find((testPart2) => testPart2.active);
34
+ if (!testPart) return;
35
+ this.sectionItems = testPart.sections.flatMap((section) => section.items);
36
+ this.itemIndex = this.sectionItems.findIndex((item) => item.active);
37
+ this.checkDisabled();
38
+ }
39
+ checkDisabled() {
40
+ const shouldBeDisabled = !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;
41
+ console.log(shouldBeDisabled);
42
+ if (this.disabled) {
43
+ this.disabled = true;
44
+ }
45
+ if (!this.disabled) {
46
+ this.disabled = shouldBeDisabled;
47
+ }
48
+ }
49
+ _requestItem(identifier) {
50
+ this.dispatchEvent(
51
+ new CustomEvent("qti-request-navigation", {
52
+ composed: true,
53
+ bubbles: true,
54
+ detail: {
55
+ type: "item",
56
+ id: identifier
57
+ }
58
+ })
59
+ );
60
+ }
61
+ render() {
62
+ return html`<slot></slot>`;
63
+ }
64
+ };
65
+ // @watch('computedContext')
66
+ // _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {
67
+ // if (newValue) {
68
+ // this.disabled = false;
69
+ // }
70
+ // }
71
+ TestNext.styles = css`
72
+ :host {
73
+ ${btn};
74
+ }
75
+ :host([disabled]) {
76
+ ${dis};
77
+ }
78
+ `;
79
+ __decorateClass([
80
+ property({ type: Boolean, reflect: true })
81
+ ], TestNext.prototype, "disabled", 2);
82
+ __decorateClass([
83
+ consume({ context: computedContext, subscribe: true })
84
+ ], TestNext.prototype, "computedContext", 2);
85
+ TestNext = __decorateClass([
86
+ customElement("test-next")
87
+ ], TestNext);
88
+
89
+ export {
90
+ TestNext
91
+ };
92
+ //# sourceMappingURL=chunk-WLDX63OS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/lib/qti-test/components/test-next.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\n// import { watch } from '../../decorators';\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { ComputedContext, ComputedItem } from '../../exports/computed.context';\n\n/**\n * Represents a custom element for navigating to the next test item.\n *\n * @remarks\n * This element provides functionality for navigating to the next test item.\n *\n * @example\n * ```html\n * <test-next></test-next>\n * ```\n */\n@customElement('test-next')\nexport class TestNext extends LitElement {\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n @consume({ context: computedContext, subscribe: true })\n protected computedContext: ComputedContext;\n\n sectionItems: ComputedItem[];\n itemIndex: number;\n\n // @watch('computedContext')\n // _handleTestElementChange(_oldValue: ComputedContext, newValue: ComputedContext) {\n // if (newValue) {\n // this.disabled = false;\n // }\n // }\n\n static styles = css`\n :host {\n ${styles.btn};\n }\n :host([disabled]) {\n ${styles.dis};\n }\n `;\n private _internals: ElementInternals;\n\n constructor() {\n super();\n\n this._internals = this.attachInternals();\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.sectionItems[this.itemIndex + 1].identifier);\n });\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n }\n\n willUpdate(_changedProperties: Map<string | number | symbol, unknown>) {\n if (!this.computedContext) return;\n const testPart = this.computedContext?.testParts.find(testPart => testPart.active);\n if (!testPart) return;\n this.sectionItems = testPart.sections.flatMap(section => section.items);\n this.itemIndex = this.sectionItems.findIndex(item => item.active);\n this.checkDisabled();\n }\n\n checkDisabled() {\n const shouldBeDisabled =\n !this.computedContext || this.itemIndex < 0 || this.itemIndex >= this.sectionItems?.length - 1;\n console.log(shouldBeDisabled);\n if (this.disabled) {\n this.disabled = true;\n }\n if (!this.disabled) {\n this.disabled = shouldBeDisabled;\n }\n }\n\n protected _requestItem(identifier: string): void {\n this.dispatchEvent(\n new CustomEvent('qti-request-navigation', {\n composed: true,\n bubbles: true,\n detail: {\n type: 'item',\n id: identifier\n }\n })\n );\n }\n\n render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'test-next': TestNext;\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAoBjB,IAAM,WAAN,cAAuB,WAAW;AAAA,EA2BvC,cAAc;AACZ,UAAM;AA1BR,SAAO,WAAW;AA4BhB,SAAK,aAAa,KAAK,gBAAgB;AACvC,SAAK,WAAW,OAAO;AACvB,SAAK,WAAW,YAAY;AAE5B,SAAK,iBAAiB,SAAS,OAAK;AAClC,QAAE,eAAe;AACjB,UAAI,CAAC,KAAK,SAAU,MAAK,aAAa,KAAK,aAAa,KAAK,YAAY,CAAC,EAAE,UAAU;AAAA,IACxF,CAAC;AAAA,EACH;AAAA,EAEA,oBAA0B;AACxB,UAAM,kBAAkB;AAAA,EAC1B;AAAA,EAEA,WAAW,oBAA4D;AACrE,QAAI,CAAC,KAAK,gBAAiB;AAC3B,UAAM,WAAW,KAAK,iBAAiB,UAAU,KAAK,CAAAA,cAAYA,UAAS,MAAM;AACjF,QAAI,CAAC,SAAU;AACf,SAAK,eAAe,SAAS,SAAS,QAAQ,aAAW,QAAQ,KAAK;AACtE,SAAK,YAAY,KAAK,aAAa,UAAU,UAAQ,KAAK,MAAM;AAChE,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,gBAAgB;AACd,UAAM,mBACJ,CAAC,KAAK,mBAAmB,KAAK,YAAY,KAAK,KAAK,aAAa,KAAK,cAAc,SAAS;AAC/F,YAAQ,IAAI,gBAAgB;AAC5B,QAAI,KAAK,UAAU;AACjB,WAAK,WAAW;AAAA,IAClB;AACA,QAAI,CAAC,KAAK,UAAU;AAClB,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,0BAA0B;AAAA,QACxC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,IAAI;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAjFa,SAiBJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AApBT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAD/B,SAEJ;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAJ3C,SAKD;AALC,WAAN;AAAA,EADN,cAAc,WAAW;AAAA,GACb;","names":["testPart"]}
@@ -0,0 +1,91 @@
1
+ import {
2
+ computedContext
3
+ } from "./chunk-AZIKAG7K.js";
4
+ import {
5
+ __decorateClass
6
+ } from "./chunk-H2JE6IVU.js";
7
+
8
+ // src/lib/qti-test/components/test-stamp.ts
9
+ import { html, LitElement, nothing } from "lit";
10
+ import { customElement, property, state } from "lit/decorators.js";
11
+ import { prepareTemplate } from "stampino";
12
+ import { consume } from "@lit/context";
13
+ var TestStamp = class extends LitElement {
14
+ constructor() {
15
+ super(...arguments);
16
+ this.debug = false;
17
+ this.stampContext = {
18
+ view: "candidate",
19
+ activeItem: {},
20
+ activeSection: {
21
+ items: []
22
+ },
23
+ activeTestpart: {
24
+ items: [],
25
+ sections: []
26
+ },
27
+ test: {}
28
+ };
29
+ }
30
+ createRenderRoot() {
31
+ return this;
32
+ }
33
+ connectedCallback() {
34
+ super.connectedCallback();
35
+ const templateElement = this.querySelector("template");
36
+ if (!templateElement) {
37
+ this.myTemplate = null;
38
+ return;
39
+ }
40
+ this.myTemplate = prepareTemplate(templateElement);
41
+ }
42
+ willUpdate(_changedProperties) {
43
+ if (!this.computedContext) {
44
+ return;
45
+ }
46
+ const activeTestPart = this.computedContext.testParts.find((testPart) => testPart.active);
47
+ const activeSection = activeTestPart?.sections.find((section) => section.active);
48
+ const activeItem = activeSection?.items.find((item) => item.active);
49
+ const { variables, ...augmentedItem } = activeItem || {};
50
+ const augmentedTestPart = {
51
+ ...activeTestPart,
52
+ items: activeTestPart.sections.flatMap((section) => section.items.map(({ variables: variables2, ...rest }) => rest)),
53
+ sections: activeTestPart.sections.map((section) => ({
54
+ ...section,
55
+ items: section.items.map(({ variables: variables2, ...rest }) => rest)
56
+ }))
57
+ };
58
+ console.log("activeTestPart", activeTestPart);
59
+ const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables: variables2, ...rest }) => rest) };
60
+ const { testParts, ...activeTest } = this.computedContext;
61
+ this.stampContext = {
62
+ view: this.computedContext.view,
63
+ activeItem: augmentedItem,
64
+ activeSection: augmentedSection,
65
+ activeTestpart: augmentedTestPart,
66
+ test: activeTest
67
+ };
68
+ }
69
+ render() {
70
+ return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}
71
+ ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;
72
+ }
73
+ };
74
+ __decorateClass([
75
+ property({ type: Boolean, reflect: true })
76
+ ], TestStamp.prototype, "debug", 2);
77
+ __decorateClass([
78
+ state(),
79
+ consume({ context: computedContext, subscribe: true })
80
+ ], TestStamp.prototype, "computedContext", 2);
81
+ __decorateClass([
82
+ state()
83
+ ], TestStamp.prototype, "stampContext", 2);
84
+ TestStamp = __decorateClass([
85
+ customElement("test-stamp")
86
+ ], TestStamp);
87
+
88
+ export {
89
+ TestStamp
90
+ };
91
+ //# sourceMappingURL=chunk-WTV3RW6F.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/lib/qti-test/components/test-stamp.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { prepareTemplate } from 'stampino';\nimport { consume } from '@lit/context';\n\nimport { computedContext } from '../../exports/computed.context';\n\nimport type { View } from '../core/mixins/test-view.mixin';\nimport type { PropertyValues } from 'lit';\nimport type { ComputedContext } from '../../exports/computed.context';\nimport type { TemplateFunction } from 'stampino';\n\n/**\n * A custom web component that renders a test stamp using the Lit framework.\n * This component is deprecated and will be removed in the future.\n * @customElement\n * @extends {LitElement}\n */\n@customElement('test-stamp')\nexport class TestStamp extends LitElement {\n /**\n * Indicates whether the component is in debug mode.\n * When set to `true`, the available objects and properties (i.e.: stampContext) is displayed.\n */\n @property({ type: Boolean, reflect: true })\n public debug = false;\n\n @state()\n @consume({ context: computedContext, subscribe: true })\n private computedContext: ComputedContext;\n\n @state()\n private stampContext: {\n view?: View;\n test?: unknown;\n activeTestpart?: unknown;\n activeSection?: unknown;\n activeItem?: unknown;\n } = {\n view: 'candidate',\n activeItem: {},\n activeSection: {\n items: []\n },\n activeTestpart: {\n items: [],\n sections: []\n },\n test: {}\n };\n\n myTemplate: TemplateFunction;\n\n protected createRenderRoot(): HTMLElement | DocumentFragment {\n return this;\n }\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 protected willUpdate(_changedProperties: PropertyValues): void {\n if (!this.computedContext) {\n return;\n }\n const activeTestPart = this.computedContext.testParts.find(testPart => testPart.active);\n const activeSection = activeTestPart?.sections.find(section => section.active);\n const activeItem = activeSection?.items.find(item => item.active);\n const { variables, ...augmentedItem } = activeItem || {};\n\n const augmentedTestPart = {\n ...activeTestPart,\n items: activeTestPart.sections.flatMap(section => section.items.map(({ variables, ...rest }) => rest)),\n sections: activeTestPart.sections.map(section => ({\n ...section,\n items: section.items.map(({ variables, ...rest }) => rest)\n }))\n };\n\n console.log('activeTestPart', activeTestPart);\n\n const augmentedSection = { ...activeSection, items: activeSection.items.map(({ variables, ...rest }) => rest) };\n const { testParts, ...activeTest } = this.computedContext;\n\n this.stampContext = {\n view: this.computedContext.view,\n activeItem: augmentedItem,\n activeSection: augmentedSection,\n activeTestpart: augmentedTestPart,\n test: activeTest\n };\n }\n\n render() {\n // if (!this.stampContext) return nothing;\n return html` ${this.debug ? html`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : nothing}\n ${this.myTemplate ? this.myTemplate(this.stampContext) : nothing}`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'test-stamp': TestStamp;\n }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,YAAY,eAAe;AAC1C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAgBjB,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC;AAAA;AAML,SAAO,QAAQ;AAOf,SAAQ,eAMJ;AAAA,MACF,MAAM;AAAA,MACN,YAAY,CAAC;AAAA,MACb,eAAe;AAAA,QACb,OAAO,CAAC;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,OAAO,CAAC;AAAA,QACR,UAAU,CAAC;AAAA,MACb;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA;AAAA,EAIU,mBAAmD;AAC3D,WAAO;AAAA,EACT;AAAA,EAEA,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,EAEU,WAAW,oBAA0C;AAC7D,QAAI,CAAC,KAAK,iBAAiB;AACzB;AAAA,IACF;AACA,UAAM,iBAAiB,KAAK,gBAAgB,UAAU,KAAK,cAAY,SAAS,MAAM;AACtF,UAAM,gBAAgB,gBAAgB,SAAS,KAAK,aAAW,QAAQ,MAAM;AAC7E,UAAM,aAAa,eAAe,MAAM,KAAK,UAAQ,KAAK,MAAM;AAChE,UAAM,EAAE,WAAW,GAAG,cAAc,IAAI,cAAc,CAAC;AAEvD,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO,eAAe,SAAS,QAAQ,aAAW,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAG,KAAK,MAAM,IAAI,CAAC;AAAA,MACrG,UAAU,eAAe,SAAS,IAAI,cAAY;AAAA,QAChD,GAAG;AAAA,QACH,OAAO,QAAQ,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAG,KAAK,MAAM,IAAI;AAAA,MAC3D,EAAE;AAAA,IACJ;AAEA,YAAQ,IAAI,kBAAkB,cAAc;AAE5C,UAAM,mBAAmB,EAAE,GAAG,eAAe,OAAO,cAAc,MAAM,IAAI,CAAC,EAAE,WAAAA,YAAW,GAAG,KAAK,MAAM,IAAI,EAAE;AAC9G,UAAM,EAAE,WAAW,GAAG,WAAW,IAAI,KAAK;AAE1C,SAAK,eAAe;AAAA,MAClB,MAAM,KAAK,gBAAgB;AAAA,MAC3B,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AAEP,WAAO,QAAQ,KAAK,QAAQ,mBAAmB,KAAK,UAAU,KAAK,cAAc,MAAM,CAAC,CAAC,mBAAmB,OAAO;AAAA,MACjH,KAAK,aAAa,KAAK,WAAW,KAAK,YAAY,IAAI,OAAO;AAAA,EAClE;AACF;AA/ES;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAL/B,UAMJ;AAIC;AAAA,EAFP,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,iBAAiB,WAAW,KAAK,CAAC;AAAA,GAT3C,UAUH;AAGA;AAAA,EADP,MAAM;AAAA,GAZI,UAaH;AAbG,YAAN;AAAA,EADN,cAAc,YAAY;AAAA,GACd;","names":["variables"]}