eat-js-sdk 1.0.26 → 1.0.27

package/dist/eat-prompt-builder.mjs

@@ -326,9 +326,95 @@
       detach(iframe);
     };
   }
+  function toggle_class(element2, name, toggle) {
+    element2.classList.toggle(name, !!toggle);
+  }
   function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
     return new CustomEvent(type, { detail, bubbles, cancelable });
   }
+  var HtmlTag = class {
+    /**
+     * @private
+     * @default false
+     */
+    is_svg = false;
+    /** parent for creating node */
+    e = void 0;
+    /** html tag nodes */
+    n = void 0;
+    /** target */
+    t = void 0;
+    /** anchor */
+    a = void 0;
+    constructor(is_svg = false) {
+      this.is_svg = is_svg;
+      this.e = this.n = null;
+    }
+    /**
+     * @param {string} html
+     * @returns {void}
+     */
+    c(html) {
+      this.h(html);
+    }
+    /**
+     * @param {string} html
+     * @param {HTMLElement | SVGElement} target
+     * @param {HTMLElement | SVGElement} anchor
+     * @returns {void}
+     */
+    m(html, target, anchor = null) {
+      if (!this.e) {
+        if (this.is_svg)
+          this.e = svg_element(
+            /** @type {keyof SVGElementTagNameMap} */
+            target.nodeName
+          );
+        else
+          this.e = element(
+            /** @type {keyof HTMLElementTagNameMap} */
+            target.nodeType === 11 ? "TEMPLATE" : target.nodeName
+          );
+        this.t = target.tagName !== "TEMPLATE" ? target : (
+          /** @type {HTMLTemplateElement} */
+          target.content
+        );
+        this.c(html);
+      }
+      this.i(anchor);
+    }
+    /**
+     * @param {string} html
+     * @returns {void}
+     */
+    h(html) {
+      this.e.innerHTML = html;
+      this.n = Array.from(
+        this.e.nodeName === "TEMPLATE" ? this.e.content.childNodes : this.e.childNodes
+      );
+    }
+    /**
+     * @returns {void} */
+    i(anchor) {
+      for (let i = 0; i < this.n.length; i += 1) {
+        insert(this.t, this.n[i], anchor);
+      }
+    }
+    /**
+     * @param {string} html
+     * @returns {void}
+     */
+    p(html) {
+      this.d();
+      this.h(html);
+      this.i(this.a);
+    }
+    /**
+     * @returns {void} */
+    d() {
+      this.n.forEach(detach);
+    }
+  };
   function get_custom_elements_slots(element2) {
     const result = {};
     element2.childNodes.forEach(
@@ -389,6 +475,9 @@
   function add_render_callback(fn) {
     render_callbacks.push(fn);
   }
+  function add_flush_callback(fn) {
+    flush_callbacks.push(fn);
+  }
   var seen_callbacks = /* @__PURE__ */ new Set();
   var flushidx = 0;
   function flush() {
@@ -499,7 +588,7 @@
       lookup.delete(block.key);
     });
   }
-  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block5, next2, get_context) {
+  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block8, next2, get_context) {
     let o2 = old_blocks.length;
     let n2 = list.length;
     let i = o2;
@@ -516,7 +605,7 @@
       const key = get_key(child_ctx);
       let block = lookup.get(key);
       if (!block) {
-        block = create_each_block5(key, child_ctx);
+        block = create_each_block8(key, child_ctx);
         block.c();
       } else if (dynamic) {
         updates.push(() => block.p(child_ctx, dirty));
@@ -603,6 +692,13 @@
   var boolean_attributes = /* @__PURE__ */ new Set([..._boolean_attributes]);
 
   // node_modules/svelte/src/runtime/internal/Component.js
+  function bind(component, name, callback) {
+    const index = component.$$.props[name];
+    if (index !== void 0) {
+      component.$$.bound[index] = callback;
+      callback(component.$$.ctx[index]);
+    }
+  }
   function create_component(block) {
     block && block.c();
   }
@@ -638,7 +734,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance15, create_fragment30, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance21, create_fragment34, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -664,7 +760,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance15 ? instance15(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance21 ? instance21(component, options.props || {}, (i, ret, ...rest) => {
       const value = rest.length ? rest[0] : ret;
       if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
         if (!$$.skip_bound && $$.bound[i])
@@ -677,7 +773,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment30 ? create_fragment30($$.ctx) : false;
+    $$.fragment = create_fragment34 ? create_fragment34($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1284,6 +1380,7 @@
   var INTERACTION_TYPE_MCQ = "multipleChoiceInteraction";
   var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
   var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
+  var INTERACTION_TYPE_DROPDOWN = "dropdownInteraction";
   var TYPEIN_TYPE_SHORT = "Short-Text";
   var TYPEIN_TYPE_LONG = "Long-Text";
   var TYPEIN_TYPE_INLINE = "Inline Text";
@@ -2611,7 +2708,13 @@
         stimulusTextAlignment = stimulusTextAlignmentRaw;
       }
     }
-    const isAllowedInteraction = interactionType === INTERACTION_TYPE_MCQ || interactionType === INTERACTION_TYPE_TYPEIN;
+    const allowedInteractions = [
+      INTERACTION_TYPE_MCQ,
+      INTERACTION_TYPE_TYPEIN,
+      INTERACTION_TYPE_DROPDOWN,
+      INTERACTION_TYPE_DROPDOWN
+    ];
+    const isAllowedInteraction = allowedInteractions.includes(interactionType);
     const showAsset = isAllowedInteraction && fileUrl;
     const showTextStimulus = isAllowedInteraction && stimulusText;
     const showAssetAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
@@ -11804,17 +11907,47 @@
         attr(path, "clip-rule", "evenodd");
         attr(path, "d", "M4 1.60948L1.13807 4.4714C0.877721 4.73175 0.455612 4.73175 0.195262 4.4714C-0.0650874 4.21105 -0.0650874 3.78894 0.195262 3.5286L3.5286 0.195262C3.78895 -0.0650874 4.21105 -0.0650874 4.4714 0.195262L7.80474 3.5286C8.06509 3.78894 8.06509 4.21105 7.80474 4.4714C7.54439 4.73175 7.12228 4.73175 6.86193 4.4714L4 1.60948Z");
         attr(path, "fill", "currentColor");
-        attr(svg, "width", "8");
-        attr(svg, "height", "5");
+        attr(
+          svg,
+          "width",
+          /*width*/
+          ctx[0]
+        );
+        attr(
+          svg,
+          "height",
+          /*height*/
+          ctx[1]
+        );
         attr(svg, "viewBox", "0 0 8 5");
         attr(svg, "fill", "none");
         attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr(svg, "aria-hidden", "true");
       },
       m(target, anchor) {
         insert(target, svg, anchor);
         append(svg, path);
       },
-      p: noop,
+      p(ctx2, [dirty]) {
+        if (dirty & /*width*/
+        1) {
+          attr(
+            svg,
+            "width",
+            /*width*/
+            ctx2[0]
+          );
+        }
+        if (dirty & /*height*/
+        2) {
+          attr(
+            svg,
+            "height",
+            /*height*/
+            ctx2[1]
+          );
+        }
+      },
       i: noop,
       o: noop,
       d(detaching) {
@@ -11824,13 +11957,38 @@
       }
     };
   }
+  function instance13($$self, $$props, $$invalidate) {
+    let { width = 8 } = $$props;
+    let { height = 5 } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("width" in $$props2)
+        $$invalidate(0, width = $$props2.width);
+      if ("height" in $$props2)
+        $$invalidate(1, height = $$props2.height);
+    };
+    return [width, height];
+  }
   var SmallChevronUp = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment22, safe_not_equal, {});
+      init(this, options, instance13, create_fragment22, safe_not_equal, { width: 0, height: 1 });
+    }
+    get width() {
+      return this.$$.ctx[0];
+    }
+    set width(width) {
+      this.$$set({ width });
+      flush();
+    }
+    get height() {
+      return this.$$.ctx[1];
+    }
+    set height(height) {
+      this.$$set({ height });
+      flush();
     }
   };
-  create_custom_element(SmallChevronUp, {}, [], [], true);
+  create_custom_element(SmallChevronUp, { "width": {}, "height": {} }, [], [], true);
   var SmallChevronUp_default = SmallChevronUp;
 
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
@@ -11845,17 +12003,47 @@
         attr(path, "clip-rule", "evenodd");
         attr(path, "d", "M4 3.05719L6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877721 7.80474 1.13807L4.4714 4.4714C4.21105 4.73175 3.78895 4.73175 3.5286 4.4714L0.195262 1.13807C-0.0650874 0.877721 -0.0650874 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877721 -0.0650874 1.13807 0.195262L4 3.05719Z");
         attr(path, "fill", "currentColor");
-        attr(svg, "width", "8");
-        attr(svg, "height", "5");
+        attr(
+          svg,
+          "width",
+          /*width*/
+          ctx[0]
+        );
+        attr(
+          svg,
+          "height",
+          /*height*/
+          ctx[1]
+        );
         attr(svg, "viewBox", "0 0 8 5");
         attr(svg, "fill", "none");
         attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr(svg, "aria-hidden", "true");
       },
       m(target, anchor) {
         insert(target, svg, anchor);
         append(svg, path);
       },
-      p: noop,
+      p(ctx2, [dirty]) {
+        if (dirty & /*width*/
+        1) {
+          attr(
+            svg,
+            "width",
+            /*width*/
+            ctx2[0]
+          );
+        }
+        if (dirty & /*height*/
+        2) {
+          attr(
+            svg,
+            "height",
+            /*height*/
+            ctx2[1]
+          );
+        }
+      },
       i: noop,
       o: noop,
       d(detaching) {
@@ -11865,13 +12053,38 @@
       }
     };
   }
+  function instance14($$self, $$props, $$invalidate) {
+    let { width = 8 } = $$props;
+    let { height = 5 } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("width" in $$props2)
+        $$invalidate(0, width = $$props2.width);
+      if ("height" in $$props2)
+        $$invalidate(1, height = $$props2.height);
+    };
+    return [width, height];
+  }
   var SmallChevronDown = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment23, safe_not_equal, {});
+      init(this, options, instance14, create_fragment23, safe_not_equal, { width: 0, height: 1 });
+    }
+    get width() {
+      return this.$$.ctx[0];
+    }
+    set width(width) {
+      this.$$set({ width });
+      flush();
+    }
+    get height() {
+      return this.$$.ctx[1];
+    }
+    set height(height) {
+      this.$$set({ height });
+      flush();
     }
   };
-  create_custom_element(SmallChevronDown, {}, [], [], true);
+  create_custom_element(SmallChevronDown, { "width": {}, "height": {} }, [], [], true);
   var SmallChevronDown_default = SmallChevronDown;
 
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
@@ -14078,7 +14291,7 @@
       }
     };
   }
-  function instance13($$self, $$props, $$invalidate) {
+  function instance15($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -14507,7 +14720,7 @@
       init(
         this,
         options,
-        instance13,
+        instance15,
         create_fragment27,
         safe_not_equal,
         {
@@ -14560,94 +14773,149 @@
   customElements.define("prompt-categorise", create_custom_element(PromptCategorise, { "sessionData": {}, "isFinished": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" }, "isDataSaving": { "type": "Boolean" } }, [], [], true));
   var PromptCategorise_default = PromptCategorise;
 
-  // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment28(ctx) {
-    let div3;
+  // src/lib/components/prompt/dropdown/PromptDropdownContainer.svelte
+  function get_each_context5(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[28] = list[i];
+    child_ctx[30] = i;
+    return child_ctx;
+  }
+  function create_else_block_32(ctx) {
+    let t0;
+    let t1;
     return {
       c() {
-        div3 = element("div");
-        div3.innerHTML = `<div class="animate-skeleton w-full h-6 mb-2 rounded md:mb-4"></div> <div class="animate-skeleton w-full h-6 mb-12 rounded"></div> <div class="animate-skeleton w-full h-52 rounded"></div>`;
+        t0 = text("Item number ");
+        t1 = text(
+          /*idNo*/
+          ctx[8]
+        );
       },
       m(target, anchor) {
-        insert(target, div3, anchor);
+        insert(target, t0, anchor);
+        insert(target, t1, anchor);
       },
       p: noop,
-      i: noop,
-      o: noop,
       d(detaching) {
         if (detaching) {
-          detach(div3);
+          detach(t0);
+          detach(t1);
         }
       }
     };
   }
-  var PromptSkeleton = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, null, create_fragment28, safe_not_equal, {});
+  function create_if_block_37(ctx) {
+    let t0;
+    let show_if;
+    let t1;
+    let t2;
+    function select_block_type_1(ctx2, dirty) {
+      if (dirty & /*selected*/
+      64)
+        show_if = null;
+      if (show_if == null)
+        show_if = !!/*getSessionCorrectAnswer*/
+        ctx2[12]().includes(
+          /*selected*/
+          ctx2[6]
+        );
+      if (show_if)
+        return create_if_block_45;
+      return create_else_block_22;
     }
-  };
-  customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
-  var PromptSkeleton_default = PromptSkeleton;
-
-  // src/lib/components/prompt/PromptBuilder.svelte
-  function add_css2(target) {
-    append_styles(target, "svelte-1u9vntl", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-1u9vntl-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-1u9vntl-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;padding:0.25rem 0.75rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option{box-sizing:border-box}.btn-mcq-option:active{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;margin-left:1rem;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:hover>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px;padding-bottom:0.5rem;padding-top:0.5rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-2{height:0.5rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-3{width:0.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19\\.2px\\]{line-height:19.2px}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-1\\/2{width:50%}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+    let current_block_type = select_block_type_1(ctx, -1);
+    let if_block = current_block_type(ctx);
+    return {
+      c() {
+        t0 = text("Student's answer (");
+        if_block.c();
+        t1 = text("),\n                Item number ");
+        t2 = text(
+          /*idNo*/
+          ctx[8]
+        );
+      },
+      m(target, anchor) {
+        insert(target, t0, anchor);
+        if_block.m(target, anchor);
+        insert(target, t1, anchor);
+        insert(target, t2, anchor);
+      },
+      p(ctx2, dirty) {
+        if (current_block_type !== (current_block_type = select_block_type_1(ctx2, dirty))) {
+          if_block.d(1);
+          if_block = current_block_type(ctx2);
+          if (if_block) {
+            if_block.c();
+            if_block.m(t1.parentNode, t1);
+          }
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t0);
+          detach(t1);
+          detach(t2);
+        }
+        if_block.d(detaching);
+      }
+    };
   }
-  function create_else_block_12(ctx) {
-    let invalidbanner;
-    let current;
-    invalidbanner = new InvalidBanner_default({ props: { bannerLabel } });
+  function create_else_block_22(ctx) {
+    let t2;
     return {
       c() {
-        create_component(invalidbanner.$$.fragment);
+        t2 = text("Incorrect");
       },
       m(target, anchor) {
-        mount_component(invalidbanner, target, anchor);
-        current = true;
+        insert(target, t2, anchor);
       },
-      p: noop,
-      i(local) {
-        if (current)
-          return;
-        transition_in(invalidbanner.$$.fragment, local);
-        current = true;
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+        }
+      }
+    };
+  }
+  function create_if_block_45(ctx) {
+    let t2;
+    return {
+      c() {
+        t2 = text("Correct");
       },
-      o(local) {
-        transition_out(invalidbanner.$$.fragment, local);
-        current = false;
+      m(target, anchor) {
+        insert(target, t2, anchor);
       },
       d(detaching) {
-        destroy_component(invalidbanner, detaching);
+        if (detaching) {
+          detach(t2);
+        }
       }
     };
   }
   function create_if_block_110(ctx) {
+    let show_if;
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_29, create_if_block_37, create_if_block_45, create_else_block5];
+    const if_block_creators = [create_if_block_29, create_else_block_12];
     const if_blocks = [];
-    function select_block_type_1(ctx2, dirty) {
-      if (
-        /*interactionType*/
-        ctx2[3] === INTERACTION_TYPE_MCQ
-      )
+    function select_block_type_2(ctx2, dirty) {
+      if (dirty & /*selected*/
+      64)
+        show_if = null;
+      if (show_if == null)
+        show_if = !!/*getSessionCorrectAnswer*/
+        ctx2[12]().includes(
+          /*selected*/
+          ctx2[6]
+        );
+      if (show_if)
         return 0;
-      if (
-        /*interactionType*/
-        ctx2[3] === INTERACTION_TYPE_TYPEIN
-      )
-        return 1;
-      if (
-        /*interactionType*/
-        ctx2[3] === INTERACTION_TYPE_CATEGORISE
-      )
-        return 2;
-      return 3;
+      return 1;
     }
-    current_block_type_index = select_block_type_1(ctx, -1);
+    current_block_type_index = select_block_type_2(ctx, -1);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
@@ -14661,10 +14929,8 @@
       },
       p(ctx2, dirty) {
         let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type_1(ctx2, dirty);
-        if (current_block_type_index === previous_block_index) {
-          if_blocks[current_block_type_index].p(ctx2, dirty);
-        } else {
+        current_block_type_index = select_block_type_2(ctx2, dirty);
+        if (current_block_type_index !== previous_block_index) {
           group_outros();
           transition_out(if_blocks[previous_block_index], 1, 1, () => {
             if_blocks[previous_block_index] = null;
@@ -14675,7 +14941,6 @@
             if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
             if_block.c();
           } else {
-            if_block.p(ctx2, dirty);
           }
           transition_in(if_block, 1);
           if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -14699,35 +14964,3154 @@
       }
     };
   }
-  function create_if_block11(ctx) {
-    let promptskeleton;
+  function create_else_block_12(ctx) {
+    let span;
+    let errorsolid;
     let current;
-    promptskeleton = new PromptSkeleton_default({});
+    errorsolid = new ErrorSolid_default({});
     return {
       c() {
-        create_component(promptskeleton.$$.fragment);
+        span = element("span");
+        create_component(errorsolid.$$.fragment);
+        attr(span, "class", "text-red-900 mr-2");
       },
       m(target, anchor) {
-        mount_component(promptskeleton, target, anchor);
+        insert(target, span, anchor);
+        mount_component(errorsolid, span, null);
         current = true;
       },
-      p: noop,
       i(local) {
         if (current)
           return;
-        transition_in(promptskeleton.$$.fragment, local);
+        transition_in(errorsolid.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(promptskeleton.$$.fragment, local);
+        transition_out(errorsolid.$$.fragment, local);
         current = false;
       },
       d(detaching) {
-        destroy_component(promptskeleton, detaching);
-      }
-    };
-  }
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(errorsolid);
+      }
+    };
+  }
+  function create_if_block_29(ctx) {
+    let span;
+    let successsolid;
+    let current;
+    successsolid = new SuccessSolid_default({});
+    return {
+      c() {
+        span = element("span");
+        create_component(successsolid.$$.fragment);
+        attr(span, "class", "text-green-900 mr-2");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        mount_component(successsolid, span, null);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(successsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(successsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(successsolid);
+      }
+    };
+  }
   function create_else_block5(ctx) {
+    let span;
+    let smallchevrondown;
+    let current;
+    smallchevrondown = new SmallChevronDown_default({ props: { width: 12, height: 7 } });
+    return {
+      c() {
+        span = element("span");
+        create_component(smallchevrondown.$$.fragment);
+        attr(span, "class", "flex items-center justify-center text-blue-1000");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        mount_component(smallchevrondown, span, null);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(smallchevrondown.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(smallchevrondown.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(smallchevrondown);
+      }
+    };
+  }
+  function create_if_block11(ctx) {
+    let span;
+    let smallchevronup;
+    let current;
+    smallchevronup = new SmallChevronUp_default({ props: { width: 12, height: 7 } });
+    return {
+      c() {
+        span = element("span");
+        create_component(smallchevronup.$$.fragment);
+        attr(span, "class", "flex items-center justify-center text-blue-1000");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        mount_component(smallchevronup, span, null);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(smallchevronup.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(smallchevronup.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(smallchevronup);
+      }
+    };
+  }
+  function create_each_block5(ctx) {
+    let li;
+    let div;
+    let commonstringtohtml;
+    let t0;
+    let span0;
+    let successsolid;
+    let span0_class_value;
+    let t1;
+    let span1;
+    let errorsolid;
+    let span1_class_value;
+    let t2;
+    let li_id_value;
+    let li_aria_selected_value;
+    let li_aria_disabled_value;
+    let current;
+    let mounted;
+    let dispose;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*option*/
+          ctx[28]
+        ),
+        otherClass: "dropdown-itemtext mr-2 \n                            " + /*index*/
+        (ctx[30] === /*activeIndex*/
+        ctx[7] ? "current-option" : "")
+      }
+    });
+    successsolid = new SuccessSolid_default({});
+    errorsolid = new ErrorSolid_default({});
+    function mousedown_handler() {
+      return (
+        /*mousedown_handler*/
+        ctx[20](
+          /*option*/
+          ctx[28],
+          /*index*/
+          ctx[30]
+        )
+      );
+    }
+    return {
+      c() {
+        li = element("li");
+        div = element("div");
+        create_component(commonstringtohtml.$$.fragment);
+        t0 = space();
+        span0 = element("span");
+        create_component(successsolid.$$.fragment);
+        t1 = space();
+        span1 = element("span");
+        create_component(errorsolid.$$.fragment);
+        t2 = space();
+        attr(span0, "class", span0_class_value = "flex items-center " + /*isFinished*/
+        (ctx[1] && /*getSessionCorrectAnswer*/
+        ctx[12]().includes(
+          /*option*/
+          ctx[28]
+        ) ? "text-green-900" : (
+          /*selected*/
+          ctx[6] === /*option*/
+          ctx[28] && !/*isFinished*/
+          ctx[1] ? "text-blue-850" : "hidden"
+        )));
+        attr(span1, "class", span1_class_value = /*isFinished*/
+        ctx[1] && !/*getSessionCorrectAnswer*/
+        ctx[12]().includes(
+          /*option*/
+          ctx[28]
+        ) ? "flex items-center text-red-900" : "hidden");
+        attr(div, "class", "p-0.5 flex justify-between w-full text-base break-words whitespace-normal");
+        attr(li, "id", li_id_value = "combo" + /*idNo*/
+        ctx[8] + "-" + /*index*/
+        ctx[30]);
+        attr(li, "role", "option");
+        attr(li, "aria-selected", li_aria_selected_value = /*index*/
+        ctx[30] === /*activeIndex*/
+        ctx[7]);
+        attr(li, "placeholder", "Select answer");
+        attr(li, "class", "dropdown-item flex align-middle items-center w-full");
+        attr(li, "aria-disabled", li_aria_disabled_value = /*isFinished*/
+        ctx[1] ? true : null);
+      },
+      m(target, anchor) {
+        insert(target, li, anchor);
+        append(li, div);
+        mount_component(commonstringtohtml, div, null);
+        append(div, t0);
+        append(div, span0);
+        mount_component(successsolid, span0, null);
+        append(div, t1);
+        append(div, span1);
+        mount_component(errorsolid, span1, null);
+        append(li, t2);
+        current = true;
+        if (!mounted) {
+          dispose = [
+            listen(li, "mousedown", function() {
+              if (is_function(!/*isFinished*/
+              ctx[1] ? mousedown_handler : (
+                /*closeDropdownMenu*/
+                ctx[10]
+              )))
+                (!/*isFinished*/
+                ctx[1] ? mousedown_handler : (
+                  /*closeDropdownMenu*/
+                  ctx[10]
+                )).apply(this, arguments);
+            }),
+            listen(
+              li,
+              "keydown",
+              /*handleKeydown*/
+              ctx[14]
+            )
+          ];
+          mounted = true;
+        }
+      },
+      p(new_ctx, dirty) {
+        ctx = new_ctx;
+        const commonstringtohtml_changes = {};
+        if (dirty & /*options*/
+        8)
+          commonstringtohtml_changes.htmlString = /*option*/
+          ctx[28];
+        if (dirty & /*activeIndex*/
+        128)
+          commonstringtohtml_changes.otherClass = "dropdown-itemtext mr-2 \n                            " + /*index*/
+          (ctx[30] === /*activeIndex*/
+          ctx[7] ? "current-option" : "");
+        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (!current || dirty & /*isFinished, options, selected*/
+        74 && span0_class_value !== (span0_class_value = "flex items-center " + /*isFinished*/
+        (ctx[1] && /*getSessionCorrectAnswer*/
+        ctx[12]().includes(
+          /*option*/
+          ctx[28]
+        ) ? "text-green-900" : (
+          /*selected*/
+          ctx[6] === /*option*/
+          ctx[28] && !/*isFinished*/
+          ctx[1] ? "text-blue-850" : "hidden"
+        )))) {
+          attr(span0, "class", span0_class_value);
+        }
+        if (!current || dirty & /*isFinished, options*/
+        10 && span1_class_value !== (span1_class_value = /*isFinished*/
+        ctx[1] && !/*getSessionCorrectAnswer*/
+        ctx[12]().includes(
+          /*option*/
+          ctx[28]
+        ) ? "flex items-center text-red-900" : "hidden")) {
+          attr(span1, "class", span1_class_value);
+        }
+        if (!current || dirty & /*activeIndex*/
+        128 && li_aria_selected_value !== (li_aria_selected_value = /*index*/
+        ctx[30] === /*activeIndex*/
+        ctx[7])) {
+          attr(li, "aria-selected", li_aria_selected_value);
+        }
+        if (!current || dirty & /*isFinished*/
+        2 && li_aria_disabled_value !== (li_aria_disabled_value = /*isFinished*/
+        ctx[1] ? true : null)) {
+          attr(li, "aria-disabled", li_aria_disabled_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        transition_in(successsolid.$$.fragment, local);
+        transition_in(errorsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        transition_out(successsolid.$$.fragment, local);
+        transition_out(errorsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(li);
+        }
+        destroy_component(commonstringtohtml);
+        destroy_component(successsolid);
+        destroy_component(errorsolid);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+  function create_fragment28(ctx) {
+    let span1;
+    let div0;
+    let div0_class_value;
+    let t0;
+    let div5;
+    let span0;
+    let span0_id_value;
+    let t1;
+    let div2;
+    let div1;
+    let div2_class_value;
+    let t3;
+    let div4;
+    let commonstringtohtml;
+    let t4;
+    let div3;
+    let t5;
+    let current_block_type_index;
+    let if_block2;
+    let div5_id_value;
+    let div5_aria_controls_value;
+    let div5_aria_expanded_value;
+    let div5_aria_labelledby_value;
+    let div5_aria_activedescendant_value;
+    let t6;
+    let ul;
+    let ul_id_value;
+    let ul_class_value;
+    let ul_aria_labelledby_value;
+    let current;
+    let mounted;
+    let dispose;
+    function select_block_type(ctx2, dirty) {
+      if (
+        /*isFinished*/
+        ctx2[1]
+      )
+        return create_if_block_37;
+      return create_else_block_32;
+    }
+    let current_block_type = select_block_type(ctx, -1);
+    let if_block0 = current_block_type(ctx);
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*selected*/
+          ctx[6]
+        ),
+        otherClass: "truncate mr-2 " + /*selected*/
+        (ctx[6] === "Select Answer" ? "text-gray-860" : "")
+      }
+    });
+    let if_block1 = (
+      /*isFinished*/
+      ctx[1] && /*selected*/
+      ctx[6] !== "Select Answer" && create_if_block_110(ctx)
+    );
+    const if_block_creators = [create_if_block11, create_else_block5];
+    const if_blocks = [];
+    function select_block_type_3(ctx2, dirty) {
+      if (
+        /*openDropdown*/
+        ctx2[0] === /*options*/
+        ctx2[3].id
+      )
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type_3(ctx, -1);
+    if_block2 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    let each_value = ensure_array_like(
+      /*options*/
+      ctx[3].list
+    );
+    let each_blocks = [];
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block5(get_each_context5(ctx, each_value, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
+    });
+    return {
+      c() {
+        span1 = element("span");
+        div0 = element("div");
+        t0 = space();
+        div5 = element("div");
+        span0 = element("span");
+        if_block0.c();
+        t1 = space();
+        div2 = element("div");
+        div1 = element("div");
+        div1.textContent = `${/*idNo*/
+        ctx[8]}`;
+        t3 = space();
+        div4 = element("div");
+        create_component(commonstringtohtml.$$.fragment);
+        t4 = space();
+        div3 = element("div");
+        if (if_block1)
+          if_block1.c();
+        t5 = space();
+        if_block2.c();
+        t6 = space();
+        ul = element("ul");
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        attr(div0, "class", div0_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
+        (ctx[2] ? "" : "hidden"));
+        attr(span0, "id", span0_id_value = "combo-label-" + /*idNo*/
+        ctx[8]);
+        attr(span0, "class", "hidden");
+        attr(span0, "aria-hidden", "true");
+        attr(div1, "class", "font-semibold text-base leading-[19px] text-charcoal px-3 flex items-center");
+        attr(div2, "class", div2_class_value = /*answer*/
+        ctx[4].length > 1 ? "bg-black bg-opacity-5 h-full flex flex-none justify-center items-center" : "hidden");
+        attr(div3, "class", "flex items-center");
+        attr(div4, "class", "px-4 flex flex-1 min-w-0 align-middle truncate items-center justify-between w-full");
+        attr(div5, "id", div5_id_value = "combo-" + /*idNo*/
+        ctx[8]);
+        attr(div5, "role", "combobox");
+        attr(div5, "class", "dropdown-container");
+        attr(div5, "aria-haspopup", "listbox");
+        attr(div5, "aria-controls", div5_aria_controls_value = "listbox-" + /*idNo*/
+        ctx[8]);
+        attr(div5, "aria-expanded", div5_aria_expanded_value = /*openDropdown*/
+        ctx[0] === /*options*/
+        ctx[3].id);
+        attr(div5, "aria-labelledby", div5_aria_labelledby_value = "combo-label-" + /*idNo*/
+        ctx[8]);
+        attr(div5, "aria-activedescendant", div5_aria_activedescendant_value = /*openDropdown*/
+        ctx[0] === /*options*/
+        ctx[3].id ? `combo${/*idNo*/
+        ctx[8]}-${/*activeIndex*/
+        ctx[7]}` : null);
+        attr(div5, "tabindex", "0");
+        toggle_class(
+          div5,
+          "focus-ring-by-dropdown",
+          /*openDropdown*/
+          ctx[0] === /*options*/
+          ctx[3].id
+        );
+        toggle_class(
+          div5,
+          "border-2",
+          /*hasBorder*/
+          ctx[17]
+        );
+        toggle_class(
+          div5,
+          "border-green-900",
+          /*isCorrect*/
+          ctx[15]
+        );
+        toggle_class(
+          div5,
+          "bg-red-50",
+          /*isWrong*/
+          ctx[16]
+        );
+        toggle_class(
+          div5,
+          "border-red-900",
+          /*isWrong*/
+          ctx[16]
+        );
+        toggle_class(
+          div5,
+          "td:border-2",
+          /*openDropdown*/
+          ctx[0] === /*options*/
+          ctx[3].id
+        );
+        toggle_class(
+          div5,
+          "td:border-blue-900",
+          /*openDropdown*/
+          ctx[0] === /*options*/
+          ctx[3].id
+        );
+        attr(ul, "id", ul_id_value = "listbox-" + /*idNo*/
+        ctx[8]);
+        attr(ul, "class", ul_class_value = "dropdown-menu " + /*openDropdown*/
+        (ctx[0] === /*options*/
+        ctx[3].id ? "block" : "hidden"));
+        attr(ul, "role", "listbox");
+        attr(ul, "aria-labelledby", ul_aria_labelledby_value = "combo-label-" + /*idNo*/
+        ctx[8]);
+        attr(ul, "tabindex", "-1");
+        attr(span1, "class", "dropdown inline-block");
+      },
+      m(target, anchor) {
+        insert(target, span1, anchor);
+        append(span1, div0);
+        append(span1, t0);
+        append(span1, div5);
+        append(div5, span0);
+        if_block0.m(span0, null);
+        append(div5, t1);
+        append(div5, div2);
+        append(div2, div1);
+        append(div5, t3);
+        append(div5, div4);
+        mount_component(commonstringtohtml, div4, null);
+        append(div4, t4);
+        append(div4, div3);
+        if (if_block1)
+          if_block1.m(div3, null);
+        append(div3, t5);
+        if_blocks[current_block_type_index].m(div3, null);
+        append(span1, t6);
+        append(span1, ul);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(ul, null);
+          }
+        }
+        ctx[21](ul);
+        current = true;
+        if (!mounted) {
+          dispose = [
+            listen(div5, "click", function() {
+              if (is_function(!/*openDropdown*/
+              ctx[0] ? (
+                /*openDropdownMenu*/
+                ctx[9]
+              ) : (
+                /*closeDropdownMenu*/
+                ctx[10]
+              )))
+                (!/*openDropdown*/
+                ctx[0] ? (
+                  /*openDropdownMenu*/
+                  ctx[9]
+                ) : (
+                  /*closeDropdownMenu*/
+                  ctx[10]
+                )).apply(this, arguments);
+            }),
+            listen(
+              div5,
+              "keydown",
+              /*handleKeydown*/
+              ctx[14]
+            ),
+            listen(
+              div5,
+              "focusout",
+              /*handleFocusOut*/
+              ctx[11]
+            )
+          ];
+          mounted = true;
+        }
+      },
+      p(new_ctx, [dirty]) {
+        ctx = new_ctx;
+        if (!current || dirty & /*isDataSaving*/
+        4 && div0_class_value !== (div0_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
+        (ctx[2] ? "" : "hidden"))) {
+          attr(div0, "class", div0_class_value);
+        }
+        if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block0) {
+          if_block0.p(ctx, dirty);
+        } else {
+          if_block0.d(1);
+          if_block0 = current_block_type(ctx);
+          if (if_block0) {
+            if_block0.c();
+            if_block0.m(span0, null);
+          }
+        }
+        if (!current || dirty & /*answer*/
+        16 && div2_class_value !== (div2_class_value = /*answer*/
+        ctx[4].length > 1 ? "bg-black bg-opacity-5 h-full flex flex-none justify-center items-center" : "hidden")) {
+          attr(div2, "class", div2_class_value);
+        }
+        const commonstringtohtml_changes = {};
+        if (dirty & /*selected*/
+        64)
+          commonstringtohtml_changes.htmlString = /*selected*/
+          ctx[6];
+        if (dirty & /*selected*/
+        64)
+          commonstringtohtml_changes.otherClass = "truncate mr-2 " + /*selected*/
+          (ctx[6] === "Select Answer" ? "text-gray-860" : "");
+        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (
+          /*isFinished*/
+          ctx[1] && /*selected*/
+          ctx[6] !== "Select Answer"
+        ) {
+          if (if_block1) {
+            if_block1.p(ctx, dirty);
+            if (dirty & /*isFinished, selected*/
+            66) {
+              transition_in(if_block1, 1);
+            }
+          } else {
+            if_block1 = create_if_block_110(ctx);
+            if_block1.c();
+            transition_in(if_block1, 1);
+            if_block1.m(div3, t5);
+          }
+        } else if (if_block1) {
+          group_outros();
+          transition_out(if_block1, 1, 1, () => {
+            if_block1 = null;
+          });
+          check_outros();
+        }
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_3(ctx, dirty);
+        if (current_block_type_index !== previous_block_index) {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block2 = if_blocks[current_block_type_index];
+          if (!if_block2) {
+            if_block2 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+            if_block2.c();
+          } else {
+          }
+          transition_in(if_block2, 1);
+          if_block2.m(div3, null);
+        }
+        if (!current || dirty & /*openDropdown, options*/
+        9 && div5_aria_expanded_value !== (div5_aria_expanded_value = /*openDropdown*/
+        ctx[0] === /*options*/
+        ctx[3].id)) {
+          attr(div5, "aria-expanded", div5_aria_expanded_value);
+        }
+        if (!current || dirty & /*openDropdown, options, activeIndex*/
+        137 && div5_aria_activedescendant_value !== (div5_aria_activedescendant_value = /*openDropdown*/
+        ctx[0] === /*options*/
+        ctx[3].id ? `combo${/*idNo*/
+        ctx[8]}-${/*activeIndex*/
+        ctx[7]}` : null)) {
+          attr(div5, "aria-activedescendant", div5_aria_activedescendant_value);
+        }
+        if (!current || dirty & /*openDropdown, options*/
+        9) {
+          toggle_class(
+            div5,
+            "focus-ring-by-dropdown",
+            /*openDropdown*/
+            ctx[0] === /*options*/
+            ctx[3].id
+          );
+        }
+        if (!current || dirty & /*openDropdown, options*/
+        9) {
+          toggle_class(
+            div5,
+            "td:border-2",
+            /*openDropdown*/
+            ctx[0] === /*options*/
+            ctx[3].id
+          );
+        }
+        if (!current || dirty & /*openDropdown, options*/
+        9) {
+          toggle_class(
+            div5,
+            "td:border-blue-900",
+            /*openDropdown*/
+            ctx[0] === /*options*/
+            ctx[3].id
+          );
+        }
+        if (dirty & /*idNo, activeIndex, isFinished, selectOption, options, closeDropdownMenu, handleKeydown, getSessionCorrectAnswer, selected*/
+        30154) {
+          each_value = ensure_array_like(
+            /*options*/
+            ctx[3].list
+          );
+          let i;
+          for (i = 0; i < each_value.length; i += 1) {
+            const child_ctx = get_each_context5(ctx, each_value, i);
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+              transition_in(each_blocks[i], 1);
+            } else {
+              each_blocks[i] = create_each_block5(child_ctx);
+              each_blocks[i].c();
+              transition_in(each_blocks[i], 1);
+              each_blocks[i].m(ul, null);
+            }
+          }
+          group_outros();
+          for (i = each_value.length; i < each_blocks.length; i += 1) {
+            out(i);
+          }
+          check_outros();
+        }
+        if (!current || dirty & /*openDropdown, options*/
+        9 && ul_class_value !== (ul_class_value = "dropdown-menu " + /*openDropdown*/
+        (ctx[0] === /*options*/
+        ctx[3].id ? "block" : "hidden"))) {
+          attr(ul, "class", ul_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        transition_in(if_block1);
+        transition_in(if_block2);
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        transition_out(if_block1);
+        transition_out(if_block2);
+        each_blocks = each_blocks.filter(Boolean);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span1);
+        }
+        if_block0.d();
+        destroy_component(commonstringtohtml);
+        if (if_block1)
+          if_block1.d();
+        if_blocks[current_block_type_index].d();
+        destroy_each(each_blocks, detaching);
+        ctx[21](null);
+        mounted = false;
+        run_all(dispose);
+      }
+    };
+  }
+  var keyPressDelay = 1e3;
+  function instance16($$self, $$props, $$invalidate) {
+    let activeIndex;
+    let lastKeyPressTime;
+    let { metadata } = $$props;
+    let { scoringMetadata } = $$props;
+    let { isFinished = false } = $$props;
+    let { isDataSaving = false } = $$props;
+    let { options } = $$props;
+    let { openDropdown } = $$props;
+    let { answer } = $$props;
+    const answerMatch = answer.find((ans) => ans.id === options.id);
+    let lastKey = "";
+    let dropdownMenuRef = null;
+    const idNo = answer.findIndex((data) => data.id === options.id) + 1;
+    const dispatch = createEventDispatcher();
+    const openDropdownMenu = () => {
+      $$invalidate(0, openDropdown = options.id);
+    };
+    const closeDropdownMenu = () => {
+      $$invalidate(0, openDropdown = null);
+    };
+    const getDropdownAnswerEvent = () => {
+      if (!metadata) {
+        return;
+      }
+      const dropdownAnswerEvents = metadata.interactions.events;
+      return dropdownAnswerEvents[dropdownAnswerEvents.length - 1]?.answer.find((data) => data.id === options.id).choice;
+    };
+    const handleFocusOut = (event) => {
+      const relatedTarget = event.relatedTarget;
+      if (relatedTarget && (relatedTarget.closest(`#combo-${idNo}`) || relatedTarget.closest(`#listbox-${idNo}`))) {
+        return;
+      }
+      closeDropdownMenu();
+    };
+    const getSessionCorrectAnswer = () => {
+      if (!isFinished)
+        return [];
+      const { correctAnswer: sessionCorrectAnswer } = scoringMetadata;
+      const match = sessionCorrectAnswer.find((item) => item.id === options.id);
+      return match ? match.correct_answer_list : [];
+    };
+    let selected = getDropdownAnswerEvent() || "Select Answer";
+    const selectOption = (id, option) => {
+      if (isFinished) {
+        closeDropdownMenu();
+        return;
+      }
+      $$invalidate(6, selected = option);
+      answer.forEach((data) => {
+        if (data.id === id) {
+          data.choice = option;
+        }
+      });
+      dispatch("select", answer);
+      closeDropdownMenu();
+    };
+    const scrollIntoViewIfNeeded = (element2) => {
+      const parent = dropdownMenuRef;
+      if (!parent)
+        return;
+      const parentRect = parent.getBoundingClientRect();
+      const elementRect = element2.getBoundingClientRect();
+      if (elementRect.bottom > parentRect.bottom) {
+        parent.scrollTop += elementRect.bottom - parentRect.bottom;
+      } else if (elementRect.top < parentRect.top) {
+        parent.scrollTop -= parentRect.top - elementRect.top;
+      }
+    };
+    const handleKeydown = (event) => {
+      const { key, altKey, ctrlKey, metaKey } = event;
+      const openKeys = ["ArrowDown", "ArrowUp", "Enter", " "];
+      const isDropdownOpen = openDropdown === options.id;
+      const listLength = options.list.length;
+      const now2 = Date.now();
+      let menuOptions = dropdownMenuRef?.querySelectorAll("li");
+      if (!menuOptions)
+        return;
+      const updateActiveIndex = (newIndex) => {
+        $$invalidate(7, activeIndex = newIndex);
+        scrollIntoViewIfNeeded(menuOptions[activeIndex]);
+      };
+      const handleSelectTyped = () => {
+        const sanitizeOptionsList = options.list.map((item) => useRemoveRichTextHtmlTags(item).toLowerCase());
+        const matchingIndices = sanitizeOptionsList.map((item, index) => ({ item, index })).filter(({ item }) => item.startsWith(key)).map(({ index }) => index);
+        if (matchingIndices.length === 0)
+          return;
+        if (lastKey === key && now2 - lastKeyPressTime < keyPressDelay) {
+          const currentIndex = matchingIndices.indexOf(activeIndex);
+          updateActiveIndex(currentIndex === -1 || currentIndex === matchingIndices.length - 1 ? matchingIndices[0] : matchingIndices[currentIndex + 1]);
+        } else {
+          updateActiveIndex(matchingIndices[0]);
+        }
+        lastKey = key;
+        lastKeyPressTime = now2;
+      };
+      if (!isDropdownOpen && openKeys.includes(key)) {
+        event.preventDefault();
+        openDropdownMenu();
+        return;
+      }
+      const keyHandlers = {
+        Home: () => {
+          if (!isDropdownOpen)
+            openDropdownMenu();
+          updateActiveIndex(0);
+        },
+        End: () => {
+          if (!isDropdownOpen)
+            openDropdownMenu();
+          setTimeout(() => updateActiveIndex(listLength - 1), 50);
+        },
+        ArrowDown: () => {
+          if (!isDropdownOpen)
+            return;
+          if (altKey) {
+            closeDropdownMenu();
+          }
+          updateActiveIndex((activeIndex + 1) % listLength);
+        },
+        ArrowUp: () => {
+          if (!isDropdownOpen)
+            return;
+          updateActiveIndex((activeIndex - 1 + listLength) % listLength);
+        },
+        PageDown: () => {
+          if (!isDropdownOpen)
+            return;
+          updateActiveIndex(Math.min(listLength - 1, activeIndex + 10));
+        },
+        PageUp: () => {
+          if (!isDropdownOpen)
+            return;
+          updateActiveIndex(Math.max(0, activeIndex - 10));
+        },
+        Enter: () => {
+          if (isDropdownOpen) {
+            selectOption(options.id, options.list[activeIndex]);
+          }
+        },
+        " ": () => {
+          if (isDropdownOpen) {
+            selectOption(options.id, options.list[activeIndex]);
+          }
+        },
+        Escape: closeDropdownMenu
+      };
+      if (key in keyHandlers) {
+        event.preventDefault();
+        keyHandlers[key]();
+        return;
+      }
+      if (key === "Backspace" || key === "Clear" || key.length === 1 && key !== " " && !altKey && !ctrlKey && !metaKey) {
+        if (!isDropdownOpen)
+          openDropdownMenu();
+        handleSelectTyped();
+        return;
+      }
+    };
+    const isCorrect = isFinished && getSessionCorrectAnswer().includes(selected) && selected !== "Select Answer";
+    const isWrong = isFinished && !getSessionCorrectAnswer().includes(selected) && selected !== "Select Answer";
+    const hasBorder = isFinished && selected !== "Select Answer";
+    const mousedown_handler = (option, index) => {
+      selectOption(options.id, option);
+      $$invalidate(7, activeIndex = index);
+    };
+    function ul_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        dropdownMenuRef = $$value;
+        $$invalidate(5, dropdownMenuRef);
+      });
+    }
+    $$self.$$set = ($$props2) => {
+      if ("metadata" in $$props2)
+        $$invalidate(18, metadata = $$props2.metadata);
+      if ("scoringMetadata" in $$props2)
+        $$invalidate(19, scoringMetadata = $$props2.scoringMetadata);
+      if ("isFinished" in $$props2)
+        $$invalidate(1, isFinished = $$props2.isFinished);
+      if ("isDataSaving" in $$props2)
+        $$invalidate(2, isDataSaving = $$props2.isDataSaving);
+      if ("options" in $$props2)
+        $$invalidate(3, options = $$props2.options);
+      if ("openDropdown" in $$props2)
+        $$invalidate(0, openDropdown = $$props2.openDropdown);
+      if ("answer" in $$props2)
+        $$invalidate(4, answer = $$props2.answer);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*options*/
+      8) {
+        $:
+          $$invalidate(7, activeIndex = answerMatch ? options.list.indexOf(answerMatch.choice) : 0);
+      }
+    };
+    $:
+      lastKeyPressTime = 0;
+    return [
+      openDropdown,
+      isFinished,
+      isDataSaving,
+      options,
+      answer,
+      dropdownMenuRef,
+      selected,
+      activeIndex,
+      idNo,
+      openDropdownMenu,
+      closeDropdownMenu,
+      handleFocusOut,
+      getSessionCorrectAnswer,
+      selectOption,
+      handleKeydown,
+      isCorrect,
+      isWrong,
+      hasBorder,
+      metadata,
+      scoringMetadata,
+      mousedown_handler,
+      ul_binding
+    ];
+  }
+  var PromptDropdownContainer = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance16, create_fragment28, safe_not_equal, {
+        metadata: 18,
+        scoringMetadata: 19,
+        isFinished: 1,
+        isDataSaving: 2,
+        options: 3,
+        openDropdown: 0,
+        answer: 4
+      });
+    }
+    get metadata() {
+      return this.$$.ctx[18];
+    }
+    set metadata(metadata) {
+      this.$$set({ metadata });
+      flush();
+    }
+    get scoringMetadata() {
+      return this.$$.ctx[19];
+    }
+    set scoringMetadata(scoringMetadata) {
+      this.$$set({ scoringMetadata });
+      flush();
+    }
+    get isFinished() {
+      return this.$$.ctx[1];
+    }
+    set isFinished(isFinished) {
+      this.$$set({ isFinished });
+      flush();
+    }
+    get isDataSaving() {
+      return this.$$.ctx[2];
+    }
+    set isDataSaving(isDataSaving) {
+      this.$$set({ isDataSaving });
+      flush();
+    }
+    get options() {
+      return this.$$.ctx[3];
+    }
+    set options(options) {
+      this.$$set({ options });
+      flush();
+    }
+    get openDropdown() {
+      return this.$$.ctx[0];
+    }
+    set openDropdown(openDropdown) {
+      this.$$set({ openDropdown });
+      flush();
+    }
+    get answer() {
+      return this.$$.ctx[4];
+    }
+    set answer(answer) {
+      this.$$set({ answer });
+      flush();
+    }
+  };
+  customElements.define("prompt-dropdown-container", create_custom_element(PromptDropdownContainer, { "metadata": {}, "scoringMetadata": {}, "isFinished": { "type": "Boolean" }, "isDataSaving": { "type": "Boolean" }, "options": {}, "openDropdown": {}, "answer": {} }, [], [], true));
+  var PromptDropdownContainer_default = PromptDropdownContainer;
+
+  // src/lib/components/prompt/template/PromptResultFeedbackv3.svelte
+  function create_if_block12(ctx) {
+    let div1;
+    let t0;
+    let div0;
+    let t1;
+    let t2;
+    let span;
+    let commonstringtohtml;
+    let div1_role_value;
+    let div1_class_value;
+    let current;
+    let if_block0 = (
+      /*hasIcon*/
+      ctx[2] && create_if_block_38(ctx)
+    );
+    let if_block1 = !/*isFeedbackAlert*/
+    ctx[3] && create_if_block_210(ctx);
+    let if_block2 = (
+      /*resultFeedbackTitle*/
+      ctx[1] && create_if_block_111(ctx)
+    );
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: { htmlString: (
+        /*resultFeedback*/
+        ctx[0]
+      ) }
+    });
+    return {
+      c() {
+        div1 = element("div");
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
+        div0 = element("div");
+        if (if_block1)
+          if_block1.c();
+        t1 = space();
+        if (if_block2)
+          if_block2.c();
+        t2 = space();
+        span = element("span");
+        create_component(commonstringtohtml.$$.fragment);
+        attr(div1, "role", div1_role_value = /*isFeedbackAlert*/
+        ctx[3] ? "alert" : null);
+        attr(div1, "class", div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx[5] ? "border-blue-950 bg-blue-50" : (
+          /*isResultCorrect*/
+          ctx[4] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
+        )));
+      },
+      m(target, anchor) {
+        insert(target, div1, anchor);
+        if (if_block0)
+          if_block0.m(div1, null);
+        append(div1, t0);
+        append(div1, div0);
+        if (if_block1)
+          if_block1.m(div0, null);
+        append(div0, t1);
+        if (if_block2)
+          if_block2.m(div0, null);
+        append(div0, t2);
+        append(div0, span);
+        mount_component(commonstringtohtml, span, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (
+          /*hasIcon*/
+          ctx2[2]
+        ) {
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
+            if (dirty & /*hasIcon*/
+            4) {
+              transition_in(if_block0, 1);
+            }
+          } else {
+            if_block0 = create_if_block_38(ctx2);
+            if_block0.c();
+            transition_in(if_block0, 1);
+            if_block0.m(div1, t0);
+          }
+        } else if (if_block0) {
+          group_outros();
+          transition_out(if_block0, 1, 1, () => {
+            if_block0 = null;
+          });
+          check_outros();
+        }
+        if (!/*isFeedbackAlert*/
+        ctx2[3]) {
+          if (if_block1) {
+          } else {
+            if_block1 = create_if_block_210(ctx2);
+            if_block1.c();
+            if_block1.m(div0, t1);
+          }
+        } else if (if_block1) {
+          if_block1.d(1);
+          if_block1 = null;
+        }
+        if (
+          /*resultFeedbackTitle*/
+          ctx2[1]
+        ) {
+          if (if_block2) {
+            if_block2.p(ctx2, dirty);
+          } else {
+            if_block2 = create_if_block_111(ctx2);
+            if_block2.c();
+            if_block2.m(div0, t2);
+          }
+        } else if (if_block2) {
+          if_block2.d(1);
+          if_block2 = null;
+        }
+        const commonstringtohtml_changes = {};
+        if (dirty & /*resultFeedback*/
+        1)
+          commonstringtohtml_changes.htmlString = /*resultFeedback*/
+          ctx2[0];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+        if (!current || dirty & /*isFeedbackAlert*/
+        8 && div1_role_value !== (div1_role_value = /*isFeedbackAlert*/
+        ctx2[3] ? "alert" : null)) {
+          attr(div1, "role", div1_role_value);
+        }
+        if (!current || dirty & /*isSkipped, isResultCorrect*/
+        48 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx2[5] ? "border-blue-950 bg-blue-50" : (
+          /*isResultCorrect*/
+          ctx2[4] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
+        )))) {
+          attr(div1, "class", div1_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block0);
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block0);
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        if (if_block0)
+          if_block0.d();
+        if (if_block1)
+          if_block1.d();
+        if (if_block2)
+          if_block2.d();
+        destroy_component(commonstringtohtml);
+      }
+    };
+  }
+  function create_if_block_38(ctx) {
+    let span;
+    let infosolid;
+    let span_class_value;
+    let current;
+    infosolid = new InfoSolid_default({});
+    return {
+      c() {
+        span = element("span");
+        create_component(infosolid.$$.fragment);
+        attr(span, "aria-hidden", "true");
+        attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx[5] ? "text-blue-950" : (
+          /*isResultCorrect*/
+          ctx[4] ? "text-green-900" : "text-red-900"
+        )));
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        mount_component(infosolid, span, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty & /*isSkipped, isResultCorrect*/
+        48 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx2[5] ? "text-blue-950" : (
+          /*isResultCorrect*/
+          ctx2[4] ? "text-green-900" : "text-red-900"
+        )))) {
+          attr(span, "class", span_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(infosolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(infosolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+        destroy_component(infosolid);
+      }
+    };
+  }
+  function create_if_block_210(ctx) {
+    let span;
+    return {
+      c() {
+        span = element("span");
+        span.textContent = "Alert. \xA0";
+        attr(span, "class", "sr-only");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
+  function create_if_block_111(ctx) {
+    let span;
+    let t2;
+    return {
+      c() {
+        span = element("span");
+        t2 = text(
+          /*resultFeedbackTitle*/
+          ctx[1]
+        );
+        attr(span, "class", "block mb-1 font-semibold");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*resultFeedbackTitle*/
+        2)
+          set_data(
+            t2,
+            /*resultFeedbackTitle*/
+            ctx2[1]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
+  function create_fragment29(ctx) {
+    let if_block_anchor;
+    let current;
+    let if_block = (
+      /*resultFeedback*/
+      ctx[0] && create_if_block12(ctx)
+    );
+    return {
+      c() {
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, [dirty]) {
+        if (
+          /*resultFeedback*/
+          ctx2[0]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty & /*resultFeedback*/
+            1) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block12(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function instance17($$self, $$props, $$invalidate) {
+    let { hasIcon = false } = $$props;
+    let { isFeedbackAlert = true } = $$props;
+    let { isResultCorrect = true } = $$props;
+    let { isSkipped = false } = $$props;
+    let { resultFeedback = null } = $$props;
+    let { resultFeedbackTitle = null } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("hasIcon" in $$props2)
+        $$invalidate(2, hasIcon = $$props2.hasIcon);
+      if ("isFeedbackAlert" in $$props2)
+        $$invalidate(3, isFeedbackAlert = $$props2.isFeedbackAlert);
+      if ("isResultCorrect" in $$props2)
+        $$invalidate(4, isResultCorrect = $$props2.isResultCorrect);
+      if ("isSkipped" in $$props2)
+        $$invalidate(5, isSkipped = $$props2.isSkipped);
+      if ("resultFeedback" in $$props2)
+        $$invalidate(0, resultFeedback = $$props2.resultFeedback);
+      if ("resultFeedbackTitle" in $$props2)
+        $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
+    };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*isSkipped*/
+      32) {
+        $:
+          if (isSkipped) {
+            $$invalidate(1, resultFeedbackTitle = "No answer was provided");
+            $$invalidate(0, resultFeedback = "It may be that the student struggled with this question or mistakenly skipped this question.");
+          }
+      }
+    };
+    return [
+      resultFeedback,
+      resultFeedbackTitle,
+      hasIcon,
+      isFeedbackAlert,
+      isResultCorrect,
+      isSkipped
+    ];
+  }
+  var PromptResultFeedbackv3 = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance17, create_fragment29, safe_not_equal, {
+        hasIcon: 2,
+        isFeedbackAlert: 3,
+        isResultCorrect: 4,
+        isSkipped: 5,
+        resultFeedback: 0,
+        resultFeedbackTitle: 1
+      });
+    }
+    get hasIcon() {
+      return this.$$.ctx[2];
+    }
+    set hasIcon(hasIcon) {
+      this.$$set({ hasIcon });
+      flush();
+    }
+    get isFeedbackAlert() {
+      return this.$$.ctx[3];
+    }
+    set isFeedbackAlert(isFeedbackAlert) {
+      this.$$set({ isFeedbackAlert });
+      flush();
+    }
+    get isResultCorrect() {
+      return this.$$.ctx[4];
+    }
+    set isResultCorrect(isResultCorrect) {
+      this.$$set({ isResultCorrect });
+      flush();
+    }
+    get isSkipped() {
+      return this.$$.ctx[5];
+    }
+    set isSkipped(isSkipped) {
+      this.$$set({ isSkipped });
+      flush();
+    }
+    get resultFeedback() {
+      return this.$$.ctx[0];
+    }
+    set resultFeedback(resultFeedback) {
+      this.$$set({ resultFeedback });
+      flush();
+    }
+    get resultFeedbackTitle() {
+      return this.$$.ctx[1];
+    }
+    set resultFeedbackTitle(resultFeedbackTitle) {
+      this.$$set({ resultFeedbackTitle });
+      flush();
+    }
+  };
+  customElements.define("prompt-result-feedbackv3", create_custom_element(PromptResultFeedbackv3, { "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "resultFeedback": {}, "resultFeedbackTitle": {} }, [], [], true));
+  var PromptResultFeedbackv3_default = PromptResultFeedbackv3;
+
+  // src/lib/components/prompt/template/PromptResultFeedbackTable.svelte
+  function get_each_context6(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[6] = list[i];
+    child_ctx[8] = i;
+    return child_ctx;
+  }
+  function get_each_context_12(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[9] = list[i];
+    child_ctx[11] = i;
+    return child_ctx;
+  }
+  function create_else_block_23(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*answerResults*/
+          ctx[1][
+            /*itemIndex*/
+            ctx[8]
+          ] ? (
+            /*sessionAnswer*/
+            ctx[3][
+              /*itemIndex*/
+              ctx[8]
+            ]
+          ) : (
+            /*item*/
+            ctx[6][0]
+          )
+        ),
+        otherClass: "overflow-y-visible break-words"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*answerResults, sessionAnswer, correctAnswers*/
+        14)
+          commonstringtohtml_changes.htmlString = /*answerResults*/
+          ctx2[1][
+            /*itemIndex*/
+            ctx2[8]
+          ] ? (
+            /*sessionAnswer*/
+            ctx2[3][
+              /*itemIndex*/
+              ctx2[8]
+            ]
+          ) : (
+            /*item*/
+            ctx2[6][0]
+          );
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block_211(ctx) {
+    let current_block_type_index;
+    let if_block;
+    let if_block_anchor;
+    let current;
+    const if_block_creators = [create_if_block_39, create_else_block_13];
+    const if_blocks = [];
+    function select_block_type_1(ctx2, dirty) {
+      if (
+        /*sessionAnswer*/
+        ctx2[3][
+          /*itemIndex*/
+          ctx2[8]
+        ]
+      )
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type_1(ctx, -1);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+      c() {
+        if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_1(ctx2, dirty);
+        if (current_block_type_index === previous_block_index) {
+          if_blocks[current_block_type_index].p(ctx2, dirty);
+        } else {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block = if_blocks[current_block_type_index];
+          if (!if_block) {
+            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+            if_block.c();
+          } else {
+            if_block.p(ctx2, dirty);
+          }
+          transition_in(if_block, 1);
+          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if_blocks[current_block_type_index].d(detaching);
+      }
+    };
+  }
+  function create_else_block_13(ctx) {
+    let t2;
+    return {
+      c() {
+        t2 = text("No answer provided");
+      },
+      m(target, anchor) {
+        insert(target, t2, anchor);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+        }
+      }
+    };
+  }
+  function create_if_block_39(ctx) {
+    let commonstringtohtml;
+    let current;
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: {
+        htmlString: (
+          /*sessionAnswer*/
+          ctx[3][
+            /*itemIndex*/
+            ctx[8]
+          ]
+        ),
+        otherClass: "overflow-y-visible break-words"
+      }
+    });
+    return {
+      c() {
+        create_component(commonstringtohtml.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(commonstringtohtml, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonstringtohtml_changes = {};
+        if (dirty & /*sessionAnswer*/
+        8)
+          commonstringtohtml_changes.htmlString = /*sessionAnswer*/
+          ctx2[3][
+            /*itemIndex*/
+            ctx2[8]
+          ];
+        commonstringtohtml.$set(commonstringtohtml_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonstringtohtml.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonstringtohtml.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(commonstringtohtml, detaching);
+      }
+    };
+  }
+  function create_if_block13(ctx) {
+    let span1;
+    let span0;
+    let current_block_type_index;
+    let if_block;
+    let span0_class_value;
+    let current;
+    const if_block_creators = [create_if_block_112, create_else_block6];
+    const if_blocks = [];
+    function select_block_type_2(ctx2, dirty) {
+      if (
+        /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ]
+      )
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type_2(ctx, -1);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+      c() {
+        span1 = element("span");
+        span0 = element("span");
+        if_block.c();
+        attr(span0, "class", span0_class_value = /*answerResults*/
+        (ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? "text-green-900" : "text-red-900") + " p-0.5");
+        attr(span1, "class", "w-6 h-6 absolute right-4 top-3 bottom-0 my-auto flex item-center justify-center");
+      },
+      m(target, anchor) {
+        insert(target, span1, anchor);
+        append(span1, span0);
+        if_blocks[current_block_type_index].m(span0, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_2(ctx2, dirty);
+        if (current_block_type_index !== previous_block_index) {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block = if_blocks[current_block_type_index];
+          if (!if_block) {
+            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+            if_block.c();
+          } else {
+          }
+          transition_in(if_block, 1);
+          if_block.m(span0, null);
+        }
+        if (!current || dirty & /*answerResults*/
+        2 && span0_class_value !== (span0_class_value = /*answerResults*/
+        (ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? "text-green-900" : "text-red-900") + " p-0.5")) {
+          attr(span0, "class", span0_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span1);
+        }
+        if_blocks[current_block_type_index].d();
+      }
+    };
+  }
+  function create_else_block6(ctx) {
+    let errorsolid;
+    let current;
+    errorsolid = new ErrorSolid_default({});
+    return {
+      c() {
+        create_component(errorsolid.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(errorsolid, target, anchor);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(errorsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(errorsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(errorsolid, detaching);
+      }
+    };
+  }
+  function create_if_block_112(ctx) {
+    let successsolid;
+    let current;
+    successsolid = new SuccessSolid_default({});
+    return {
+      c() {
+        create_component(successsolid.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(successsolid, target, anchor);
+        current = true;
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(successsolid.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(successsolid.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(successsolid, detaching);
+      }
+    };
+  }
+  function create_each_block_12(ctx) {
+    let div2;
+    let p;
+    let t0_value = useIsEven(
+      /*iterationIndex*/
+      ctx[11]
+    ) ? `Student's` : "Correct";
+    let t0;
+    let t1;
+    let p_class_value;
+    let t2;
+    let div1;
+    let label;
+    let span0;
+    let t3;
+    let span1;
+    let label_for_value;
+    let label_class_value;
+    let t5;
+    let div0;
+    let show_if_1;
+    let current_block_type_index;
+    let if_block0;
+    let div0_aria_label_value;
+    let div0_class_value;
+    let div0_id_value;
+    let div0_tabindex_value;
+    let autosize_action;
+    let t6;
+    let show_if = useIsEven(
+      /*iterationIndex*/
+      ctx[11]
+    );
+    let div1_class_value;
+    let div2_class_value;
+    let current;
+    let mounted;
+    let dispose;
+    const if_block_creators = [create_if_block_211, create_else_block_23];
+    const if_blocks = [];
+    function select_block_type(ctx2, dirty) {
+      if (useIsEven(
+        /*iterationIndex*/
+        ctx2[11]
+      ))
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type(ctx, -1);
+    if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    let if_block1 = show_if && create_if_block13(ctx);
+    return {
+      c() {
+        div2 = element("div");
+        p = element("p");
+        t0 = text(t0_value);
+        t1 = text(" answers:");
+        t2 = space();
+        div1 = element("div");
+        label = element("label");
+        span0 = element("span");
+        t3 = space();
+        span1 = element("span");
+        span1.textContent = `${/*itemIndex*/
+        ctx[8] + 1}`;
+        t5 = space();
+        div0 = element("div");
+        if_block0.c();
+        t6 = space();
+        if (if_block1)
+          if_block1.c();
+        attr(p, "class", p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*itemIndex*/
+        ctx[8] !== 0 ? "hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*itemIndex*/
+        ctx[8] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*itemIndex*/
+        ctx[8] === 0 ? "mt-2 md:mt-0" : (
+          /*itemIndex*/
+          ctx[8] === 0 ? "" : ""
+        )) + " " + (!useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? "hidden md:block" : ""));
+        attr(span0, "class", "absolute inset-0 bg-black opacity-5 rounded-l-lg w-8.5 top-1");
+        attr(span1, "class", "absolute font-semibold text-base leading-[19px] text-charcoal px-3 inline-block top-1/2 -translate-y-1/2");
+        attr(label, "for", label_for_value = `${/*iterationIndex*/
+        ctx[11]}-${/*sessionId*/
+        ctx[0]}-${/*itemIndex*/
+        ctx[8]}`);
+        attr(label, "class", label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
+        (ctx[4] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) ? "hidden md:inline-block" : (
+          /*correctAnswerDataLength*/
+          ctx[4] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx[11]
+          ) ? "" : "hidden"
+        )));
+        attr(div0, "role", "textbox");
+        attr(div0, "aria-label", div0_aria_label_value = `${useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) ? `Student's` : "Correct"} answer${useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? " (Correct)" : useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && !/*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
+        ctx[8] + 1}:`);
+        attr(div0, "class", div0_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        (ctx[4] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) ? "md:pl-13.2" : (
+          /*correctAnswerDataLength*/
+          ctx[4] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx[11]
+          ) ? "pl-13.2" : ""
+        )) + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) ? "!pr-11" : "") + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? "border-2 border-green-900" : useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && !/*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? "border-2 border-red-900 bg-red-50" : ""));
+        attr(div0, "aria-readonly", "true");
+        attr(div0, "id", div0_id_value = `${/*iterationIndex*/
+        ctx[11]}-${/*sessionId*/
+        ctx[0]}-${/*itemIndex*/
+        ctx[8]}`);
+        attr(div0, "tabindex", div0_tabindex_value = !useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? "-1" : "");
+        attr(div1, "class", div1_class_value = "h-fit relative " + (!useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) && /*answerResults*/
+        ctx[1][
+          /*itemIndex*/
+          ctx[8]
+        ] ? "hidden md:block" : ""));
+        attr(div2, "class", div2_class_value = "flex flex-col md:w-1/2 " + (useIsEven(
+          /*iterationIndex*/
+          ctx[11]
+        ) ? "md:pr-4" : "ml-8.5 md:ml-0 md:pl-4"));
+      },
+      m(target, anchor) {
+        insert(target, div2, anchor);
+        append(div2, p);
+        append(p, t0);
+        append(p, t1);
+        append(div2, t2);
+        append(div2, div1);
+        append(div1, label);
+        append(label, span0);
+        append(label, t3);
+        append(label, span1);
+        append(div1, t5);
+        append(div1, div0);
+        if_blocks[current_block_type_index].m(div0, null);
+        append(div1, t6);
+        if (if_block1)
+          if_block1.m(div1, null);
+        current = true;
+        if (!mounted) {
+          dispose = action_destroyer(autosize_action = svelte_autosize_default.call(null, div0));
+          mounted = true;
+        }
+      },
+      p(ctx2, dirty) {
+        if (!current || dirty & /*answerResults*/
+        2 && p_class_value !== (p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*itemIndex*/
+        ctx2[8] !== 0 ? "hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*itemIndex*/
+        ctx2[8] !== 0 ? "mt-2 md:mt-0 md:hidden" : !useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*itemIndex*/
+        ctx2[8] === 0 ? "mt-2 md:mt-0" : (
+          /*itemIndex*/
+          ctx2[8] === 0 ? "" : ""
+        )) + " " + (!useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? "hidden md:block" : ""))) {
+          attr(p, "class", p_class_value);
+        }
+        if (!current || dirty & /*sessionId*/
+        1 && label_for_value !== (label_for_value = `${/*iterationIndex*/
+        ctx2[11]}-${/*sessionId*/
+        ctx2[0]}-${/*itemIndex*/
+        ctx2[8]}`)) {
+          attr(label, "for", label_for_value);
+        }
+        if_block0.p(ctx2, dirty);
+        if (!current || dirty & /*answerResults*/
+        2 && div0_aria_label_value !== (div0_aria_label_value = `${useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) ? `Student's` : "Correct"} answer${useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? " (Correct)" : useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && !/*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
+        ctx2[8] + 1}:`)) {
+          attr(div0, "aria-label", div0_aria_label_value);
+        }
+        if (!current || dirty & /*answerResults*/
+        2 && div0_class_value !== (div0_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        (ctx2[4] > 1 && !useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) ? "md:pl-13.2" : (
+          /*correctAnswerDataLength*/
+          ctx2[4] > 1 && useIsEven(
+            /*iterationIndex*/
+            ctx2[11]
+          ) ? "pl-13.2" : ""
+        )) + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) ? "!pr-11" : "") + " " + (useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? "border-2 border-green-900" : useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && !/*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? "border-2 border-red-900 bg-red-50" : ""))) {
+          attr(div0, "class", div0_class_value);
+        }
+        if (!current || dirty & /*sessionId*/
+        1 && div0_id_value !== (div0_id_value = `${/*iterationIndex*/
+        ctx2[11]}-${/*sessionId*/
+        ctx2[0]}-${/*itemIndex*/
+        ctx2[8]}`)) {
+          attr(div0, "id", div0_id_value);
+        }
+        if (!current || dirty & /*answerResults*/
+        2 && div0_tabindex_value !== (div0_tabindex_value = !useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? "-1" : "")) {
+          attr(div0, "tabindex", div0_tabindex_value);
+        }
+        if (show_if)
+          if_block1.p(ctx2, dirty);
+        if (!current || dirty & /*answerResults*/
+        2 && div1_class_value !== (div1_class_value = "h-fit relative " + (!useIsEven(
+          /*iterationIndex*/
+          ctx2[11]
+        ) && /*answerResults*/
+        ctx2[1][
+          /*itemIndex*/
+          ctx2[8]
+        ] ? "hidden md:block" : ""))) {
+          attr(div1, "class", div1_class_value);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block0);
+        transition_in(if_block1);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block0);
+        transition_out(if_block1);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div2);
+        }
+        if_blocks[current_block_type_index].d();
+        if (if_block1)
+          if_block1.d();
+        mounted = false;
+        dispose();
+      }
+    };
+  }
+  function create_each_block6(ctx) {
+    let div;
+    let t2;
+    let current;
+    let each_value_1 = ensure_array_like(
+      /*inlineIteration*/
+      ctx[5]
+    );
+    let each_blocks = [];
+    for (let i = 0; i < each_value_1.length; i += 1) {
+      each_blocks[i] = create_each_block_12(get_each_context_12(ctx, each_value_1, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
+    });
+    return {
+      c() {
+        div = element("div");
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        t2 = space();
+        attr(div, "class", "flex flex-col md:flex-row");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div, null);
+          }
+        }
+        append(div, t2);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*answerResults, correctAnswerDataLength, sessionId, sessionAnswer, correctAnswers*/
+        31) {
+          each_value_1 = ensure_array_like(
+            /*inlineIteration*/
+            ctx2[5]
+          );
+          let i;
+          for (i = 0; i < each_value_1.length; i += 1) {
+            const child_ctx = get_each_context_12(ctx2, each_value_1, i);
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+              transition_in(each_blocks[i], 1);
+            } else {
+              each_blocks[i] = create_each_block_12(child_ctx);
+              each_blocks[i].c();
+              transition_in(each_blocks[i], 1);
+              each_blocks[i].m(div, t2);
+            }
+          }
+          group_outros();
+          for (i = each_value_1.length; i < each_blocks.length; i += 1) {
+            out(i);
+          }
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        for (let i = 0; i < each_value_1.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+        current = true;
+      },
+      o(local) {
+        each_blocks = each_blocks.filter(Boolean);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        destroy_each(each_blocks, detaching);
+      }
+    };
+  }
+  function create_fragment30(ctx) {
+    let each_1_anchor;
+    let current;
+    let each_value = ensure_array_like(
+      /*correctAnswers*/
+      ctx[2]
+    );
+    let each_blocks = [];
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block6(get_each_context6(ctx, each_value, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
+    });
+    return {
+      c() {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        each_1_anchor = empty();
+      },
+      m(target, anchor) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(target, anchor);
+          }
+        }
+        insert(target, each_1_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, [dirty]) {
+        if (dirty & /*inlineIteration, answerResults, correctAnswerDataLength, sessionId, sessionAnswer, correctAnswers*/
+        63) {
+          each_value = ensure_array_like(
+            /*correctAnswers*/
+            ctx2[2]
+          );
+          let i;
+          for (i = 0; i < each_value.length; i += 1) {
+            const child_ctx = get_each_context6(ctx2, each_value, i);
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+              transition_in(each_blocks[i], 1);
+            } else {
+              each_blocks[i] = create_each_block6(child_ctx);
+              each_blocks[i].c();
+              transition_in(each_blocks[i], 1);
+              each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+            }
+          }
+          group_outros();
+          for (i = each_value.length; i < each_blocks.length; i += 1) {
+            out(i);
+          }
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+        current = true;
+      },
+      o(local) {
+        each_blocks = each_blocks.filter(Boolean);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(each_1_anchor);
+        }
+        destroy_each(each_blocks, detaching);
+      }
+    };
+  }
+  function instance18($$self, $$props, $$invalidate) {
+    let { sessionId } = $$props;
+    let { answerResults = [] } = $$props;
+    let { correctAnswers = [] } = $$props;
+    let { sessionAnswer = [] } = $$props;
+    let correctAnswerDataLength = correctAnswers.length;
+    const inlineIteration = ["student", "correct"];
+    $$self.$$set = ($$props2) => {
+      if ("sessionId" in $$props2)
+        $$invalidate(0, sessionId = $$props2.sessionId);
+      if ("answerResults" in $$props2)
+        $$invalidate(1, answerResults = $$props2.answerResults);
+      if ("correctAnswers" in $$props2)
+        $$invalidate(2, correctAnswers = $$props2.correctAnswers);
+      if ("sessionAnswer" in $$props2)
+        $$invalidate(3, sessionAnswer = $$props2.sessionAnswer);
+    };
+    return [
+      sessionId,
+      answerResults,
+      correctAnswers,
+      sessionAnswer,
+      correctAnswerDataLength,
+      inlineIteration
+    ];
+  }
+  var PromptResultFeedbackTable = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance18, create_fragment30, safe_not_equal, {
+        sessionId: 0,
+        answerResults: 1,
+        correctAnswers: 2,
+        sessionAnswer: 3
+      });
+    }
+    get sessionId() {
+      return this.$$.ctx[0];
+    }
+    set sessionId(sessionId) {
+      this.$$set({ sessionId });
+      flush();
+    }
+    get answerResults() {
+      return this.$$.ctx[1];
+    }
+    set answerResults(answerResults) {
+      this.$$set({ answerResults });
+      flush();
+    }
+    get correctAnswers() {
+      return this.$$.ctx[2];
+    }
+    set correctAnswers(correctAnswers) {
+      this.$$set({ correctAnswers });
+      flush();
+    }
+    get sessionAnswer() {
+      return this.$$.ctx[3];
+    }
+    set sessionAnswer(sessionAnswer) {
+      this.$$set({ sessionAnswer });
+      flush();
+    }
+  };
+  customElements.define("prompt-result-feedback-table", create_custom_element(PromptResultFeedbackTable, { "sessionId": {}, "answerResults": {}, "correctAnswers": {}, "sessionAnswer": {} }, [], [], true));
+  var PromptResultFeedbackTable_default = PromptResultFeedbackTable;
+
+  // src/lib/components/prompt/dropdown/PromptDropdown.svelte
+  function get_each_context7(ctx, list, i) {
+    const child_ctx = ctx.slice();
+    child_ctx[29] = list[i];
+    return child_ctx;
+  }
+  function create_else_block7(ctx) {
+    let span;
+    let html_tag;
+    let raw_value = (
+      /*item*/
+      ctx[29].text + ""
+    );
+    let t2;
+    let span_aria_hidden_value;
+    return {
+      c() {
+        span = element("span");
+        html_tag = new HtmlTag(false);
+        t2 = space();
+        html_tag.a = t2;
+        attr(span, "class", "dropdown-text text-xl font-semibold leading-12 text-blue-1000");
+        attr(span, "aria-hidden", span_aria_hidden_value = false);
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        html_tag.m(raw_value, span);
+        append(span, t2);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
+  function create_if_block_113(ctx) {
+    let promptdropdowncontainer;
+    let updating_openDropdown;
+    let current;
+    function promptdropdowncontainer_openDropdown_binding(value) {
+      ctx[22](value);
+    }
+    let promptdropdowncontainer_props = {
+      sessionData: (
+        /*sessionData*/
+        ctx[0]
+      ),
+      metadata: (
+        /*metadata*/
+        ctx[9]
+      ),
+      scoringMetadata: (
+        /*scoringMetadata*/
+        ctx[10]
+      ),
+      options: (
+        /*item*/
+        ctx[29]
+      ),
+      answer: (
+        /*answer*/
+        ctx[15]
+      ),
+      isDataSaving: (
+        /*isDataSaving*/
+        ctx[5]
+      ),
+      isFinished: (
+        /*isFinished*/
+        ctx[2]
+      ),
+      isPreviewMode: (
+        /*isPreviewMode*/
+        ctx[3]
+      ),
+      isPreviewModeInteractive: (
+        /*isPreviewModeInteractive*/
+        ctx[4]
+      )
+    };
+    if (
+      /*openDropdown*/
+      ctx[6] !== void 0
+    ) {
+      promptdropdowncontainer_props.openDropdown = /*openDropdown*/
+      ctx[6];
+    }
+    promptdropdowncontainer = new PromptDropdownContainer_default({ props: promptdropdowncontainer_props });
+    binding_callbacks.push(() => bind(promptdropdowncontainer, "openDropdown", promptdropdowncontainer_openDropdown_binding));
+    promptdropdowncontainer.$on(
+      "select",
+      /*select_handler*/
+      ctx[23]
+    );
+    return {
+      c() {
+        create_component(promptdropdowncontainer.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptdropdowncontainer, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptdropdowncontainer_changes = {};
+        if (dirty[0] & /*sessionData*/
+        1)
+          promptdropdowncontainer_changes.sessionData = /*sessionData*/
+          ctx2[0];
+        if (dirty[0] & /*isDataSaving*/
+        32)
+          promptdropdowncontainer_changes.isDataSaving = /*isDataSaving*/
+          ctx2[5];
+        if (dirty[0] & /*isFinished*/
+        4)
+          promptdropdowncontainer_changes.isFinished = /*isFinished*/
+          ctx2[2];
+        if (dirty[0] & /*isPreviewMode*/
+        8)
+          promptdropdowncontainer_changes.isPreviewMode = /*isPreviewMode*/
+          ctx2[3];
+        if (dirty[0] & /*isPreviewModeInteractive*/
+        16)
+          promptdropdowncontainer_changes.isPreviewModeInteractive = /*isPreviewModeInteractive*/
+          ctx2[4];
+        if (!updating_openDropdown && dirty[0] & /*openDropdown*/
+        64) {
+          updating_openDropdown = true;
+          promptdropdowncontainer_changes.openDropdown = /*openDropdown*/
+          ctx2[6];
+          add_flush_callback(() => updating_openDropdown = false);
+        }
+        promptdropdowncontainer.$set(promptdropdowncontainer_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptdropdowncontainer.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptdropdowncontainer.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptdropdowncontainer, detaching);
+      }
+    };
+  }
+  function create_each_block7(ctx) {
+    let current_block_type_index;
+    let if_block;
+    let if_block_anchor;
+    let current;
+    const if_block_creators = [create_if_block_113, create_else_block7];
+    const if_blocks = [];
+    function select_block_type(ctx2, dirty) {
+      if (
+        /*item*/
+        ctx2[29].type === "dropdown"
+      )
+        return 0;
+      return 1;
+    }
+    current_block_type_index = select_block_type(ctx, [-1, -1]);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+      c() {
+        if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if_block.p(ctx2, dirty);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if_blocks[current_block_type_index].d(detaching);
+      }
+    };
+  }
+  function create_if_block14(ctx) {
+    let div;
+    let t0;
+    let promptresult;
+    let t1;
+    let promptresultfeedbacktable;
+    let current;
+    promptresult = new PromptResultFeedbackv3_default({
+      props: {
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[17]()
+        ),
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[18]()
+        ),
+        isSkipped: (
+          /*isSkipped*/
+          ctx[16]()
+        ),
+        hasIcon: true
+      }
+    });
+    promptresultfeedbacktable = new PromptResultFeedbackTable_default({
+      props: {
+        answerResults: (
+          /*getDropdownAnswerResult*/
+          ctx[20]()
+        ),
+        correctAnswers: (
+          /*getCorrectAnswers*/
+          ctx[19]()
+        ),
+        sessionId: (
+          /*sessionId*/
+          ctx[1]
+        ),
+        sessionAnswer: (
+          /*getSessionAnswer*/
+          ctx[21]()
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        t0 = space();
+        create_component(promptresult.$$.fragment);
+        t1 = space();
+        create_component(promptresultfeedbacktable.$$.fragment);
+        attr(div, "class", "divider my-6");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        insert(target, t0, anchor);
+        mount_component(promptresult, target, anchor);
+        insert(target, t1, anchor);
+        mount_component(promptresultfeedbacktable, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptresultfeedbacktable_changes = {};
+        if (dirty[0] & /*sessionId*/
+        2)
+          promptresultfeedbacktable_changes.sessionId = /*sessionId*/
+          ctx2[1];
+        promptresultfeedbacktable.$set(promptresultfeedbacktable_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptresult.$$.fragment, local);
+        transition_in(promptresultfeedbacktable.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptresult.$$.fragment, local);
+        transition_out(promptresultfeedbacktable.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+          detach(t0);
+          detach(t1);
+        }
+        destroy_component(promptresult, detaching);
+        destroy_component(promptresultfeedbacktable, detaching);
+      }
+    };
+  }
+  function create_default_slot5(ctx) {
+    let p;
+    let t2;
+    let if_block_anchor;
+    let current;
+    let each_value = ensure_array_like(
+      /*parseText*/
+      ctx[12](
+        /*dropdownText*/
+        ctx[14].prompt
+      )
+    );
+    let each_blocks = [];
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block7(get_each_context7(ctx, each_value, i));
+    }
+    const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+      each_blocks[i] = null;
+    });
+    let if_block = (
+      /*isFinished*/
+      ctx[2] && create_if_block14(ctx)
+    );
+    return {
+      c() {
+        p = element("p");
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+        t2 = space();
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+        attr(p, "class", "mt-6");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(p, null);
+          }
+        }
+        insert(target, t2, anchor);
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if (dirty[0] & /*sessionData, metadata, scoringMetadata, parseText, dropdownText, answer, isDataSaving, isFinished, isPreviewMode, isPreviewModeInteractive, openDropdown, dispatch*/
+        55037) {
+          each_value = ensure_array_like(
+            /*parseText*/
+            ctx2[12](
+              /*dropdownText*/
+              ctx2[14].prompt
+            )
+          );
+          let i;
+          for (i = 0; i < each_value.length; i += 1) {
+            const child_ctx = get_each_context7(ctx2, each_value, i);
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+              transition_in(each_blocks[i], 1);
+            } else {
+              each_blocks[i] = create_each_block7(child_ctx);
+              each_blocks[i].c();
+              transition_in(each_blocks[i], 1);
+              each_blocks[i].m(p, null);
+            }
+          }
+          group_outros();
+          for (i = each_value.length; i < each_blocks.length; i += 1) {
+            out(i);
+          }
+          check_outros();
+        }
+        if (
+          /*isFinished*/
+          ctx2[2]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty[0] & /*isFinished*/
+            4) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block14(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        each_blocks = each_blocks.filter(Boolean);
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+          detach(t2);
+          detach(if_block_anchor);
+        }
+        destroy_each(each_blocks, detaching);
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function create_fragment31(ctx) {
+    let promptbody;
+    let current;
+    promptbody = new PromptBody_default({
+      props: {
+        rubric: (
+          /*rubric*/
+          ctx[8].text
+        ),
+        prompt: (
+          /*prompt*/
+          ctx[13]
+        ),
+        interactionType: INTERACTION_TYPE_DROPDOWN,
+        stimulus: (
+          /*stimulus*/
+          ctx[11]
+        ),
+        hasDivider: false,
+        $$slots: { default: [create_default_slot5] },
+        $$scope: { ctx }
+      }
+    });
+    return {
+      c() {
+        create_component(promptbody.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptbody, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptbody_changes = {};
+        if (dirty[0] & /*sessionId, isFinished, sessionData, isDataSaving, isPreviewMode, isPreviewModeInteractive, openDropdown*/
+        127 | dirty[1] & /*$$scope*/
+        2) {
+          promptbody_changes.$$scope = { dirty, ctx: ctx2 };
+        }
+        promptbody.$set(promptbody_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptbody.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptbody.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptbody, detaching);
+      }
+    };
+  }
+  function instance19($$self, $$props, $$invalidate) {
+    let { sessionData } = $$props;
+    let { sessionId } = $$props;
+    let { isFinished = false } = $$props;
+    let { isPreviewMode = false } = $$props;
+    let { isPreviewModeInteractive = false } = $$props;
+    let { isDataSaving = false } = $$props;
+    const dispatch = createEventDispatcher();
+    const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
+    let openDropdown = null;
+    const parseText = (dropdownText2) => {
+      return dropdownText2.split(/(<eat-contentful:[^>]+>)/g).map((part) => {
+        const match = part.match(/<eat-contentful:([^>]+)>/);
+        if (match) {
+          const found = options.find((item) => item.id === match[1]);
+          const answerList = !isFinished ? found?.list : [...found?.correct_answers || [], ...found?.distractors || []];
+          return found ? {
+            type: "dropdown",
+            id: found.id,
+            list: answerList
+          } : { type: "text", text: part };
+        }
+        return { type: "text", text: part };
+      }).filter((item) => {
+        if (item.type === "dropdown")
+          return true;
+        const strippedText = item.text.replace(/<[^>]*>/g, "").trim();
+        return strippedText !== "";
+      }).map((item) => {
+        if (item.type === "text") {
+          item.text = item.text.replace(/<\/?p[^>]*>/g, "").trim();
+        }
+        return item;
+      });
+    };
+    const { prompt, text: dropdownText, options, feedback } = interaction;
+    const getDropdownAnswerEvent = () => {
+      const dropdownAnswerEvents = metadata.interactions.events;
+      return dropdownAnswerEvents[dropdownAnswerEvents.length - 1]?.answer;
+    };
+    let answer = options.map((data) => {
+      if (metadata) {
+        const sessionChoice = getDropdownAnswerEvent().find((sessionEvent) => sessionEvent.id === data.id).choice;
+        return { id: data.id, choice: sessionChoice };
+      }
+      return { id: data.id, choice: "" };
+    });
+    const getSessionFeedbackData = () => {
+      if (!isFinished)
+        return [];
+      const { answer: sessionAnswer, correctAnswer: sessionCorrectAnswer } = scoringMetadata;
+      return sessionCorrectAnswer.map(({ id, correct_answer_list }) => {
+        const userChoice = sessionAnswer.find((data) => data.id === id)?.choice;
+        return userChoice ? correct_answer_list.includes(userChoice) ? "correct" : "incorrect" : "skipped";
+      });
+    };
+    const isSkipped = () => {
+      if (!isFinished)
+        return;
+      if (!scoringMetadata.hasAnswer)
+        return true;
+      const answerStatus = getSessionFeedbackData();
+      return answerStatus.includes("skipped") && !answerStatus.includes("incorrect");
+    };
+    const isResultCorrect = () => {
+      return getSessionFeedbackData().every((status) => status === "correct");
+    };
+    const resultFeedback = () => {
+      if (!isFinished)
+        return "";
+      const { correct: correctFeedback, incorrect: incorrectFeedback } = feedback;
+      return isResultCorrect() ? correctFeedback : incorrectFeedback;
+    };
+    const getCorrectAnswers = () => {
+      if (isFinished) {
+        return scoringMetadata?.correctAnswer.map((data) => data.correct_answer_list);
+      }
+    };
+    const getDropdownAnswerResult = () => {
+      const correctAnswerList = getCorrectAnswers();
+      if (isFinished) {
+        return scoringMetadata?.answer.map((item, index) => {
+          return correctAnswerList[index].includes(item.choice);
+        });
+      }
+    };
+    const getSessionAnswer = () => {
+      if (isFinished) {
+        return scoringMetadata?.answer.map((item) => item.choice);
+      }
+    };
+    function promptdropdowncontainer_openDropdown_binding(value) {
+      openDropdown = value;
+      $$invalidate(6, openDropdown);
+    }
+    const select_handler = (choice) => {
+      dispatch("saveDropdown", { answer: choice.detail });
+    };
+    $$self.$$set = ($$props2) => {
+      if ("sessionData" in $$props2)
+        $$invalidate(0, sessionData = $$props2.sessionData);
+      if ("sessionId" in $$props2)
+        $$invalidate(1, sessionId = $$props2.sessionId);
+      if ("isFinished" in $$props2)
+        $$invalidate(2, isFinished = $$props2.isFinished);
+      if ("isPreviewMode" in $$props2)
+        $$invalidate(3, isPreviewMode = $$props2.isPreviewMode);
+      if ("isPreviewModeInteractive" in $$props2)
+        $$invalidate(4, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+      if ("isDataSaving" in $$props2)
+        $$invalidate(5, isDataSaving = $$props2.isDataSaving);
+    };
+    return [
+      sessionData,
+      sessionId,
+      isFinished,
+      isPreviewMode,
+      isPreviewModeInteractive,
+      isDataSaving,
+      openDropdown,
+      dispatch,
+      rubric,
+      metadata,
+      scoringMetadata,
+      stimulus,
+      parseText,
+      prompt,
+      dropdownText,
+      answer,
+      isSkipped,
+      isResultCorrect,
+      resultFeedback,
+      getCorrectAnswers,
+      getDropdownAnswerResult,
+      getSessionAnswer,
+      promptdropdowncontainer_openDropdown_binding,
+      select_handler
+    ];
+  }
+  var PromptDropdown = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(
+        this,
+        options,
+        instance19,
+        create_fragment31,
+        safe_not_equal,
+        {
+          sessionData: 0,
+          sessionId: 1,
+          isFinished: 2,
+          isPreviewMode: 3,
+          isPreviewModeInteractive: 4,
+          isDataSaving: 5
+        },
+        null,
+        [-1, -1]
+      );
+    }
+    get sessionData() {
+      return this.$$.ctx[0];
+    }
+    set sessionData(sessionData) {
+      this.$$set({ sessionData });
+      flush();
+    }
+    get sessionId() {
+      return this.$$.ctx[1];
+    }
+    set sessionId(sessionId) {
+      this.$$set({ sessionId });
+      flush();
+    }
+    get isFinished() {
+      return this.$$.ctx[2];
+    }
+    set isFinished(isFinished) {
+      this.$$set({ isFinished });
+      flush();
+    }
+    get isPreviewMode() {
+      return this.$$.ctx[3];
+    }
+    set isPreviewMode(isPreviewMode) {
+      this.$$set({ isPreviewMode });
+      flush();
+    }
+    get isPreviewModeInteractive() {
+      return this.$$.ctx[4];
+    }
+    set isPreviewModeInteractive(isPreviewModeInteractive) {
+      this.$$set({ isPreviewModeInteractive });
+      flush();
+    }
+    get isDataSaving() {
+      return this.$$.ctx[5];
+    }
+    set isDataSaving(isDataSaving) {
+      this.$$set({ isDataSaving });
+      flush();
+    }
+  };
+  customElements.define("prompt-dropdown", create_custom_element(PromptDropdown, { "sessionData": {}, "sessionId": {}, "isFinished": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" }, "isPreviewModeInteractive": { "type": "Boolean" }, "isDataSaving": { "type": "Boolean" } }, [], [], true));
+  var PromptDropdown_default = PromptDropdown;
+
+  // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
+  function create_fragment32(ctx) {
+    let div3;
+    return {
+      c() {
+        div3 = element("div");
+        div3.innerHTML = `<div class="animate-skeleton w-full h-6 mb-2 rounded md:mb-4"></div> <div class="animate-skeleton w-full h-6 mb-12 rounded"></div> <div class="animate-skeleton w-full h-52 rounded"></div>`;
+      },
+      m(target, anchor) {
+        insert(target, div3, anchor);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(div3);
+        }
+      }
+    };
+  }
+  var PromptSkeleton = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, null, create_fragment32, safe_not_equal, {});
+    }
+  };
+  customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
+  var PromptSkeleton_default = PromptSkeleton;
+
+  // src/lib/components/prompt/PromptBuilder.svelte
+  function add_css2(target) {
+    append_styles(target, "svelte-16dxhgg", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;transition-duration:50ms}.focus-ring-by-dropdown,.hover-focus-ring:hover,.raw-focus-ring{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.focus-ring-by-dropdown{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-16dxhgg-pulse{50%{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-16dxhgg-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;line-height:19.2px;margin-bottom:1rem;min-height:52px;padding:0.25rem 0.75rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option{box-sizing:border-box}.btn-mcq-option:active{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected,.btn-mcq-option.selected:active{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-mcq-option.selected:active{background-color:rgb(84 101 251/var(--tw-bg-opacity))}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}}.btn-mcq-option.finished{cursor:default}.btn-mcq-option.finished:active,.btn-mcq-option.finished:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected>span>span>.choice{--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity))}.btn-mcq-option>span>span>.custom-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.25rem;border-width:1px;display:flex;height:1.75rem;justify-content:center;margin-left:1rem;pointer-events:none;width:1.75rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}.btn-mcq-option:active>span>span>.custom-checkbox.preview-only,.btn-mcq-option:hover>span>span>.custom-checkbox.preview-only{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));border-width:1px}}.btn-mcq-option:active>span>span>.custom-checkbox{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity));border-width:0;pointer-events:none}@media(hover: hover) and (pointer: fine){.btn-mcq-option.selected:hover>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(76 91 226/var(--tw-bg-opacity));border-width:0}}.btn-mcq-option.selected:active>span>span>.custom-checkbox{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity));border-width:0}.btn-mcq-option.missing.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px;padding-bottom:0.5rem;padding-top:0.5rem}@media(hover: hover) and (pointer: fine){.btn-mcq-option.correct.interactive:active,.btn-mcq-option.correct.interactive:hover,.btn-mcq-option.incorrect.interactive:active,.btn-mcq-option.incorrect.interactive:hover,.btn-mcq-option.missing.interactive:active,.btn-mcq-option.missing.interactive:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(238 240 255/var(--tw-bg-opacity));border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.btn-mcq-option.selected.correct{background-color:rgb(240 253 244/var(--tw-bg-opacity));border-color:rgb(21 128 61/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct,.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.btn-mcq-option.selected.incorrect{background-color:rgb(253 242 248/var(--tw-bg-opacity));border-color:rgb(190 24 93/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>span>.choice,.btn-mcq-option.selected.incorrect>span>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(55 65 81/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{transition-duration:50ms}}.typein-textbox:focus-visible{outline-color:#212529;outline-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{outline-color:#212529;outline-width:2px}}.typein-textbox:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.inline-typein-container>p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;font-weight:600;line-height:3rem}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.text-stimulus{padding-bottom:1rem;padding-top:1rem}.text-stimulus p{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding-bottom:0.5rem}.text-stimulus ol,.text-stimulus ul{font-size:1rem;line-height:1.5rem;list-style-position:inside;padding-bottom:0.5rem;padding-left:0.5rem}.text-stimulus ol ::marker,.text-stimulus ul ::marker{color:#282c87}.text-stimulus ol::marker,.text-stimulus ul::marker{color:#282c87}.text-stimulus ul{list-style-type:disc}.text-stimulus ol{list-style-type:decimal}.text-stimulus ul li>p{margin-left:-0.5rem}.text-stimulus ol>li>p,.text-stimulus ul>li>p{display:inline;font-size:1rem;line-height:1.5rem;padding-bottom:0;padding-top:0}.text-stimulus div.table-container:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.text-stimulus div.table-container{border-radius:0.5rem;overflow:auto;padding-left:0.125rem;padding-right:0.125rem}.text-stimulus table{--tw-border-spacing-x:0.75rem;--tw-border-spacing-y:0.75rem;--tw-shadow:0 0 0 1px #9ca3af;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);border-radius:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);margin-bottom:1rem;margin-top:0.5rem;overflow-x:auto;width:100%}.text-stimulus table tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(156 163 175/var(--tw-border-opacity))}.text-stimulus table tr:last-child{border-color:transparent}.text-stimulus table td,.text-stimulus table th{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:1px;min-width:140px}.text-stimulus table td:first-child,.text-stimulus table th:first-child{border-style:none}.text-stimulus table td>p,.text-stimulus table th>p{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem;text-align:left}.text-stimulus table th>p{font-weight:400}.prompt p,.text-stimulus table th p{font-weight:600}.prompt p b,.prompt p b i,.prompt p b i u,.prompt p b u,.prompt p b u i,.prompt p i b,.prompt p i b u,.prompt p i u b,.prompt p u b,.prompt p u b i,.prompt p u i b,.text-stimulus table th p b,.text-stimulus table th p b i,.text-stimulus table th p b i u,.text-stimulus table th p b u,.text-stimulus table th p b u i,.text-stimulus table th p i b,.text-stimulus table th p i b u,.text-stimulus table th p i u b,.text-stimulus table th p u b,.text-stimulus table th p u b i,.text-stimulus table th p u i b{font-weight:900}.dropdown-text:not(:last-child),.dropdown:not(:last-child){margin-right:1rem}.dropdown-container{--tw-border-opacity:1;align-items:center;border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;display:flex;height:2.75rem;overflow:hidden;white-space:nowrap;width:15rem}.dropdown-container:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px}.dropdown-container:active,.dropdown-container:focus{box-shadow:0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 6px #fde047}@media(hover: hover) and (pointer: fine){.dropdown-container:hover{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity));border-width:2px;outline-color:#212529;outline-width:2px}}.dropdown-menu{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;margin-top:0.5rem;max-height:400px;max-width:500px;min-width:240px;overflow:auto;overflow-x:hidden;position:absolute;word-break:break-all;z-index:50}.dropdown-item{cursor:pointer;font-size:1rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px;padding:0.5rem 1rem}.dropdown-item:hover>div>.dropdown-itemtext{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(46 47 212/var(--tw-text-opacity));font-weight:600}.dropdown-itemtext{border-bottom-width:1px;border-color:transparent}.dropdown-itemtext.current-option{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity));border-bottom-width:1px;border-color:rgb(0 0 0/var(--tw-border-opacity));color:rgb(0 0 0/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.dropdown-itemtext:active{border-bottom-width:2px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\\[7px\\]{bottom:7px}.left-0{left:0}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1{top:0.25rem}.top-1\\/2{top:50%}.top-12{top:3rem}.top-3{top:0.75rem}.top-3\\.5{top:0.875rem}.top-\\[13px\\]{top:13px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-2{margin-bottom:0.5rem;margin-top:0.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mt-0{margin-top:0}.-mt-0\\.5{margin-top:-0.125rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-8{margin-left:2rem}.ml-8\\.5{margin-left:2.125rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-2{height:0.5rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\\[470px\\]{max-height:470px}.max-h-\\[660px\\]{max-height:660px}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2{width:0.5rem}.w-2\\/4{width:50%}.w-3{width:0.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-8\\.5{width:2.125rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-right-radius:0.5rem}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:0.5rem}.rounded-l-lg,.rounded-t-lg{border-top-left-radius:0.5rem}.rounded-t-lg{border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-gray-850{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-green-900{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-red-900{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.bg-opacity-5{--tw-bg-opacity:0.05}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.py-\\[9px\\]{padding-bottom:9px;padding-top:9px}.\\!pr-11{padding-right:2.75rem !important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-13\\.2{padding-left:3.125rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\\.5{padding-top:0.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[15px\\]{padding-top:15px}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-12{line-height:3rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[19\\.2px\\]{line-height:19.2px}.leading-\\[19px\\]{line-height:19px}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-blue-850{--tw-text-opacity:1;color:rgb(46 47 212/var(--tw-text-opacity))}.text-blue-950{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-gray-860{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-5{opacity:0.05}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring-by:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#212529}.active\\:raw-focus-ring-by:active,.active\\:raw-focus-ring:active{box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:ml-0{margin-left:0}.md\\:mt-0{margin-top:0}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-1\\/2{width:50%}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pl-13\\.2{padding-left:3.125rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:max-w-\\[50\\%\\]{max-width:50%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:border-2{border-width:2px}.td\\:border-blue-900{--tw-border-opacity:1;border-color:rgb(59 64 240/var(--tw-border-opacity))}.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+  }
+  function create_else_block_14(ctx) {
     let invalidbanner;
     let current;
     invalidbanner = new InvalidBanner_default({ props: { bannerLabel } });
@@ -14755,7 +18139,226 @@
       }
     };
   }
-  function create_if_block_45(ctx) {
+  function create_if_block_114(ctx) {
+    let current_block_type_index;
+    let if_block;
+    let if_block_anchor;
+    let current;
+    const if_block_creators = [
+      create_if_block_212,
+      create_if_block_310,
+      create_if_block_46,
+      create_if_block_55,
+      create_else_block8
+    ];
+    const if_blocks = [];
+    function select_block_type_1(ctx2, dirty) {
+      if (
+        /*interactionType*/
+        ctx2[3] === INTERACTION_TYPE_MCQ
+      )
+        return 0;
+      if (
+        /*interactionType*/
+        ctx2[3] === INTERACTION_TYPE_TYPEIN
+      )
+        return 1;
+      if (
+        /*interactionType*/
+        ctx2[3] === INTERACTION_TYPE_CATEGORISE
+      )
+        return 2;
+      if (
+        /*interactionType*/
+        ctx2[3] === INTERACTION_TYPE_DROPDOWN
+      )
+        return 3;
+      return 4;
+    }
+    current_block_type_index = select_block_type_1(ctx, -1);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+      c() {
+        if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if_blocks[current_block_type_index].m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_1(ctx2, dirty);
+        if (current_block_type_index === previous_block_index) {
+          if_blocks[current_block_type_index].p(ctx2, dirty);
+        } else {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block = if_blocks[current_block_type_index];
+          if (!if_block) {
+            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+            if_block.c();
+          } else {
+            if_block.p(ctx2, dirty);
+          }
+          transition_in(if_block, 1);
+          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if_blocks[current_block_type_index].d(detaching);
+      }
+    };
+  }
+  function create_if_block15(ctx) {
+    let promptskeleton;
+    let current;
+    promptskeleton = new PromptSkeleton_default({});
+    return {
+      c() {
+        create_component(promptskeleton.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptskeleton, target, anchor);
+        current = true;
+      },
+      p: noop,
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptskeleton.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptskeleton.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptskeleton, detaching);
+      }
+    };
+  }
+  function create_else_block8(ctx) {
+    let invalidbanner;
+    let current;
+    invalidbanner = new InvalidBanner_default({ props: { bannerLabel } });
+    return {
+      c() {
+        create_component(invalidbanner.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(invalidbanner, target, anchor);
+        current = true;
+      },
+      p: noop,
+      i(local) {
+        if (current)
+          return;
+        transition_in(invalidbanner.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(invalidbanner.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(invalidbanner, detaching);
+      }
+    };
+  }
+  function create_if_block_55(ctx) {
+    let promptdropdown;
+    let current;
+    promptdropdown = new PromptDropdown_default({
+      props: {
+        sessionData: (
+          /*sessionData*/
+          ctx[0]
+        ),
+        isDataSaving: (
+          /*isDataSaving*/
+          ctx[2]
+        ),
+        isFinished: (
+          /*isFinished*/
+          ctx[4]
+        ),
+        isPreviewMode: (
+          /*isPreviewMode*/
+          ctx[9]
+        ),
+        isPreviewModeInteractive: (
+          /*isPreviewModeInteractive*/
+          ctx[8]
+        ),
+        sessionId: (
+          /*sessionId*/
+          ctx[7]
+        )
+      }
+    });
+    promptdropdown.$on(
+      "saveDropdown",
+      /*saveEvent*/
+      ctx[10]
+    );
+    return {
+      c() {
+        create_component(promptdropdown.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptdropdown, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptdropdown_changes = {};
+        if (dirty & /*sessionData*/
+        1)
+          promptdropdown_changes.sessionData = /*sessionData*/
+          ctx2[0];
+        if (dirty & /*isDataSaving*/
+        4)
+          promptdropdown_changes.isDataSaving = /*isDataSaving*/
+          ctx2[2];
+        if (dirty & /*isFinished*/
+        16)
+          promptdropdown_changes.isFinished = /*isFinished*/
+          ctx2[4];
+        promptdropdown.$set(promptdropdown_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptdropdown.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptdropdown.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptdropdown, detaching);
+      }
+    };
+  }
+  function create_if_block_46(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -14826,7 +18429,7 @@
       }
     };
   }
-  function create_if_block_37(ctx) {
+  function create_if_block_310(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -14917,7 +18520,7 @@
       }
     };
   }
-  function create_if_block_29(ctx) {
+  function create_if_block_212(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
@@ -14996,7 +18599,7 @@
       }
     };
   }
-  function create_fragment29(ctx) {
+  function create_fragment33(ctx) {
     let current_block_type_index;
     let if_block;
     let t2;
@@ -15004,7 +18607,7 @@
     let link1;
     let link2;
     let current;
-    const if_block_creators = [create_if_block11, create_if_block_110, create_else_block_12];
+    const if_block_creators = [create_if_block15, create_if_block_114, create_else_block_14];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -15088,7 +18691,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance14($$self, $$props, $$invalidate) {
+  function instance20($$self, $$props, $$invalidate) {
     const { "session-id": sessionId, "preview-mode": previewMode, "item-id": itemId, "preview-contentful": previewContentful } = $$props;
     const previewModeType = ["true", "interactive"];
     const isPreviewModeInteractive = Boolean(previewMode === "interactive" && itemId);
@@ -15174,12 +18777,19 @@
               scoringMetadata = getCategoriseCorrectAnswer(sessionRawData);
               break;
             case INTERACTION_TYPE_TYPEIN:
-            default:
               const { type } = metadata;
               scoringMetadata = {
                 ...scoringMetadata,
                 answer: type === TYPEIN_TYPE_INLINE ? answer : answer[0]
               };
+              break;
+            case INTERACTION_TYPE_DROPDOWN:
+              scoringMetadata = {
+                ...scoringMetadata,
+                answer,
+                correctAnswer: metadata.dropdown_correct_answers
+              };
+              break;
           }
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
           if (score_earned === score_total)
@@ -15208,13 +18818,12 @@
           if (isPreviewModeInteractive) {
             previewMcqCorrectAnswerId = answerIds;
           }
-          return;
+          break;
         case INTERACTION_TYPE_CATEGORISE:
           scoringMetadata = getCategoriseCorrectAnswer(data);
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
-          return;
+          break;
         case INTERACTION_TYPE_TYPEIN:
-        default:
           const { correct_answer: correctAnswer, typein_type: typeinType } = data.interaction;
           scoringMetadata = {
             hasAnswer: true,
@@ -15230,7 +18839,15 @@
               }
             }));
           }
-          return;
+          break;
+        case INTERACTION_TYPE_DROPDOWN:
+          const { options: dropdownOptions } = data.interaction;
+          scoringMetadata = {
+            hasAnswer: true,
+            options: dropdownOptions
+          };
+          $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
+          break;
       }
     };
     const getCategoriseCorrectAnswer = (data) => {
@@ -15344,7 +18961,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance14, create_fragment29, safe_not_equal, {}, add_css2);
+      init(this, options, instance20, create_fragment33, safe_not_equal, {}, add_css2);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));