@citolab/qti-components 6.9.1-beta.9 → 7.0.2

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

@@ -0,0 +1,2174 @@
+/**
+ * This type can be used to create scoped tags for your components.
+ *
+ * Usage:
+ *
+ * ```ts
+ * import type { ScopedElements } from "path/to/library/jsx-integration";
+ *
+ * declare module "my-library" {
+ *   namespace JSX {
+ *     interface IntrinsicElements
+ *       extends ScopedElements<'test-', ''> {}
+ *   }
+ * }
+ * ```
+ *
+ */
+export type ScopedElements<Prefix extends string = "", Suffix extends string = ""> = {
+  [Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
+};
+
+type BaseProps = {
+  /** Content added between the opening and closing tags of the element */
+  children?: any;
+  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
+  class?: string;
+  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
+  className?: string;
+  /** Takes an object where the key is the class name(s) and the value is a boolean expression. When true, the class is applied, and when false, it is removed. */
+  classList?: Record<string, boolean | undefined>;
+  /** Specifies the text direction of the element. */
+  dir?: "ltr" | "rtl";
+  /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
+  exportparts?: string;
+  /** For <label> and <output>, lets you associate the label with some control. */
+  htmlFor?: string;
+  /** Specifies whether the element should be hidden. */
+  hidden?: boolean | string;
+  /** A unique identifier for the element. */
+  id?: string;
+  /** Keys tell React which array item each component corresponds to */
+  key?: string | number;
+  /** Specifies the language of the element. */
+  lang?: string;
+  /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
+  part?: string;
+  /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
+  ref?: unknown | ((e: unknown) => void);
+  /** Adds a reference for a custom element slot */
+  slot?: string;
+  /** Prop for setting inline styles */
+  style?: Record<string, string | number>;
+  /** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
+  tabIndex?: number;
+  /** Specifies the tooltip text for the element. */
+  title?: string;
+  /** Passing 'no' excludes the element content from being translated. */
+  translate?: "yes" | "no";
+};
+
+type BaseEvents = {};
+
+export type QtiMappingProps = {
+  /**  */
+  "default-value"?: number;
+  /**  */
+  "lower-bound"?: number;
+  /**  */
+  "upper-bound"?: number;
+  /**  */
+  mapEntries?: string;
+};
+
+export type QtiRuleProps = {};
+
+export type QtiResponseProcessingProps = {};
+
+export type QtiMultipleProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiLookupOutcomeValueProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  childExpression?: QtiExpression<string>;
+  /**  */
+  "onqti-set-outcome-value"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiResponseConditionProps = {};
+
+export type QtiSetOutcomeValueProps = {
+  /**  */
+  "onqti-set-outcome-value"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiResponseElseProps = {};
+
+export type QtiResponseIfProps = {};
+
+export type QtiResponseElseIfProps = {};
+
+export type QtiAndProps = {};
+
+export type QtiBaseValueProps = {
+  /**  */
+  "base-type"?: BaseType;
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiContainsProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiCorrectProps = {
+  /**  */
+  interpretation?: string;
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiEqualRoundedProps = {
+  /**  */
+  roundingMode?: "decimalPlaces" | "significantFigures";
+  /**  */
+  figures?: string;
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiEqualProps = {
+  /**  */
+  toleranceMode?: "exact" | "relative" | "absolute";
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiGtProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiGteProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiIsNullProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiLtProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiLteProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiMapResponseProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiMatchProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiMemberProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiNotProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiOrProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiOrderedProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiPrintedVariableProps = {
+  /**  */
+  identifier?: string;
+};
+
+export type QtiProductProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiSubtractProps = {};
+
+export type QtiStringMatchProps = {
+  /**  */
+  "case-sensitive"?: string;
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiSumProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiVariableProps = {
+  /**  */
+  getVariables?: string;
+};
+
+export type QtiAssessmentItemProps = {
+  /**  */
+  title?: string;
+  /**  */
+  identifier?: string;
+  /**  */
+  adaptive?: "true" | "false";
+  /**  */
+  timeDependent?: "true" | "false" | null;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  _handleDisabledChange?: string;
+  /**  */
+  _handleReadonlyChange?: string;
+  /**  */
+  variables?: VariableValue<string | string[] | null>[];
+  /** @deprecated use variables property instead */
+  responses?: string;
+  /**  */
+  onname?: (e: CustomEvent<CustomEvent>) => void;
+  /** Emitted when an interaction is changed. */
+  "onqti-interaction-changed"?: (e: CustomEvent<never>) => void;
+  /** Emitted when an outcome has changed. */
+  "onqti-outcome-changed"?: (e: CustomEvent<never>) => void;
+  /** Emitted when response-processing is called. */
+  "onqti-response-processing"?: (e: CustomEvent<never>) => void;
+};
+
+export type QtiAssessmentStimulusRefProps = {
+  /** The identifier of the stimulus. */
+  identifier?: string;
+  /** The href of the stimulus. */
+  href?: string;
+};
+
+export type QtiItemBodyProps = {};
+
+export type QtiPromptProps = {};
+
+export type QtiStylesheetProps = {};
+
+export type QtiVariableDeclarationProps = {};
+
+export type QtiOutcomeDeclarationProps = {
+  /**  */
+  "base-type"?: BaseType;
+  /**  */
+  "external-scored"?: "human" | "externalMachine" | null;
+  /**  */
+  identifier?: string;
+  /**  */
+  cardinality?: Cardinality;
+  /**  */
+  itemContext?: ItemContext | undefined;
+  /**  */
+  interpolationTable?: Map<number, number> | null;
+  /**  */
+  "onqti-register-variable"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiResponseDeclarationProps = {
+  /**  */
+  "base-type"?: BaseType;
+  /**  */
+  identifier?: string;
+  /**  */
+  cardinality?: Cardinality;
+  /**  */
+  itemContext?: ItemContext | undefined;
+  /**  */
+  "onqti-register-variable"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiCompanionMaterialsInfoProps = {};
+
+export type QtiContentBodyProps = {};
+
+export type QtiRubricBlockProps = {
+  /**  */
+  id?: string;
+  /**  */
+  use?: "instructions" | "scoring" | "navigation";
+  /**  */
+  view?: "author" | "candidate" | "proctor" | "scorer" | "testConstructor" | "tutor";
+  /**  */
+  class?: string;
+};
+
+export type QtiFeedbackBlockProps = {
+  /**  */
+  "show-hide"?: string;
+  /**  */
+  "outcome-identifier"?: string;
+  /**  */
+  identifier?: string;
+  /**  */
+  showStatus?: string;
+  /**  */
+  "onqti-register-feedback"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiFeedbackInlineProps = {
+  /**  */
+  "show-hide"?: string;
+  /**  */
+  "outcome-identifier"?: string;
+  /**  */
+  identifier?: string;
+  /**  */
+  showStatus?: string;
+  /**  */
+  "onqti-register-feedback"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiModalFeedbackProps = {
+  /**  */
+  "show-hide"?: string;
+  /**  */
+  "outcome-identifier"?: string;
+  /**  */
+  identifier?: string;
+  /**  */
+  showStatus?: string;
+  /**  */
+  "onqti-register-feedback"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiExtendedTextInteractionProps = {
+  /** expected length is mapped to the property maxlength on the textarea */
+  "expected-length"?: number;
+  /**  */
+  "pattern-mask"?: string;
+  /** text appearing in the extended-text-nteraction if it is empty */
+  "placeholder-text"?: string;
+  /**  */
+  "data-patternmask-message"?: string;
+  /**  */
+  class?: string;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiTextEntryInteractionProps = {
+  /**  */
+  "expected-length"?: number;
+  /**  */
+  "pattern-mask"?: string;
+  /**  */
+  "placeholder-text"?: string;
+  /**  */
+  "data-patternmask-message"?: string;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  inputRef?: string;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiHottextInteractionProps = {
+  /**  */
+  "min-choices"?: number;
+  /**  */
+  "max-choices"?: number;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiInlineChoiceInteractionProps = {
+  /**  */
+  "data-prompt"?: string;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  options?: OptionType[];
+  /**  */
+  correctOption?: string;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiSimpleChoiceProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  tabindex?: number;
+  /**  */
+  "aria-disabled"?: boolean;
+  /**  */
+  "aria-readonly"?: boolean;
+  /**  */
+  marker?: string;
+  /**  */
+  checked?: string;
+  /**  */
+  internals?: ElementInternals;
+  /**  */
+  onundefined?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiChoiceInteractionProps = {
+  /** @deprecated , use 'qti-orientation-horizontal' or 'qti-orientation-vertical' instead */
+  orientation?: Orientation;
+  /**  */
+  class?: string;
+  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
+  shuffle?: "true" | "false";
+  /**  */
+  "min-choices"?: number;
+  /**  */
+  "max-choices"?: number;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  role?: string;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiOutcomeProcessingProps = {};
+
+export type QtiPortableCustomInteractionProps = {
+  /**  */
+  module?: string;
+  /**  */
+  "custom-interaction-type-identifier"?: string;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  loadConfig?: string;
+  /**  */
+  getResolvablePathString?: string;
+  /**  */
+  getResolvablePath?: string;
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiSimpleAssociableChoiceProps = {
+  /** the minimal number of selections a candidate must make */
+  "match-min"?: number;
+  /** the maximum number of selections a candidate must make, the other options will be disabled when max options is checked */
+  "match-max"?: number;
+  /**  */
+  fixed?: boolean;
+  /**  */
+  identifier?: string;
+  /**  */
+  tabindex?: number;
+  /**  */
+  "aria-disabled"?: boolean;
+  /**  */
+  "aria-readonly"?: boolean;
+  /**  */
+  internals?: ElementInternals;
+  /**  */
+  onundefined?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiAssociateInteractionProps = {
+  /**  */
+  "min-associations"?: number;
+  /**  */
+  "max-associations"?: number;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  dragDropApi?: TouchDragAndDrop;
+  /**  */
+  configuration?: InteractionConfiguration;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiCustomInteractionProps = {
+  /**  */
+  data?: string;
+  /**  */
+  "data-base-item"?: string;
+  /**  */
+  "data-base-ref"?: string;
+  /**  */
+  id?: string;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  manifest?: {
+    script: string[];
+    style: string[];
+    media: string[];
+  };
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiEndAttemptInteractionProps = {
+  /**  */
+  "count-attempt"?: string;
+  /**  */
+  title?: "end attempt";
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onend-attempt"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiGapMatchInteractionProps = {
+  /**  */
+  "min-associations"?: number;
+  /**  */
+  "max-associations"?: number;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  dragDropApi?: TouchDragAndDrop;
+  /**  */
+  configuration?: InteractionConfiguration;
+  /**  */
+  value?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiHotspotChoiceProps = {
+  /**  */
+  "aria-ordervalue"?: number;
+  /**  */
+  identifier?: string;
+  /**  */
+  tabindex?: number;
+  /**  */
+  "aria-disabled"?: boolean;
+  /**  */
+  "aria-readonly"?: boolean;
+  /**  */
+  internals?: ElementInternals;
+  /**  */
+  onundefined?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiGraphicAssociateInteractionProps = {
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  choiceOrdering?: boolean;
+  /**  */
+  hotspots?: string;
+  /**  */
+  startPoint?: null;
+  /**  */
+  endPoint?: null;
+  /**  */
+  _lines?: array;
+  /**  */
+  startCoord?: { x: any; y: any };
+  /**  */
+  mouseCoord?: { x: number; y: number };
+  /**  */
+  svgContainer?: string;
+  /**  */
+  grImage?: string;
+  /**  */
+  svg?: SVGSVGElement;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiGraphicGapMatchInteractionProps = {
+  /**  */
+  "min-associations"?: number;
+  /**  */
+  "max-associations"?: number;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  dragDropApi?: TouchDragAndDrop;
+  /**  */
+  configuration?: InteractionConfiguration;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiGraphicOrderInteractionProps = {
+  /**  */
+  "min-choices"?: number;
+  /**  */
+  "max-choices"?: number;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  choiceOrdering?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiHotspotInteractionProps = {
+  /**  */
+  "min-choices"?: number;
+  /**  */
+  "max-choices"?: number;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiMatchInteractionProps = {
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  "min-associations"?: number;
+  /**  */
+  "max-associations"?: number;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  rows?: QtiSimpleAssociableChoice[];
+  /**  */
+  cols?: QtiSimpleAssociableChoice[];
+  /**  */
+  lastCheckedRadio?: HTMLInputElement | null;
+  /**  */
+  _response?: string | string[];
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctOptions?: string[];
+  /**  */
+  handleRadioClick?: string;
+  /**  */
+  handleRadioChange?: string;
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  dragDropApi?: TouchDragAndDrop;
+  /**  */
+  configuration?: InteractionConfiguration;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiMediaInteractionProps = {
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiOrderInteractionProps = {
+  /** orientation of choices */
+  orientation?: "horizontal" | "vertical";
+  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
+  shuffle?: "true" | "false";
+  /**  */
+  "min-associations"?: number;
+  /**  */
+  "max-associations"?: number;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  childrenMap?: Element[];
+  /**  */
+  nrChoices?: number;
+  /**  */
+  correctResponses?: string[];
+  /**  */
+  showCorrectResponses?: boolean;
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  dragDropApi?: TouchDragAndDrop;
+  /**  */
+  configuration?: InteractionConfiguration;
+  /**  */
+  value?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiPositionObjectInteractionProps = {};
+
+export type QtiPositionObjectStageProps = {
+  /**  */
+  choiceOrdering?: boolean;
+  /**  */
+  startX?: any;
+  /**  */
+  startY?: any;
+  /**  */
+  dragElement?: any;
+};
+
+export type QtiSelectPointInteractionProps = {
+  /**  */
+  "max-choices"?: number;
+  /**  */
+  "min-choices"?: number;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiSliderInteractionProps = {
+  /**  */
+  "step-label"?: boolean;
+  /**  */
+  reverse?: boolean;
+  /**  */
+  "lower-bound"?: number;
+  /**  */
+  "upper-bound"?: number;
+  /**  */
+  step?: number;
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  csLive?: CSSStyleDeclaration;
+  /**  */
+  _handleDisabledChange?: string;
+  /**  */
+  _handleReadonlyChange?: string;
+  /**  */
+  value?: string | string[];
+  /**  */
+  response?: string;
+  /**  */
+  correctResponse?: string | string[];
+  /** emitted when the interaction wants to register itself */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /** emitted when the interaction changes */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiCustomOperatorProps = {
+  /**  */
+  "onqti-set-outcome-value"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiAssociableHotspotProps = {
+  /**  */
+  "onqti-register-hotspot"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiGapProps = {
+  /**  */
+  tabindex?: number | undefined;
+};
+
+export type QtiGapImgProps = {
+  /**  */
+  tabindex?: number | undefined;
+};
+
+export type QtiGapTextProps = {
+  /**  */
+  tabindex?: number;
+  /**  */
+  identifier?: string;
+  /**  */
+  "aria-disabled"?: boolean;
+  /**  */
+  "aria-readonly"?: boolean;
+  /**  */
+  internals?: ElementInternals;
+  /**  */
+  onundefined?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiHottextProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  tabindex?: number;
+  /**  */
+  "aria-disabled"?: boolean;
+  /**  */
+  "aria-readonly"?: boolean;
+  /**  */
+  internals?: ElementInternals;
+  /**  */
+  onundefined?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiInlineChoiceProps = {
+  /**  */
+  identifier?: string;
+
+  /**  */
+  "onqti-inline-choice-register"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-inline-choice-select"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestElementProps = {
+  /**  */
+  class?: string;
+  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
+  shuffle?: "true" | "false";
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestElementProps = {
+  /**  */
+  class?: string;
+  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
+  shuffle?: "true" | "false";
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestElementProps = {
+  /**  */
+  class?: string;
+  /** <span style="color:blue">some *blue* text</span>. Does not work in storybook */
+  shuffle?: "true" | "false";
+  /**  */
+  "response-identifier"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  readonly?: boolean;
+  /**  */
+  value?: string | string[];
+  /**  */
+  correctResponse?: string | string[];
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiAssessmentItemRefProps = {
+  /**  */
+  category?: string | undefined;
+  /**  */
+  identifier?: string | undefined;
+  /**  */
+  required?: boolean | undefined;
+  /**  */
+  fixed?: boolean | undefined;
+  /**  */
+  href?: string | undefined;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  weigths?: Map<string, number>;
+  /**  */
+  xmlDoc?: DocumentFragment;
+  /**  */
+  assessmentItem?: QtiAssessmentItem | null;
+  /**  */
+  "onqti-assessment-item-ref-connected"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiAssessmentSectionProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  required?: string;
+  /**  */
+  fixed?: boolean;
+  /**  */
+  title?: string;
+  /**  */
+  visible?: boolean;
+  /**  */
+  "keep-together"?: boolean;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  "onqti-assessment-section-connected"?: (e: CustomEvent<Event>) => void;
+};
+
+export type QtiAssessmentTestProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  title?: string;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  "onqti-assessment-test-connected"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiTestPartProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  title?: string;
+  /**  */
+  class?: string;
+  /**  */
+  "navigation-mode"?: "linear" | "nonlinear";
+  /**  */
+  "submission-mode"?: "individual" | "simultaneous";
+
+  /**  */
+  "onqti-test-part-connected"?: (e: CustomEvent<Event>) => void;
+};
+
+export type QtiTestProps = {
+  /** the relative location to the QTI assessment.xml file */
+  testURL?: string;
+  /**  */
+  context?: TestContext;
+};
+
+export type TestNextProps = {
+  /**  */
+  role?: string;
+  /**  */
+  ariaLabel?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  _testElement?: TestElement | undefined;
+  /**  */
+  "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestPrevProps = {
+  /**  */
+  role?: string;
+  /**  */
+  ariaLabel?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  _testElement?: TestElement | undefined;
+  /**  */
+  "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestViewProps = {
+  /**  */
+  label?: string;
+  /**  */
+  "view-options"?: string;
+  /**  */
+  _handleViewOptionsChange?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  _testElement?: TestElement | undefined;
+  /**  */
+  "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestItemLinkProps = {
+  /**  */
+  "item-id"?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  _testElement?: TestElement | undefined;
+  /**  */
+  "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestContainerProps = {
+  /**  */
+  "test-url"?: string;
+};
+
+export type TestPagingButtonsStampProps = {
+  /**  */
+  "max-displayed-items"?: number;
+  /**  */
+  "skip-on-category"?: string;
+  /**  */
+  ariaLabel?: string;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  _testContext?: TestContext | undefined;
+  /**  */
+  _testElement?: TestElement | undefined;
+  /**  */
+  "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type QtiItemProps = {
+  /**  */
+  identifier?: string | undefined;
+  /**  */
+  href?: string | undefined;
+  /**  */
+  xmlDoc?: DocumentFragment;
+  /**  */
+  assessmentItem?: QtiAssessmentItem | null;
+  /**  */
+  "onqti-item-connected"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type CustomElements = {
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-mapping": Partial<QtiMappingProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-rule": Partial<QtiRuleProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-response-processing": Partial<QtiResponseProcessingProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-multiple": Partial<QtiMultipleProps & BaseProps & BaseEvents>;
+
+  /**
+   * The lookupOutcomeValue rule sets the value of an outcome variable to the value obtained
+   * by looking up the value of the associated expression in the lookupTable associated
+   * with the outcome's declaration.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-set-outcome-value**
+   */
+  "qti-lookup-outcome-value": Partial<QtiLookupOutcomeValueProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-response-condition": Partial<QtiResponseConditionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-set-outcome-value**
+   */
+  "qti-set-outcome-value": Partial<QtiSetOutcomeValueProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-response-else": Partial<QtiResponseElseProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-response-if": Partial<QtiResponseIfProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-response-else-if": Partial<QtiResponseElseIfProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-and": Partial<QtiAndProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-base-value": Partial<QtiBaseValueProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-contains": Partial<QtiContainsProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-correct": Partial<QtiCorrectProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-equal-rounded": Partial<QtiEqualRoundedProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-equal": Partial<QtiEqualProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-gt": Partial<QtiGtProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-gte": Partial<QtiGteProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-is-null": Partial<QtiIsNullProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-lt": Partial<QtiLtProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-lte": Partial<QtiLteProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-map-response": Partial<QtiMapResponseProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-match": Partial<QtiMatchProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-member": Partial<QtiMemberProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-not": Partial<QtiNotProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-or": Partial<QtiOrProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-ordered": Partial<QtiOrderedProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-printed-variable": Partial<QtiPrintedVariableProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-product": Partial<QtiProductProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-subtract": Partial<QtiSubtractProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-string-match": Partial<QtiStringMatchProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-sum": Partial<QtiSumProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-variable": Partial<QtiVariableProps & BaseProps & BaseEvents>;
+
+  /**
+   * The qti-assessment-item element contains all the other QTI 3 item structures.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **name**
+   * - **qti-interaction-changed** - Emitted when an interaction is changed.
+   * - **qti-outcome-changed** - Emitted when an outcome has changed.
+   * - **qti-response-processing** - Emitted when response-processing is called.
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot where all the other QTI 3 item structures go.
+   */
+  "qti-assessment-item": Partial<QtiAssessmentItemProps & BaseProps & BaseEvents>;
+
+  /**
+   * Represents a custom element for referencing an assessment stimulus.
+   * ---
+   *
+   *
+   * ### **Methods:**
+   *  - **updateStimulusRef(stimulusRef: _Element_)** - Loads and appends the stimulus to the specified element.
+   */
+  "qti-assessment-stimulus-ref": Partial<QtiAssessmentStimulusRefProps & BaseProps & BaseEvents>;
+
+  /**
+   * The qti-item-body node contains the text, graphics, media objects and interactions that describe the item's content and information about how it is structured.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - item body content.
+   * - **qti-rubric-block** - the qti rubric block is placed above the item
+   */
+  "qti-item-body": Partial<QtiItemBodyProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-prompt": Partial<QtiPromptProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-stylesheet": Partial<QtiStylesheetProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-variabledeclaration": Partial<QtiVariableDeclarationProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-variable**
+   */
+  "qti-outcome-declaration": Partial<QtiOutcomeDeclarationProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-variable**
+   */
+  "qti-response-declaration": Partial<QtiResponseDeclarationProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-companion-materials-info": Partial<QtiCompanionMaterialsInfoProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-content-body": Partial<QtiContentBodyProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-rubric-block": Partial<QtiRubricBlockProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-feedback**
+   */
+  "qti-feedback-block": Partial<QtiFeedbackBlockProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-feedback**
+   */
+  "qti-feedback-inline": Partial<QtiFeedbackInlineProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-feedback**
+   */
+  "qti-modal-feedback": Partial<QtiModalFeedbackProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-extended-text-interaction": Partial<QtiExtendedTextInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-text-entry-interaction": Partial<QtiTextEntryInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-hottext-interaction": Partial<QtiHottextInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-inline-choice-interaction": Partial<QtiInlineChoiceInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   * qti-order-interaction
+   * qti-choice-interaction
+   * ---
+   *
+   *
+   * ### **Events:**
+   *
+   */
+  "qti-simple-choice": Partial<QtiSimpleChoiceProps & BaseProps & BaseEvents>;
+
+  /**
+   * An sample element.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   *
+   * ### **Slots:**
+   *  - _default_ - default slot of the choices
+   * - **prompt** - slot of the prompt
+   *
+   * ### **CSS Properties:**
+   *  - **--qti-bg-active** - The active background color _(default: #ffecec)_
+   * - **--qti-border-active** - The active border color _(default: #f86d70)_
+   * - **--qti-padding-horizontal** - The option horizontal padding _(default: 1px)_
+   * - **--qti-padding-vertical** - The option vertical padding _(default: solid)_
+   * - **--qti-border-radius** - The option border radius _(default: 8px)_
+   *
+   * ### **CSS Parts:**
+   *  - **slot** - The choice elements
+   * - **prompt** - The prompt
+   * - **message** - The validation message
+   */
+  "qti-choice-interaction": Partial<QtiChoiceInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-outcome-processing": Partial<QtiOutcomeProcessingProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-portable-custom-interaction": Partial<QtiPortableCustomInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *
+   */
+  "qti-simple-associable-choice": Partial<QtiSimpleAssociableChoiceProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-associate-interaction": Partial<QtiAssociateInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-custom-interaction": Partial<QtiCustomInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **end-attempt**
+   * - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-end-attempt-interaction": Partial<QtiEndAttemptInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-gap-match-interaction": Partial<QtiGapMatchInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *
+   */
+  "qti-hotspot-choice": Partial<QtiHotspotChoiceProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-graphic-associate-interaction": Partial<QtiGraphicAssociateInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-graphic-gap-match-interaction": Partial<QtiGraphicGapMatchInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-graphic-order-interaction": Partial<QtiGraphicOrderInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-hotspot-interaction": Partial<QtiHotspotInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-match-interaction": Partial<QtiMatchInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-media-interaction": Partial<QtiMediaInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-order-interaction": Partial<QtiOrderInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-position-object-interaction": Partial<QtiPositionObjectInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-position-object-stage": Partial<QtiPositionObjectStageProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "qti-select-point-interaction": Partial<QtiSelectPointInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   * The SliderInteraction.Type (qti-slider-interaction) presents the candidate with a control for selecting a numerical value between a lower and upper bound.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction** - emitted when the interaction wants to register itself
+   * - **qti-interaction-response** - emitted when the interaction changes
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot where <qti-simple-choice> must be placed.
+   * - **prompt** - slot where the prompt is placed.
+   *
+   * ### **CSS Properties:**
+   *  - **--show-value** - shows the current value while sliding _(default: undefined)_
+   * - **--show-ticks** - shows the ticks according to steps _(default: undefined)_
+   * - **--show-bounds** - shows value for lower and upper boundary _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **slider** - -- slider inluding, bounds and ticks and value, use it for paddings and margins
+   * - **bounds** - -- div for bounds, containing two divs for with min, and max bounds value
+   * - **ticks** - -- div for ticks, use lineair gradient and exposed css variables for styling
+   * - **rail** - -- div for rail, style according to needs
+   * - **knob** - -- div, should be relative or absolute
+   * - **value** - -- div, containing value
+   */
+  "qti-slider-interaction": Partial<QtiSliderInteractionProps & BaseProps & BaseEvents>;
+
+  /**
+   * https://www.imsglobal.org/spec/qti/v3p0/impl#h.fi29q8dubjgw
+   * <qti-custom-operator class="js.org">
+   *      <qti-base-value base-type="string"><![CDATA[
+   *        console.log(context.variables);
+   *        return 'B'
+   *        document.querySelector('qti-end-attempt-interaction').disabled = true;
+   *        ]]></qti-base-value>
+   *    </qti-custom-operator>
+   *  </qti-set-outcome-value>
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-set-outcome-value**
+   * - **qti-interaction-response**
+   */
+  "qti-custom-operator": Partial<QtiCustomOperatorProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-hotspot**
+   */
+  "qti-associable-hotspot": Partial<QtiAssociableHotspotProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-gap": Partial<QtiGapProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-gap-img": Partial<QtiGapImgProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *
+   */
+  "qti-gap-text": Partial<QtiGapTextProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *
+   */
+  "qti-hottext": Partial<QtiHottextProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-inline-choice-register**
+   * - **qti-inline-choice-select**
+   */
+  "qti-inline-choice": Partial<QtiInlineChoiceProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "test-element": Partial<TestElementProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "test-element": Partial<TestElementProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-register-interaction**
+   * - **qti-interaction-response**
+   */
+  "test-element": Partial<TestElementProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-assessment-item-ref-connected**
+   */
+  "qti-assessment-item-ref": Partial<QtiAssessmentItemRefProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-assessment-section-connected**
+   */
+  "qti-assessment-section": Partial<QtiAssessmentSectionProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-assessment-test-connected**
+   */
+  "qti-assessment-test": Partial<QtiAssessmentTestProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-test-part-connected**
+   */
+  "qti-test-part": Partial<QtiTestPartProps & BaseProps & BaseEvents>;
+
+  /**
+   * `<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.
+   *
+   * This component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.
+   *
+   * ### Example Usage
+   *
+   * Minimal markup:
+   * ```html
+   * <qti-test test="./path/to/assessment.xml">
+   *   <test-container></test-container>
+   * </qti-test>
+   * ```
+   *
+   * With navigation buttons:
+   * ```html
+   * <qti-test >
+   *   <test-container test-url="./path/to/assessment.xml"></test-container>
+   *   <div class="flex">
+   *      <test-prev></test-prev>
+   *      <test-next></test-next>
+   *   </div>
+   * </qti-test>
+   * ```
+   *
+   * You can use normal class names to style the elements.
+   * And you can use the `test-prev` and `test-next` elements to navigate through the test.
+   * ---
+   *
+   */
+  "qti-player": Partial<QtiTestProps & BaseProps & BaseEvents>;
+
+  /**
+   * Represents a custom element for navigating to the next test item.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **on-test-switch-view**
+   * - **qti-request-test-item**
+   */
+  "test-next": Partial<TestNextProps & BaseProps & BaseEvents>;
+
+  /**
+   * Represents a custom element for navigating to the previous test item.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **on-test-switch-view**
+   * - **qti-request-test-item**
+   */
+  "test-prev": Partial<TestPrevProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **on-test-switch-view**
+   * - **qti-request-test-item**
+   */
+  "test-view": Partial<TestViewProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **on-test-switch-view**
+   * - **qti-request-test-item**
+   */
+  "test-item-link": Partial<TestItemLinkProps & BaseProps & BaseEvents>;
+
+  /**
+   * `<test-container>` is a custom element designed for hosting the qti-assessment-test.
+   * The `qti-assessment-test` will be placed inside the shadow DOM of this element.
+   *
+   * ### Example Usage
+   * The `test-container` element to hosts the visual representation of the items.
+   * You can style the container by adding a class to the element.
+   *
+   * ```html
+   * <qti-test testurl="./path/to/assessment.xml">
+   *   <test-container class="container bg-white m-2"></test-container>
+   * </qti-test>
+   * ```
+   * ---
+   *
+   */
+  "test-container": Partial<TestContainerProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **on-test-switch-view**
+   * - **qti-request-test-item**
+   */
+  "test-paging-buttons-stamp": Partial<TestPagingButtonsStampProps & BaseProps & BaseEvents>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **qti-item-connected**
+   */
+  "qti-item": Partial<QtiItemProps & BaseProps & BaseEvents>;
+};