@citolab/qti-components 6.4.2 → 6.4.5

package/dist/index.css

@@ -1929,14 +1929,24 @@ qti-choice-interaction.qti-orientation-horizontal {
 qti-choice-interaction[orientation='horizontal'] {
     flex-direction: row;
   }
-::host{
-  height: 100vh;
-  width: 100vw;
-  --tw-bg-opacity: 1;
-  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+/* only applied in qti-test, if present */
+/*
+::host {
+  @apply h-screen w-screen bg-slate-50;
 }
-qti-assessment-test{
+*/
+/* qti-assessment-test {
+  @apply grid h-full w-full grid-cols-3;
+  qti-test-part {
+    @apply container col-span-3 mx-auto aspect-[4/3];
+  }
+} */
+qti-assessment-test qti-test-part qti-assessment-section{
   display: block;
+  overflow-y: auto;
+  border-radius: 0.125rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   padding: 2rem;
 }
 qti-assessment-test .nav{
@@ -2086,7 +2096,3 @@ qti-assessment-test test-paging-buttons > button[data-active-item='true']:focus-
   outline-offset: 2px;
   outline-color: #4f46e5;
 }
-qti-assessment-test qti-test-part qti-assessment-section{
-  aspect-ratio: 16 / 9;
-  width: 100%;
-}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as lit from 'lit';
-import { LitElement, PropertyValueMap, CSSResultGroup } from 'lit';
+import { LitElement, PropertyValueMap, CSSResultGroup, nothing } from 'lit';
 import * as lit_html from 'lit-html';
 import * as lit_html_directives_ref from 'lit-html/directives/ref';
 import * as cheerio from 'cheerio';
@@ -1220,13 +1220,10 @@ declare class TestPrintScore extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-declare class TestManualScoring extends LitElement {
+declare class TestScoringInput extends LitElement {
+    _testContext?: TestContext;
     disabled: boolean;
-    readonly: boolean;
-    value: number;
-    min: number;
-    max: number;
-    protected textChanged(event: Event): void;
+    _changeOutcomeScore(value: number): void;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -1239,6 +1236,12 @@ declare class TestItemId extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
+declare class TestScoringButtons extends LitElement {
+    _testContext?: TestContext;
+    _changeOutcomeScore(value: number): void;
+    render(): lit_html.TemplateResult<1> | typeof nothing;
+}
+
 /**
  * Requests an XML item from the specified URL.
  * @param href - The URL of the XML item to request.
@@ -1261,4 +1264,4 @@ type ManifestData = {
  */
 declare const fetchManifestData: (packageUri: string) => Promise<ManifestData>;
 
-export { BaseType, Calculate, Cardinality, Events, Interaction, InteractionChangedDetails, ItemContext, ManifestData, Multiple, Ordered, OutcomeChangedDetails, OutcomeVariable, QtPrintedVariable, QtiAnd, QtiAssessmentItem, QtiAssessmentItemRef, QtiAssessmentTest, QtiAssociableHotspot, QtiAssociateInteraction, QtiBaseValue, QtiChoice, qtiChoiceElementSelected as QtiChoiceElementSelected, QtiChoiceInteraction, QtiCompanionMaterialsInfo, QtiConditionExpression, QtiContains, QtiCorrect, QtiCustomOperator, QtiEndAttemptInteraction, QtiEqual, QtiEqualRounded, QtiExpression, QtiExtendedTextInteraction, QtiFeedbackBlock, QtiFeedbackInline, QtiGap, QtiGapImg, QtiGapMatchInteraction, QtiGapText, QtiGraphicAssociateInteraction, QtiGraphicGapMatchInteraction, QtiGraphicOrderInteraction, QtiGt, QtiGte, QtiHotspotChoice, QtiHotspotInteraction, QtiHottext, QtiHottextInteraction, QtiInlineChoice, QtiInlineChoiceInteraction, qtiInteractionChanged as QtiInteractionChanged, qtiInteractionResponse as QtiInteractionResponse, QtiIsNull, QtiItem, qtiLooseChoice as QtiLooseChoice, QtiLt, QtiLte, QtiMapResponse, QtiMapping, QtiMatch, QtiMatchInteraction, QtiMediaInteraction, QtiMember, QtiModalFeedback, QtiMultiple, QtiNot, QtiOr, QtiOrderInteraction, QtiOrdered, qtiOutcomeChanged as QtiOutcomeChanged, QtiOutcomeDeclaration, QtiPortableCustomInteraction, QtiPositionObjectStage, QtiProduct, QtiPrompt, qtiRegisterChoice as QtiRegisterChoice, qtiRegisterHotspot as QtiRegisterHotspot, qtiRegisterInteraction as QtiRegisterInteraction, qtiRegisterVariable as QtiRegisterVariable, QtiResponseCondition, QtiResponseDeclaration, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiResponseProcessing, QtiRule, QtiSPositionObjectInteraction, QtiSelectPointInteraction, QtiSetOutcomeValue, QtiSimpleAssociableChoice, QtiSimpleChoice, QtiSliderInteraction, QtiStringMatch, QtiStylesheet, QtiSum, QtiTest, QtiTestPart, QtiTextEntryInteraction, QtiVariable, ResponseInteraction, ResponseVariable, TestContext, TestItemId, TestManualScoring, TestNext, TestPagingButtons, TestPagingRadio, TestPrev, TestPrintScore, TestPrintVariables, TestProgress, TestScript, TestShowCorrect, TestShowIndex, TestSlider, TestToggleScoring, VariableDeclaration, directedPair, fetchManifestData, float, integer, itemContext, qtiContentBody, qtiRubricBlock, qtiTransform, requestItem, testContext };
+export { BaseType, Calculate, Cardinality, Events, Interaction, InteractionChangedDetails, ItemContext, ManifestData, Multiple, Ordered, OutcomeChangedDetails, OutcomeVariable, QtPrintedVariable, QtiAnd, QtiAssessmentItem, QtiAssessmentItemRef, QtiAssessmentTest, QtiAssociableHotspot, QtiAssociateInteraction, QtiBaseValue, QtiChoice, qtiChoiceElementSelected as QtiChoiceElementSelected, QtiChoiceInteraction, QtiCompanionMaterialsInfo, QtiConditionExpression, QtiContains, QtiCorrect, QtiCustomOperator, QtiEndAttemptInteraction, QtiEqual, QtiEqualRounded, QtiExpression, QtiExtendedTextInteraction, QtiFeedbackBlock, QtiFeedbackInline, QtiGap, QtiGapImg, QtiGapMatchInteraction, QtiGapText, QtiGraphicAssociateInteraction, QtiGraphicGapMatchInteraction, QtiGraphicOrderInteraction, QtiGt, QtiGte, QtiHotspotChoice, QtiHotspotInteraction, QtiHottext, QtiHottextInteraction, QtiInlineChoice, QtiInlineChoiceInteraction, qtiInteractionChanged as QtiInteractionChanged, qtiInteractionResponse as QtiInteractionResponse, QtiIsNull, QtiItem, qtiLooseChoice as QtiLooseChoice, QtiLt, QtiLte, QtiMapResponse, QtiMapping, QtiMatch, QtiMatchInteraction, QtiMediaInteraction, QtiMember, QtiModalFeedback, QtiMultiple, QtiNot, QtiOr, QtiOrderInteraction, QtiOrdered, qtiOutcomeChanged as QtiOutcomeChanged, QtiOutcomeDeclaration, QtiPortableCustomInteraction, QtiPositionObjectStage, QtiProduct, QtiPrompt, qtiRegisterChoice as QtiRegisterChoice, qtiRegisterHotspot as QtiRegisterHotspot, qtiRegisterInteraction as QtiRegisterInteraction, qtiRegisterVariable as QtiRegisterVariable, QtiResponseCondition, QtiResponseDeclaration, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiResponseProcessing, QtiRule, QtiSPositionObjectInteraction, QtiSelectPointInteraction, QtiSetOutcomeValue, QtiSimpleAssociableChoice, QtiSimpleChoice, QtiSliderInteraction, QtiStringMatch, QtiStylesheet, QtiSum, QtiTest, QtiTestPart, QtiTextEntryInteraction, QtiVariable, ResponseInteraction, ResponseVariable, TestContext, TestItemId, TestNext, TestPagingButtons, TestPagingRadio, TestPrev, TestPrintScore, TestPrintVariables, TestProgress, TestScoringButtons, TestScoringInput, TestScript, TestShowCorrect, TestShowIndex, TestSlider, TestToggleScoring, VariableDeclaration, directedPair, fetchManifestData, float, integer, itemContext, qtiContentBody, qtiRubricBlock, qtiTransform, requestItem, testContext };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as lit from 'lit';
-import { LitElement, PropertyValueMap, CSSResultGroup } from 'lit';
+import { LitElement, PropertyValueMap, CSSResultGroup, nothing } from 'lit';
 import * as lit_html from 'lit-html';
 import * as lit_html_directives_ref from 'lit-html/directives/ref';
 import * as cheerio from 'cheerio';
@@ -1220,13 +1220,10 @@ declare class TestPrintScore extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
-declare class TestManualScoring extends LitElement {
+declare class TestScoringInput extends LitElement {
+    _testContext?: TestContext;
     disabled: boolean;
-    readonly: boolean;
-    value: number;
-    min: number;
-    max: number;
-    protected textChanged(event: Event): void;
+    _changeOutcomeScore(value: number): void;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -1239,6 +1236,12 @@ declare class TestItemId extends LitElement {
     render(): lit_html.TemplateResult<1>;
 }
 
+declare class TestScoringButtons extends LitElement {
+    _testContext?: TestContext;
+    _changeOutcomeScore(value: number): void;
+    render(): lit_html.TemplateResult<1> | typeof nothing;
+}
+
 /**
  * Requests an XML item from the specified URL.
  * @param href - The URL of the XML item to request.
@@ -1261,4 +1264,4 @@ type ManifestData = {
  */
 declare const fetchManifestData: (packageUri: string) => Promise<ManifestData>;
 
-export { BaseType, Calculate, Cardinality, Events, Interaction, InteractionChangedDetails, ItemContext, ManifestData, Multiple, Ordered, OutcomeChangedDetails, OutcomeVariable, QtPrintedVariable, QtiAnd, QtiAssessmentItem, QtiAssessmentItemRef, QtiAssessmentTest, QtiAssociableHotspot, QtiAssociateInteraction, QtiBaseValue, QtiChoice, qtiChoiceElementSelected as QtiChoiceElementSelected, QtiChoiceInteraction, QtiCompanionMaterialsInfo, QtiConditionExpression, QtiContains, QtiCorrect, QtiCustomOperator, QtiEndAttemptInteraction, QtiEqual, QtiEqualRounded, QtiExpression, QtiExtendedTextInteraction, QtiFeedbackBlock, QtiFeedbackInline, QtiGap, QtiGapImg, QtiGapMatchInteraction, QtiGapText, QtiGraphicAssociateInteraction, QtiGraphicGapMatchInteraction, QtiGraphicOrderInteraction, QtiGt, QtiGte, QtiHotspotChoice, QtiHotspotInteraction, QtiHottext, QtiHottextInteraction, QtiInlineChoice, QtiInlineChoiceInteraction, qtiInteractionChanged as QtiInteractionChanged, qtiInteractionResponse as QtiInteractionResponse, QtiIsNull, QtiItem, qtiLooseChoice as QtiLooseChoice, QtiLt, QtiLte, QtiMapResponse, QtiMapping, QtiMatch, QtiMatchInteraction, QtiMediaInteraction, QtiMember, QtiModalFeedback, QtiMultiple, QtiNot, QtiOr, QtiOrderInteraction, QtiOrdered, qtiOutcomeChanged as QtiOutcomeChanged, QtiOutcomeDeclaration, QtiPortableCustomInteraction, QtiPositionObjectStage, QtiProduct, QtiPrompt, qtiRegisterChoice as QtiRegisterChoice, qtiRegisterHotspot as QtiRegisterHotspot, qtiRegisterInteraction as QtiRegisterInteraction, qtiRegisterVariable as QtiRegisterVariable, QtiResponseCondition, QtiResponseDeclaration, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiResponseProcessing, QtiRule, QtiSPositionObjectInteraction, QtiSelectPointInteraction, QtiSetOutcomeValue, QtiSimpleAssociableChoice, QtiSimpleChoice, QtiSliderInteraction, QtiStringMatch, QtiStylesheet, QtiSum, QtiTest, QtiTestPart, QtiTextEntryInteraction, QtiVariable, ResponseInteraction, ResponseVariable, TestContext, TestItemId, TestManualScoring, TestNext, TestPagingButtons, TestPagingRadio, TestPrev, TestPrintScore, TestPrintVariables, TestProgress, TestScript, TestShowCorrect, TestShowIndex, TestSlider, TestToggleScoring, VariableDeclaration, directedPair, fetchManifestData, float, integer, itemContext, qtiContentBody, qtiRubricBlock, qtiTransform, requestItem, testContext };
+export { BaseType, Calculate, Cardinality, Events, Interaction, InteractionChangedDetails, ItemContext, ManifestData, Multiple, Ordered, OutcomeChangedDetails, OutcomeVariable, QtPrintedVariable, QtiAnd, QtiAssessmentItem, QtiAssessmentItemRef, QtiAssessmentTest, QtiAssociableHotspot, QtiAssociateInteraction, QtiBaseValue, QtiChoice, qtiChoiceElementSelected as QtiChoiceElementSelected, QtiChoiceInteraction, QtiCompanionMaterialsInfo, QtiConditionExpression, QtiContains, QtiCorrect, QtiCustomOperator, QtiEndAttemptInteraction, QtiEqual, QtiEqualRounded, QtiExpression, QtiExtendedTextInteraction, QtiFeedbackBlock, QtiFeedbackInline, QtiGap, QtiGapImg, QtiGapMatchInteraction, QtiGapText, QtiGraphicAssociateInteraction, QtiGraphicGapMatchInteraction, QtiGraphicOrderInteraction, QtiGt, QtiGte, QtiHotspotChoice, QtiHotspotInteraction, QtiHottext, QtiHottextInteraction, QtiInlineChoice, QtiInlineChoiceInteraction, qtiInteractionChanged as QtiInteractionChanged, qtiInteractionResponse as QtiInteractionResponse, QtiIsNull, QtiItem, qtiLooseChoice as QtiLooseChoice, QtiLt, QtiLte, QtiMapResponse, QtiMapping, QtiMatch, QtiMatchInteraction, QtiMediaInteraction, QtiMember, QtiModalFeedback, QtiMultiple, QtiNot, QtiOr, QtiOrderInteraction, QtiOrdered, qtiOutcomeChanged as QtiOutcomeChanged, QtiOutcomeDeclaration, QtiPortableCustomInteraction, QtiPositionObjectStage, QtiProduct, QtiPrompt, qtiRegisterChoice as QtiRegisterChoice, qtiRegisterHotspot as QtiRegisterHotspot, qtiRegisterInteraction as QtiRegisterInteraction, qtiRegisterVariable as QtiRegisterVariable, QtiResponseCondition, QtiResponseDeclaration, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiResponseProcessing, QtiRule, QtiSPositionObjectInteraction, QtiSelectPointInteraction, QtiSetOutcomeValue, QtiSimpleAssociableChoice, QtiSimpleChoice, QtiSliderInteraction, QtiStringMatch, QtiStylesheet, QtiSum, QtiTest, QtiTestPart, QtiTextEntryInteraction, QtiVariable, ResponseInteraction, ResponseVariable, TestContext, TestItemId, TestNext, TestPagingButtons, TestPagingRadio, TestPrev, TestPrintScore, TestPrintVariables, TestProgress, TestScoringButtons, TestScoringInput, TestScript, TestShowCorrect, TestShowIndex, TestSlider, TestToggleScoring, VariableDeclaration, directedPair, fetchManifestData, float, integer, itemContext, qtiContentBody, qtiRubricBlock, qtiTransform, requestItem, testContext };