@longsightgroup/qti3-player 0.4.0 → 0.5.4

package/dist/styles/base-styles.js

@@ -0,0 +1,133 @@
+export const BASE_PLAYER_STYLES = `
+.qti3-embedded-interaction-unsupported {
+  color: CanvasText;
+}
+
+.qti3-portable-custom-host {
+  border: 1px solid CanvasText;
+  padding: 0.5rem;
+  margin-block-end: 0.5rem;
+}
+
+.qti3-player {
+  --qti3-match-accent: #2f6fca;
+  --qti3-match-target-bg: #f5f6f7;
+  --qti3-match-target-border: #6f7782;
+
+  display: grid;
+  gap: 1rem;
+  max-inline-size: 72rem;
+  font: 16px/1.45 system-ui, sans-serif;
+}
+
+@supports (color: light-dark(#000, #fff)) {
+  .qti3-player {
+    --qti3-match-accent: light-dark(#2f6fca, #8ab4f8);
+    --qti3-match-target-bg: light-dark(#f5f6f7, #202124);
+    --qti3-match-target-border: light-dark(#6f7782, #9aa0a6);
+  }
+}
+
+.qti3-interaction {
+  display: grid;
+  gap: 0.75rem;
+  min-inline-size: 0;
+  max-inline-size: 100%;
+}
+
+.qti3-item-body {
+  display: grid;
+  gap: 1rem;
+}
+
+.qti3-item-body > * {
+  margin-block: 0;
+}
+
+.qti3-player .qti-hidden {
+  display: none !important;
+}
+
+.qti3-player .qti-visually-hidden,
+.qti3-player .qti3-selection-summary,
+.qti3-player .qti3-coordinate-output {
+  position: absolute !important;
+  overflow: hidden !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  clip-path: inset(50%) !important;
+  inline-size: 1px !important;
+  block-size: 1px !important;
+  margin: -1px !important;
+  padding: 0 !important;
+  border: 0 !important;
+  white-space: nowrap !important;
+}
+
+qti-assessment-item-player[data-show-live-regions] .qti3-selection-summary,
+qti-assessment-item-player[data-show-live-regions] .qti3-coordinate-output {
+  position: static !important;
+  overflow: visible !important;
+  clip: auto !important;
+  clip-path: none !important;
+  inline-size: auto !important;
+  block-size: auto !important;
+  margin: 0 0 0.5rem !important;
+  padding: 0 !important;
+  border: 0 !important;
+  white-space: normal !important;
+  font-size: 0.875rem;
+  color: light-dark(#5f6368, #bdc1c6);
+  font-style: italic;
+}
+
+.qti3-embedded-interaction {
+  display: inline-flex;
+  gap: 0.35rem;
+  margin-inline: 0.18rem;
+  align-items: baseline;
+  vertical-align: baseline;
+}
+
+.qti3-inline-text-input {
+  inline-size: auto;
+  min-inline-size: 8ch;
+  max-inline-size: 18ch;
+  margin-inline: 0.25rem;
+}
+
+.qti3-printed-variable {
+  font-weight: 700;
+}
+
+.qti3-feedback-block {
+  padding: 0.75rem;
+  border-inline-start: 4px solid Highlight;
+  background: Canvas;
+  color: CanvasText;
+}
+
+.qti3-response-group {
+  min-inline-size: 0;
+}
+
+.qti3-response-group > * + * {
+  margin-block-start: 0.75rem;
+}
+
+.qti3-token:focus,
+.qti3-hotspot-button:focus,
+.qti3-player button:focus-visible,
+.qti3-player select:focus-visible,
+.qti3-player input:focus-visible,
+.qti3-player textarea:focus-visible {
+  outline: 3px solid Highlight;
+  outline-offset: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .qti3-player * {
+    scroll-behavior: auto;
+  }
+}
+`.trim();
+//# sourceMappingURL=base-styles.js.map

package/dist/styles/base-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-styles.js","sourceRoot":"","sources":["../../src/styles/base-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIjC,CAAC,IAAI,EAAE,CAAC"}

package/dist/styles/choice-hottext-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CHOICE_HOTTEXT_PLAYER_STYLES: string;
+//# sourceMappingURL=choice-hottext-styles.d.ts.map

package/dist/styles/choice-hottext-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-hottext-styles.d.ts","sourceRoot":"","sources":["../../src/styles/choice-hottext-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,QA0EjC,CAAC"}

package/dist/styles/choice-hottext-styles.js

@@ -0,0 +1,76 @@
+export const CHOICE_HOTTEXT_PLAYER_STYLES = `
+.qti3-choice-list {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: minmax(0, 42rem);
+}
+
+.qti3-choice-option {
+  display: grid;
+  grid-template-columns: auto auto minmax(0, 1fr);
+  gap: 0.65rem;
+  align-items: center;
+  justify-content: start;
+  inline-size: 100%;
+  box-sizing: border-box;
+  min-block-size: 2.75rem;
+  padding: 0.65rem 0.8rem;
+  border: 1px solid CanvasText;
+  background: Canvas;
+  color: CanvasText;
+  cursor: pointer;
+}
+
+.qti3-choice-option input {
+  margin: 0;
+  inline-size: 1rem;
+  block-size: 1rem;
+}
+
+.qti3-choice-label {
+  min-inline-size: 1.75rem;
+  font-weight: 700;
+}
+
+.qti3-choice-text {
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+
+.qti3-choice-option[data-selected="true"] {
+  background: Highlight;
+  color: HighlightText;
+}
+
+.qti3-hottext-group {
+  max-inline-size: 58rem;
+}
+
+.qti3-hottext-passage {
+  margin-block: 0;
+  font-size: 1.05rem;
+  line-height: 1.75;
+}
+
+.qti3-hottext-token {
+  display: inline;
+  margin-inline: 0.1rem;
+  padding: 0.12rem 0.28rem;
+  border: 1px solid CanvasText;
+  border-radius: 0.2rem;
+  background: Canvas;
+  color: LinkText;
+  font: inherit;
+  text-decoration: underline;
+  text-decoration-thickness: 0.08em;
+  text-underline-offset: 0.16em;
+  cursor: pointer;
+}
+
+.qti3-hottext-token[data-selected="true"] {
+  background: Highlight;
+  color: HighlightText;
+  text-decoration-color: HighlightText;
+}
+`.trim();
+//# sourceMappingURL=choice-hottext-styles.js.map

package/dist/styles/choice-hottext-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-hottext-styles.js","sourceRoot":"","sources":["../../src/styles/choice-hottext-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E3C,CAAC,IAAI,EAAE,CAAC"}

package/dist/styles/control-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CONTROL_PLAYER_STYLES: string;
+//# sourceMappingURL=control-styles.d.ts.map

package/dist/styles/control-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-styles.d.ts","sourceRoot":"","sources":["../../src/styles/control-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,QAgH1B,CAAC"}

package/dist/styles/control-styles.js

@@ -0,0 +1,114 @@
+export const CONTROL_PLAYER_STYLES = `
+.qti3-reorder-item,
+.qti3-token-region,
+.qti3-pair-chip,
+.qti3-gap-region,
+.qti3-gap-target {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.qti3-reorder-list {
+  display: grid;
+  gap: 0.5rem;
+  padding-inline-start: 1.5rem;
+}
+
+.qti3-reorder-item {
+  padding: 0.5rem;
+  border: 1px solid CanvasText;
+  background: Canvas;
+  color: CanvasText;
+}
+
+.qti3-drop-target {
+  outline: 3px solid Highlight;
+  outline-offset: 2px;
+}
+
+.qti3-token,
+.qti3-icon-button,
+.qti3-player button,
+.qti3-player select,
+.qti3-player input,
+.qti3-player textarea {
+  font: inherit;
+}
+
+.qti3-token {
+  min-inline-size: 2.5rem;
+  padding: 0.35rem 0.65rem;
+  border: 1px solid CanvasText;
+  background: Canvas;
+  color: CanvasText;
+  cursor: grab;
+}
+
+.qti3-icon-button {
+  display: inline-grid;
+  place-items: center;
+  inline-size: 2.25rem;
+  block-size: 2.25rem;
+  padding: 0;
+  line-height: 1;
+}
+
+.qti3-remove-button {
+  border: 1px solid currentColor;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+
+.qti3-remove-button:hover {
+  background: color-mix(in srgb, currentColor 14%, transparent);
+}
+
+.qti3-trash-icon {
+  inline-size: 1.125rem;
+  block-size: 1.125rem;
+}
+
+.qti3-movement-icon {
+  inline-size: 1rem;
+  block-size: 1rem;
+}
+
+.qti3-trash-icon path,
+.qti3-movement-icon path {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  vector-effect: non-scaling-stroke;
+}
+
+.qti3-token[aria-pressed="true"],
+.qti3-pair-chip {
+  background: Highlight;
+  color: HighlightText;
+}
+
+.qti3-pair-list {
+  display: grid;
+  gap: 0.5rem;
+  padding-inline-start: 1.5rem;
+}
+
+.qti3-pair-chip {
+  width: fit-content;
+  padding: 0.35rem 0.5rem;
+}
+
+.qti3-point-controls,
+.qti3-drawing-tools {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-block-start: 0.5rem;
+}
+`.trim();
+//# sourceMappingURL=control-styles.js.map

package/dist/styles/control-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-styles.js","sourceRoot":"","sources":["../../src/styles/control-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHpC,CAAC,IAAI,EAAE,CAAC"}

package/dist/styles/drawing-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const DRAWING_PLAYER_STYLES: string;
+//# sourceMappingURL=drawing-styles.d.ts.map

package/dist/styles/drawing-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawing-styles.d.ts","sourceRoot":"","sources":["../../src/styles/drawing-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,QA4B1B,CAAC"}

package/dist/styles/drawing-styles.js

@@ -0,0 +1,30 @@
+export const DRAWING_PLAYER_STYLES = `
+.qti3-drawing-surface {
+  color-scheme: light;
+  box-sizing: border-box;
+  border: 1px solid #000;
+  background: #fff;
+  color: #000;
+}
+
+.qti3-drawing-surface .qti3-drawing-stroke {
+  fill: none;
+  stroke: #000;
+  stroke-width: 3;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+@media (forced-colors: active) {
+  .qti3-drawing-surface {
+    border-color: CanvasText;
+    background: Canvas;
+    color: #000;
+  }
+
+  .qti3-drawing-surface .qti3-drawing-stroke {
+    stroke: #000;
+  }
+}
+`.trim();
+//# sourceMappingURL=drawing-styles.js.map

package/dist/styles/drawing-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawing-styles.js","sourceRoot":"","sources":["../../src/styles/drawing-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BpC,CAAC,IAAI,EAAE,CAAC"}

package/dist/styles/gap-match-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const GAP_MATCH_PLAYER_STYLES: string;
+//# sourceMappingURL=gap-match-styles.d.ts.map

package/dist/styles/gap-match-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap-match-styles.d.ts","sourceRoot":"","sources":["../../src/styles/gap-match-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,QA+B5B,CAAC"}

package/dist/styles/gap-match-styles.js

@@ -0,0 +1,33 @@
+export const GAP_MATCH_PLAYER_STYLES = `
+.qti3-gap-target {
+  min-block-size: 2.75rem;
+  padding: 0.5rem;
+  border: 1px dashed CanvasText;
+}
+
+.qti3-gap-region {
+  margin-block-start: 0.5rem;
+}
+
+.qti3-gap-passage {
+  display: block;
+  max-inline-size: 62rem;
+  line-height: 2.3;
+}
+
+.qti3-gap-passage .qti3-gap-target {
+  display: inline-flex;
+  padding: 0;
+  border: 0;
+  margin-inline: 0.15rem;
+  margin-block: 0.2rem;
+  vertical-align: middle;
+}
+
+.qti3-gap-button {
+  min-inline-size: 8rem;
+  min-block-size: 2.25rem;
+  text-align: start;
+}
+`.trim();
+//# sourceMappingURL=gap-match-styles.js.map

package/dist/styles/gap-match-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap-match-styles.js","sourceRoot":"","sources":["../../src/styles/gap-match-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BtC,CAAC,IAAI,EAAE,CAAC"}

package/dist/styles/graphic-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const GRAPHIC_PLAYER_STYLES: string;
+//# sourceMappingURL=graphic-styles.d.ts.map

package/dist/styles/graphic-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphic-styles.d.ts","sourceRoot":"","sources":["../../src/styles/graphic-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,QA+R1B,CAAC"}