@citolab/qti-components 7.0.3 → 7.0.5

package/dist/item.css

@@ -2149,12 +2149,12 @@ qti-response-declaration {
       &[enabled] {
 
         /* Light theme override */
-        .qti-selections-light & {
+        .qti-selections-light {
           background-color: var(--qti-light-bg-active);
         }
 
         /* Dark theme override */
-        .qti-selections-dark & {
+        .qti-selections-dark {
           background-color: var(--qti-dark-bg-active);
         }
         background-color: var(--qti-bg-active)
@@ -2163,13 +2163,13 @@ qti-response-declaration {
       &[active] {
 
         /* Light theme override */
-        .qti-selections-light & {
+        .qti-selections-light {
           background-color: var(--qti-light-bg-active);
           border-color: var(--qti-light-border-active);
         }
 
         /* Dark theme override */
-        .qti-selections-dark & {
+        .qti-selections-dark {
           background-color: var(--qti-dark-bg-active);
           border-color: var(--qti-dark-border-active);
         }
@@ -2366,12 +2366,12 @@ qti-response-declaration {
       &[enabled] {
 
         /* Light theme override */
-        .qti-selections-light & {
+        .qti-selections-light {
           border-color: var(--qti-light-border-active);
         }
 
         /* Dark theme override */
-        .qti-selections-dark & {
+        .qti-selections-dark {
           border-color: var(--qti-dark-border-active);
         }
         background-color: var(--qti-bg-active)
@@ -2380,13 +2380,13 @@ qti-response-declaration {
       &[active] {
 
         /* Light theme override */
-        .qti-selections-light & {
+        .qti-selections-light {
           background-color: var(--qti-light-bg-active);
           border-color: var(--qti-light-border-active);
         }
 
         /* Dark theme override */
-        .qti-selections-dark & {
+        .qti-selections-dark {
           background-color: var(--qti-dark-bg-active);
           border-color: var(--qti-dark-border-active);
         }
@@ -3041,12 +3041,12 @@ qti-response-declaration {
       &[enabled] {
 
         /* Light theme override */
-        .qti-selections-light & {
+        .qti-selections-light {
           border-color: var(--qti-light-border-active);
         }
 
         /* Dark theme override */
-        .qti-selections-dark & {
+        .qti-selections-dark {
           border-color: var(--qti-dark-border-active);
         }
         background-color: var(--qti-bg-active)
@@ -3478,76 +3478,8 @@ qti-response-declaration {
   }
 
   qti-slider-interaction {
-    display: block;
-
     --qti-tick-color: rgb(229 231 235 / 100%);
     --qti-tick-width: 1px;
-
-    &::part(slider) {
-      margin-left: 2rem; /* mx-8 */
-      margin-right: 2rem;
-      padding-bottom: 1rem; /* pb-4 */
-      padding-top: 1.25rem; /* pt-5 */
-    }
-
-    --show-bounds: true;
-
-    &::part(bounds) {
-      display: flex;
-      width: 100%;
-      justify-content: space-between;
-      margin-bottom: 0.5rem; /* mb-2 */
-    }
-
-    --show-ticks: true;
-
-    &::part(ticks) {
-      margin-left: 0.125rem; /* mx-0.5 */
-      margin-right: 0.125rem;
-      margin-bottom: 0.25rem; /* mb-1 */
-      height: 0.5rem; /* h-2 */
-      background: linear-gradient(to right, var(--qti-tick-color) var(--qti-tick-width), transparent 1px) repeat-x 0
-        center / calc(calc(100% - var(--qti-tick-width)) / ((var(--max) - var(--min)) / var(--step))) 100%;
-    }
-
-    &::part(rail) {
-      display: flex;
-      align-items: center;
-      box-sizing: border-box;
-      height: 0.375rem; /* h-1.5 */
-      width: 100%;
-      cursor: pointer;
-      border-radius: 9999px; /* rounded-full */
-      border: 1px solid #d1d5db; /* border-gray-300 */
-      background-color: #e5e7eb; /* bg-gray-200 */
-    }
-
-    &::part(knob) {
-      background-color: var(--qti-primary);
-      position: relative;
-      height: 1rem; /* h-4 */
-      width: 1rem; /* w-4 */
-      transform-origin: center;
-      transform: translateX(-50%);
-      cursor: pointer;
-      border-radius: 9999px; /* rounded-full */
-      left: var(--value-percentage);
-    }
-
-    --show-value: true;
-
-    &::part(value) {
-      position: absolute;
-      bottom: 2rem; /* bottom-8 */
-      left: 0.5rem; /* left-2 */
-      transform: translateX(-50%);
-      cursor: pointer;
-      border-radius: 0.25rem; /* rounded */
-      background-color: #f3f4f6; /* bg-gray-100 */
-      padding: 0.25rem 0.5rem; /* px-2 py-1 */
-      text-align: center;
-      color: #6b7280; /* text-gray-500 */
-    }
   }
 
   qti-select-point-interaction {

package/dist/qti-components/index.d.ts

@@ -0,0 +1,150 @@
+import { _ as QtiRule, $ as QtiRuleBase, U as QtiExpressionBase, W as QtiExpression, B as BaseType, T as QtiConditionExpression, h as ResponseVariable, e as VariableDeclaration, af as ItemContext } from '../qti-simple-choice-DxWcdKHi.js';
+export { m as ActiveElementMixin, A as ActiveElementMixinInterface, C as Calculate, c as Cardinality, l as ChoiceInterface, aj as Interaction, I as InteractionChangedDetails, M as Multiple, b as Ordered, F as Orientation, O as OutcomeChangedDetails, g as OutcomeVariable, P as QtiAnd, j as QtiAssessmentItem, k as QtiAssessmentStimulusRef, ak as QtiAssociableHotspot, a1 as QtiAssociateInteraction, G as QtiChoiceInteraction, s as QtiCompanionMaterialsInfo, t as QtiContentBody, a2 as QtiCustomInteraction, ai as QtiCustomOperator, a3 as QtiEndAttemptInteraction, y as QtiExtendedTextInteraction, v as QtiFeedbackBlock, w as QtiFeedbackInline, al as QtiGap, am as QtiGapImg, a4 as QtiGapMatchInteraction, an as QtiGapText, a5 as QtiGraphicAssociateInteraction, a6 as QtiGraphicGapMatchInteraction, a7 as QtiGraphicOrderInteraction, ao as QtiHotspotChoice, a8 as QtiHotspotInteraction, ap as QtiHottext, D as QtiHottextInteraction, aq as QtiInlineChoice, E as QtiInlineChoiceInteraction, Q as QtiInteractionChanged, n as QtiItemBody, N as QtiLookupOutcomeValue, X as QtiMapping, a9 as QtiMatchInteraction, aa as QtiMediaInteraction, x as QtiModalFeedback, ab as QtiOrderInteraction, a as QtiOutcomeChanged, q as QtiOutcomeDeclaration, J as QtiOutcomeProcessing, K as QtiOutcomeProcessingProcessor, a0 as QtiPortableCustomInteraction, ac as QtiPositionObjectStage, o as QtiPrompt, r as QtiResponseDeclaration, L as QtiResponseProcessing, u as QtiRubricBlock, ad as QtiSelectPointInteraction, ar as QtiSimpleAssociableChoice, as as QtiSimpleChoice, ae as QtiSliderInteraction, p as QtiStylesheet, Y as QtiSubtract, z as QtiTextEntryInteraction, H as QtiUploadInteraction, R as ResponseInteraction, V as VariableValue, d as directedPair, f as float, i as integer, ah as itemContext, ag as itemContextVariables, S as qtiAndMixin, Z as qtiSubtractMixin } from '../qti-simple-choice-DxWcdKHi.js';
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import 'lit-html/directives/ref.js';
+
+declare class QtiResponseCondition extends QtiRule {
+    render(): lit_html.TemplateResult<1>;
+    process(): void;
+}
+
+declare class QtiSetOutcomeValue extends QtiRule {
+    process(): void;
+}
+declare class QtiSetOutcomeValueRule<T> implements QtiRuleBase {
+    private expression;
+    constructor(expression: QtiExpressionBase<T>);
+    process(): any;
+}
+
+declare class QtiResponseElse extends LitElement {
+    render(): lit_html.TemplateResult<1>;
+    calculate(): boolean;
+    getSubRules(): QtiRule[];
+    process(): void;
+}
+
+declare class QtiResponseIf extends QtiResponseElse {
+    calculate(): boolean;
+    getSubRules(): QtiRule[];
+}
+
+declare class QtiResponseElseIf extends QtiResponseIf {
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class QtiBaseValue extends QtiExpression<string> {
+    baseType: BaseType;
+    getResult(): string;
+}
+
+declare class QtiContains extends QtiConditionExpression {
+    getResult(): boolean;
+}
+
+declare class QtiCorrect extends QtiExpression<string | string[]> {
+    get interpretation(): string;
+    getResult(): string | string[];
+}
+
+declare class QtiEqualRounded extends QtiExpression<boolean> {
+    roundingMode: 'decimalPlaces' | 'significantFigures';
+    get figures(): number;
+    getResult(): boolean;
+}
+
+declare class QtiEqual extends QtiExpression<boolean> {
+    toleranceMode: 'exact' | 'relative' | 'absolute';
+    getResult(): boolean;
+}
+
+declare class QtiGt extends QtiExpression<boolean> {
+    getResult(): boolean;
+}
+
+declare class QtiGte extends QtiConditionExpression {
+    getResult(): boolean;
+}
+
+declare class QtiIsNull extends QtiExpression<boolean> {
+    getResult(): boolean;
+}
+
+declare class QtiLt extends QtiExpression<boolean> {
+    getResult(): boolean;
+}
+
+declare class QtiLte extends QtiConditionExpression {
+    getResult(): boolean;
+}
+
+declare class QtiMapResponse extends QtiExpression<number> {
+    identifier: string;
+    getResult(): number;
+}
+
+declare class QtiMatch extends QtiExpression<boolean> {
+    getResult(): boolean;
+    static match(valueToMap: ResponseVariable, correctValueInfo: ResponseVariable): boolean;
+}
+
+declare class QtiMember extends QtiExpression<boolean | null> {
+    getResult(): boolean;
+}
+
+declare class QtiMultiple extends QtiExpression<VariableDeclaration<string | string[]>[]> {
+    getResult(): ResponseVariable[];
+}
+
+declare class QtiNot extends QtiExpression<boolean> {
+    render(): lit_html.TemplateResult<1>;
+    getResult(): boolean;
+}
+
+declare class QtiOr extends QtiConditionExpression {
+    getResult(): boolean;
+}
+
+declare class QtiOrdered extends QtiExpression<ResponseVariable[]> {
+    getResult(): ResponseVariable[];
+}
+
+declare class QtiPrintedVariable extends LitElement {
+    identifier: string;
+    protected context?: ItemContext;
+    render(): lit_html.TemplateResult<1>;
+    calculate(): VariableDeclaration<string | string[]>;
+}
+
+declare class QtiProduct extends QtiExpression<number> {
+    getResult(): number;
+}
+
+declare class QtiStringMatch extends QtiExpression<boolean> {
+    caseSensitive: string;
+    getResult(): boolean;
+}
+
+declare class QtiSum extends QtiExpression<number> {
+    private _expression;
+    constructor();
+    getResult(): number;
+}
+declare class QtiSumExpression implements QtiExpressionBase<number> {
+    private expressions;
+    constructor(expressions: QtiExpressionBase<number>[]);
+    calculate(): number;
+}
+
+declare class QtiVariable extends QtiExpression<string | string[]> {
+    getResult(): Readonly<string | string[]>;
+}
+
+declare class QtiPositionObjectInteraction extends LitElement {
+    render(): lit_html.TemplateResult<1>;
+    static styles: lit.CSSResult[];
+}
+
+export { BaseType, ItemContext, QtiBaseValue, QtiConditionExpression, QtiContains, QtiCorrect, QtiEqual, QtiEqualRounded, QtiExpression, QtiExpressionBase, QtiGt, QtiGte, QtiIsNull, QtiLt, QtiLte, QtiMapResponse, QtiMatch, QtiMember, QtiMultiple, QtiNot, QtiOr, QtiOrdered, QtiPositionObjectInteraction, QtiPrintedVariable, QtiProduct, QtiResponseCondition, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiRule, QtiRuleBase, QtiSetOutcomeValue, QtiSetOutcomeValueRule, QtiStringMatch, QtiSum, QtiSumExpression, QtiVariable, ResponseVariable, VariableDeclaration };