eat-js-sdk 0.0.13 → 0.0.15

package/dist/eat-prompt-builder.mjs

@@ -562,7 +562,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance7, create_fragment11, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance7, create_fragment10, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -601,7 +601,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment11 ? create_fragment11($$.ctx) : false;
+    $$.fragment = create_fragment10 ? create_fragment10($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1244,285 +1244,51 @@
   customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {} }, ["default"], [], true));
   var PromptBody_default = PromptBody;
 
-  // src/lib/assets/img/messaging/SuccessSolid.svelte
-  function create_fragment2(ctx) {
-    let svg;
-    let path;
-    return {
-      c() {
-        svg = svg_element("svg");
-        path = svg_element("path");
-        attr(path, "fill-rule", "evenodd");
-        attr(path, "clip-rule", "evenodd");
-        attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z");
-        attr(path, "fill", "currentColor");
-        attr(svg, "width", "20");
-        attr(svg, "height", "20");
-        attr(svg, "viewBox", "0 0 20 20");
-        attr(svg, "fill", "none");
-        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-        attr(svg, "role", "img");
-        attr(svg, "aria-label", "Check Icon");
-      },
-      m(target, anchor) {
-        insert(target, svg, anchor);
-        append(svg, path);
-      },
-      p: noop,
-      i: noop,
-      o: noop,
-      d(detaching) {
-        if (detaching) {
-          detach(svg);
-        }
-      }
-    };
-  }
-  var SuccessSolid = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, null, create_fragment2, safe_not_equal, {});
-    }
-  };
-  create_custom_element(SuccessSolid, {}, [], [], true);
-  var SuccessSolid_default = SuccessSolid;
-
-  // src/lib/assets/img/messaging/InfoSolid.svelte
-  function create_fragment3(ctx) {
-    let svg;
-    let path;
-    return {
-      c() {
-        svg = svg_element("svg");
-        path = svg_element("path");
-        attr(path, "fill-rule", "evenodd");
-        attr(path, "clip-rule", "evenodd");
-        attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 9C9.44772 9 9 9.44772 9 10V14.5C9 15.0523 9.44772 15.5 10 15.5C10.5523 15.5 11 15.0523 11 14.5V10C11 9.44772 10.5523 9 10 9ZM10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z");
-        attr(path, "fill", "currentColor");
-        attr(svg, "width", "20");
-        attr(svg, "height", "20");
-        attr(svg, "viewBox", "0 0 20 20");
-        attr(svg, "fill", "none");
-        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-        attr(svg, "role", "img");
-        attr(svg, "aria-label", "Info Icon");
-      },
-      m(target, anchor) {
-        insert(target, svg, anchor);
-        append(svg, path);
-      },
-      p: noop,
-      i: noop,
-      o: noop,
-      d(detaching) {
-        if (detaching) {
-          detach(svg);
-        }
-      }
-    };
-  }
-  var InfoSolid = class extends SvelteComponent {
-    constructor(options) {
-      super();
-      init(this, options, null, create_fragment3, safe_not_equal, {});
-    }
-  };
-  create_custom_element(InfoSolid, {}, [], [], true);
-  var InfoSolid_default = InfoSolid;
-
   // src/lib/components/prompt/template/PromptResultFeedback.svelte
   function create_if_block2(ctx) {
     let div0;
-    let span0;
-    let current_block_type_index;
-    let if_block;
-    let span0_class_value;
     let t0;
-    let span3;
-    let span1;
-    let t1;
-    let t2;
-    let span2;
-    let t3;
     let div0_class_value;
-    let t4;
+    let t1;
     let div1;
-    let current;
-    const if_block_creators = [create_if_block_12, create_else_block];
-    const if_blocks = [];
-    function select_block_type(ctx2, dirty) {
-      if (
-        /*isResultCorrect*/
-        ctx2[2]
-      )
-        return 0;
-      return 1;
-    }
-    current_block_type_index = select_block_type(ctx, -1);
-    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
         div0 = element("div");
-        span0 = element("span");
-        if_block.c();
-        t0 = space();
-        span3 = element("span");
-        span1 = element("span");
-        t1 = text(
-          /*resultFeedbackTitle*/
-          ctx[1]
-        );
-        t2 = space();
-        span2 = element("span");
-        t3 = text(
-          /*resultFeedback*/
-          ctx[0]
+        t0 = text(
+          /*feedback*/
+          ctx[2]
         );
-        t4 = space();
+        t1 = space();
         div1 = element("div");
-        attr(span0, "class", span0_class_value = "mr-2 p-0.5 " + /*isResultCorrect*/
-        (ctx[2] ? "text-green-800" : "text-red-800"));
-        attr(span1, "class", "block mb-1 font-semibold");
-        attr(span3, "class", "text-base");
-        attr(div0, "class", div0_class_value = "flex items-start my-6 p-4 border-l-[6px] text-charcoal " + /*isResultCorrect*/
-        (ctx[2] ? "border-green-800 bg-green-300" : "border-red-800 bg-red-300"));
+        attr(div0, "aria-description", "Answer feedback:");
+        attr(div0, "class", div0_class_value = "my-6 p-4 border-l-[6px] text-charcoal text-base " + /*isResultCorrect*/
+        (ctx[1] ? "border-green-800 bg-green-300" : "border-red-800 bg-red-300"));
         attr(div1, "class", "divider my-6");
       },
       m(target, anchor) {
         insert(target, div0, anchor);
-        append(div0, span0);
-        if_blocks[current_block_type_index].m(span0, null);
         append(div0, t0);
-        append(div0, span3);
-        append(span3, span1);
-        append(span1, t1);
-        append(span3, t2);
-        append(span3, span2);
-        append(span2, t3);
-        insert(target, t4, anchor);
+        insert(target, t1, anchor);
         insert(target, div1, anchor);
-        current = true;
       },
       p(ctx2, dirty) {
-        let previous_block_index = current_block_type_index;
-        current_block_type_index = select_block_type(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 & /*isResultCorrect*/
-        4 && span0_class_value !== (span0_class_value = "mr-2 p-0.5 " + /*isResultCorrect*/
-        (ctx2[2] ? "text-green-800" : "text-red-800"))) {
-          attr(span0, "class", span0_class_value);
-        }
-        if (!current || dirty & /*resultFeedbackTitle*/
-        2)
-          set_data(
-            t1,
-            /*resultFeedbackTitle*/
-            ctx2[1]
-          );
-        if (!current || dirty & /*resultFeedback*/
-        1)
-          set_data(
-            t3,
-            /*resultFeedback*/
-            ctx2[0]
-          );
-        if (!current || dirty & /*isResultCorrect*/
-        4 && div0_class_value !== (div0_class_value = "flex items-start my-6 p-4 border-l-[6px] text-charcoal " + /*isResultCorrect*/
-        (ctx2[2] ? "border-green-800 bg-green-300" : "border-red-800 bg-red-300"))) {
+        if (dirty & /*isResultCorrect*/
+        2 && div0_class_value !== (div0_class_value = "my-6 p-4 border-l-[6px] text-charcoal text-base " + /*isResultCorrect*/
+        (ctx2[1] ? "border-green-800 bg-green-300" : "border-red-800 bg-red-300"))) {
           attr(div0, "class", div0_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(div0);
-          detach(t4);
+          detach(t1);
           detach(div1);
         }
-        if_blocks[current_block_type_index].d();
       }
     };
   }
-  function create_else_block(ctx) {
-    let infosolid;
-    let current;
-    infosolid = new InfoSolid_default({});
-    return {
-      c() {
-        create_component(infosolid.$$.fragment);
-      },
-      m(target, anchor) {
-        mount_component(infosolid, target, anchor);
-        current = true;
-      },
-      i(local) {
-        if (current)
-          return;
-        transition_in(infosolid.$$.fragment, local);
-        current = true;
-      },
-      o(local) {
-        transition_out(infosolid.$$.fragment, local);
-        current = false;
-      },
-      d(detaching) {
-        destroy_component(infosolid, detaching);
-      }
-    };
-  }
-  function create_if_block_12(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_fragment4(ctx) {
+  function create_fragment2(ctx) {
     let if_block_anchor;
-    let current;
     let if_block = (
       /*resultFeedback*/
       ctx[0] && create_if_block2(ctx)
@@ -1537,7 +1303,6 @@
         if (if_block)
           if_block.m(target, anchor);
         insert(target, if_block_anchor, anchor);
-        current = true;
       },
       p(ctx2, [dirty]) {
         if (
@@ -1546,34 +1311,18 @@
         ) {
           if (if_block) {
             if_block.p(ctx2, dirty);
-            if (dirty & /*resultFeedback*/
-            1) {
-              transition_in(if_block, 1);
-            }
           } else {
             if_block = create_if_block2(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();
+          if_block.d(1);
+          if_block = null;
         }
       },
-      i(local) {
-        if (current)
-          return;
-        transition_in(if_block);
-        current = true;
-      },
-      o(local) {
-        transition_out(if_block);
-        current = false;
-      },
+      i: noop,
+      o: noop,
       d(detaching) {
         if (detaching) {
           detach(if_block_anchor);
@@ -1587,23 +1336,24 @@
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
     let { isResultCorrect = true } = $$props;
+    const feedback = `${resultFeedbackTitle} ${resultFeedback}`;
     $$self.$$set = ($$props2) => {
       if ("resultFeedback" in $$props2)
         $$invalidate(0, resultFeedback = $$props2.resultFeedback);
       if ("resultFeedbackTitle" in $$props2)
-        $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
+        $$invalidate(3, resultFeedbackTitle = $$props2.resultFeedbackTitle);
       if ("isResultCorrect" in $$props2)
-        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
+        $$invalidate(1, isResultCorrect = $$props2.isResultCorrect);
     };
-    return [resultFeedback, resultFeedbackTitle, isResultCorrect];
+    return [resultFeedback, isResultCorrect, feedback, resultFeedbackTitle];
   }
   var PromptResultFeedback = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance2, create_fragment4, safe_not_equal, {
+      init(this, options, instance2, create_fragment2, safe_not_equal, {
         resultFeedback: 0,
-        resultFeedbackTitle: 1,
-        isResultCorrect: 2
+        resultFeedbackTitle: 3,
+        isResultCorrect: 1
       });
     }
     get resultFeedback() {
@@ -1614,14 +1364,14 @@
       flush();
     }
     get resultFeedbackTitle() {
-      return this.$$.ctx[1];
+      return this.$$.ctx[3];
     }
     set resultFeedbackTitle(resultFeedbackTitle) {
       this.$$set({ resultFeedbackTitle });
       flush();
     }
     get isResultCorrect() {
-      return this.$$.ctx[2];
+      return this.$$.ctx[1];
     }
     set isResultCorrect(isResultCorrect) {
       this.$$set({ isResultCorrect });
@@ -1665,8 +1415,51 @@
   };
   var useMCQ_default = useAlphabetEquivalent;
 
+  // src/lib/assets/img/messaging/SuccessSolid.svelte
+  function create_fragment3(ctx) {
+    let svg;
+    let path;
+    return {
+      c() {
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr(path, "fill-rule", "evenodd");
+        attr(path, "clip-rule", "evenodd");
+        attr(path, "d", "M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM14.7284 6.79289C14.3378 6.40237 13.7047 6.40237 13.3141 6.79289L8.02125 12.0858L6.20711 10.2716C5.81658 9.88112 5.18342 9.88112 4.79289 10.2716C4.40237 10.6622 4.40237 11.2953 4.79289 11.6859L7.31414 14.2071C7.70467 14.5976 8.33783 14.5976 8.72836 14.2071L14.7284 8.20711C15.1189 7.81658 15.1189 7.18342 14.7284 6.79289Z");
+        attr(path, "fill", "currentColor");
+        attr(svg, "width", "20");
+        attr(svg, "height", "20");
+        attr(svg, "viewBox", "0 0 20 20");
+        attr(svg, "fill", "none");
+        attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr(svg, "role", "img");
+        attr(svg, "aria-label", "Check Icon");
+      },
+      m(target, anchor) {
+        insert(target, svg, anchor);
+        append(svg, path);
+      },
+      p: noop,
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(svg);
+        }
+      }
+    };
+  }
+  var SuccessSolid = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, null, create_fragment3, safe_not_equal, {});
+    }
+  };
+  create_custom_element(SuccessSolid, {}, [], [], true);
+  var SuccessSolid_default = SuccessSolid;
+
   // src/lib/assets/img/messaging/ErrorSolid.svelte
-  function create_fragment5(ctx) {
+  function create_fragment4(ctx) {
     let svg;
     let path;
     return {
@@ -1702,7 +1495,7 @@
   var ErrorSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment5, safe_not_equal, {});
+      init(this, options, null, create_fragment4, safe_not_equal, {});
     }
   };
   create_custom_element(ErrorSolid, {}, [], [], true);
@@ -1711,12 +1504,12 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[15] = list[i][0];
-    child_ctx[16] = list[i][1];
-    child_ctx[18] = i;
+    child_ctx[16] = list[i][0];
+    child_ctx[17] = list[i][1];
+    child_ctx[19] = i;
     return child_ctx;
   }
-  function create_if_block_13(ctx) {
+  function create_if_block_12(ctx) {
     let div1;
     let div0;
     let div0_class_value;
@@ -1724,7 +1517,7 @@
     let current;
     let each_value = ensure_array_like(Object.entries(
       /*options*/
-      ctx[7]
+      ctx[8]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -1762,11 +1555,11 @@
         ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
           attr(div0, "class", div0_class_value);
         }
-        if (dirty & /*selectedOption, Object, options, isFinished, isResultCorrect, handleOptionClick*/
-        398) {
+        if (dirty & /*selectedOption, Object, options, isFinished, isResultCorrect, resultFeedback, resultFeedbackTitle, handleOptionClick*/
+        830) {
           each_value = ensure_array_like(Object.entries(
             /*options*/
-            ctx2[7]
+            ctx2[8]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -1811,13 +1604,31 @@
       }
     };
   }
+  function create_if_block_4(ctx) {
+    let p;
+    return {
+      c() {
+        p = element("p");
+        p.textContent = "Your answer:";
+        attr(p, "class", "text-blue-1000 text-sm mb-2");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
   function create_if_block_2(ctx) {
     let span;
     let current_block_type_index;
     let if_block;
     let span_class_value;
     let current;
-    const if_block_creators = [create_if_block_3, create_else_block2];
+    const if_block_creators = [create_if_block_3, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -1883,7 +1694,7 @@
       }
     };
   }
-  function create_else_block2(ctx) {
+  function create_else_block(ctx) {
     let errorsolid;
     let current;
     errorsolid = new ErrorSolid_default({});
@@ -1938,86 +1749,107 @@
     };
   }
   function create_each_block(ctx) {
+    let t0;
     let button;
     let span1;
     let span0;
-    let t1;
-    let t2_value = (
+    let t2;
+    let t3_value = (
       /*option*/
-      ctx[16].answer + ""
+      ctx[17].answer + ""
     );
-    let t2;
     let t3;
     let t4;
+    let t5;
     let button_aria_label_value;
+    let button_aria_roledescription_value;
     let button_class_value;
     let current;
     let mounted;
     let dispose;
-    let if_block = (
+    let if_block0 = (
+      /*isFinished*/
+      ctx[1] && /*selectedOption*/
+      ctx[3] === /*option*/
+      ctx[17].id && create_if_block_4(ctx)
+    );
+    let if_block1 = (
       /*selectedOption*/
       ctx[3] === /*option*/
-      ctx[16].id && /*isFinished*/
+      ctx[17].id && /*isFinished*/
       ctx[1] && create_if_block_2(ctx)
     );
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[10](
+        ctx[11](
           /*option*/
-          ctx[16]
+          ctx[17]
         )
       );
     }
     return {
       c() {
+        if (if_block0)
+          if_block0.c();
+        t0 = space();
         button = element("button");
         span1 = element("span");
         span0 = element("span");
         span0.textContent = `${useMCQ_default(
           /*index*/
-          ctx[18]
+          ctx[19]
         )}`;
-        t1 = space();
-        t2 = text(t2_value);
-        t3 = space();
-        if (if_block)
-          if_block.c();
+        t2 = space();
+        t3 = text(t3_value);
         t4 = space();
+        if (if_block1)
+          if_block1.c();
+        t5 = space();
         attr(span0, "class", "choice group-active:border-2 group-active:border-blue-1000 group-active:p-[7px]");
         attr(span1, "class", "grow flex items-center");
         attr(button, "aria-label", button_aria_label_value = `${/*selectedOption*/
         ctx[3] === /*option*/
-        ctx[16].id ? `Selected option ${useMCQ_default(
+        ctx[17].id ? `Selected option ${useMCQ_default(
           /*index*/
-          ctx[18]
+          ctx[19]
         )} ${!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
-          ctx[2] ? "is correct" : "is incorrect"
+          ctx[2] ? "(correct)" : "(incorrect)"
         )}` : `Option ${useMCQ_default(
           /*index*/
-          ctx[18]
+          ctx[19]
         )}`}: ${/*option*/
-        ctx[16].answer}`);
+        ctx[17].answer}`);
+        attr(button, "aria-roledescription", button_aria_roledescription_value = /*isFinished*/
+        ctx[1] && /*resultFeedback*/
+        ctx[5] && /*selectedOption*/
+        ctx[3] === /*option*/
+        ctx[17].id ? `${/*resultFeedbackTitle*/
+        ctx[4]} ${/*resultFeedback*/
+        ctx[5]}` : "");
         attr(button, "class", button_class_value = "btn-mcq-option group text-left " + /*selectedOption*/
         (ctx[3] === /*option*/
-        ctx[16].id ? "selected" : "") + " " + (!/*isFinished*/
+        ctx[17].id ? "selected" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "correct" : "incorrect"
         )));
       },
       m(target, anchor) {
+        if (if_block0)
+          if_block0.m(target, anchor);
+        insert(target, t0, anchor);
         insert(target, button, anchor);
         append(button, span1);
         append(span1, span0);
-        append(span1, t1);
         append(span1, t2);
-        append(button, t3);
-        if (if_block)
-          if_block.m(button, null);
+        append(span1, t3);
         append(button, t4);
+        if (if_block1)
+          if_block1.m(button, null);
+        append(button, t5);
         current = true;
         if (!mounted) {
           dispose = listen(button, "click", click_handler);
@@ -2026,52 +1858,78 @@
       },
       p(new_ctx, dirty) {
         ctx = new_ctx;
+        if (
+          /*isFinished*/
+          ctx[1] && /*selectedOption*/
+          ctx[3] === /*option*/
+          ctx[17].id
+        ) {
+          if (if_block0) {
+          } else {
+            if_block0 = create_if_block_4(ctx);
+            if_block0.c();
+            if_block0.m(t0.parentNode, t0);
+          }
+        } else if (if_block0) {
+          if_block0.d(1);
+          if_block0 = null;
+        }
         if (
           /*selectedOption*/
           ctx[3] === /*option*/
-          ctx[16].id && /*isFinished*/
+          ctx[17].id && /*isFinished*/
           ctx[1]
         ) {
-          if (if_block) {
-            if_block.p(ctx, dirty);
+          if (if_block1) {
+            if_block1.p(ctx, dirty);
             if (dirty & /*selectedOption, isFinished*/
             10) {
-              transition_in(if_block, 1);
+              transition_in(if_block1, 1);
             }
           } else {
-            if_block = create_if_block_2(ctx);
-            if_block.c();
-            transition_in(if_block, 1);
-            if_block.m(button, t4);
+            if_block1 = create_if_block_2(ctx);
+            if_block1.c();
+            transition_in(if_block1, 1);
+            if_block1.m(button, t5);
           }
-        } else if (if_block) {
+        } else if (if_block1) {
           group_outros();
-          transition_out(if_block, 1, 1, () => {
-            if_block = null;
+          transition_out(if_block1, 1, 1, () => {
+            if_block1 = null;
           });
           check_outros();
         }
         if (!current || dirty & /*selectedOption, isFinished, isResultCorrect*/
         14 && button_aria_label_value !== (button_aria_label_value = `${/*selectedOption*/
         ctx[3] === /*option*/
-        ctx[16].id ? `Selected option ${useMCQ_default(
+        ctx[17].id ? `Selected option ${useMCQ_default(
           /*index*/
-          ctx[18]
+          ctx[19]
         )} ${!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
-          ctx[2] ? "is correct" : "is incorrect"
+          ctx[2] ? "(correct)" : "(incorrect)"
         )}` : `Option ${useMCQ_default(
           /*index*/
-          ctx[18]
+          ctx[19]
         )}`}: ${/*option*/
-        ctx[16].answer}`)) {
+        ctx[17].answer}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
+        if (!current || dirty & /*isFinished, resultFeedback, selectedOption, resultFeedbackTitle*/
+        58 && button_aria_roledescription_value !== (button_aria_roledescription_value = /*isFinished*/
+        ctx[1] && /*resultFeedback*/
+        ctx[5] && /*selectedOption*/
+        ctx[3] === /*option*/
+        ctx[17].id ? `${/*resultFeedbackTitle*/
+        ctx[4]} ${/*resultFeedback*/
+        ctx[5]}` : "")) {
+          attr(button, "aria-roledescription", button_aria_roledescription_value);
+        }
         if (!current || dirty & /*selectedOption, isFinished, isResultCorrect*/
         14 && button_class_value !== (button_class_value = "btn-mcq-option group text-left " + /*selectedOption*/
         (ctx[3] === /*option*/
-        ctx[16].id ? "selected" : "") + " " + (!/*isFinished*/
+        ctx[17].id ? "selected" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "correct" : "incorrect"
@@ -2082,19 +1940,22 @@
       i(local) {
         if (current)
           return;
-        transition_in(if_block);
+        transition_in(if_block1);
         current = true;
       },
       o(local) {
-        transition_out(if_block);
+        transition_out(if_block1);
         current = false;
       },
       d(detaching) {
         if (detaching) {
+          detach(t0);
           detach(button);
         }
-        if (if_block)
-          if_block.d();
+        if (if_block0)
+          if_block0.d(detaching);
+        if (if_block1)
+          if_block1.d();
         mounted = false;
         dispose();
       }
@@ -2105,7 +1966,7 @@
     let current;
     let if_block = (
       /*options*/
-      ctx[7] && create_if_block_13(ctx)
+      ctx[8] && create_if_block_12(ctx)
     );
     return {
       c() {
@@ -2122,7 +1983,7 @@
       p(ctx2, dirty) {
         if (
           /*options*/
-          ctx2[7]
+          ctx2[8]
         )
           if_block.p(ctx2, dirty);
       },
@@ -2155,12 +2016,12 @@
           ctx[2]
         ),
         resultFeedbackTitle: (
-          /*isResultCorrect*/
-          ctx[2] ? "Well done!" : "Nice try!"
+          /*resultFeedbackTitle*/
+          ctx[4]
         ),
         resultFeedback: (
           /*resultFeedback*/
-          ctx[4]
+          ctx[5]
         )
       }
     });
@@ -2178,14 +2039,14 @@
         4)
           promptresult_changes.isResultCorrect = /*isResultCorrect*/
           ctx2[2];
-        if (dirty & /*isResultCorrect*/
-        4)
-          promptresult_changes.resultFeedbackTitle = /*isResultCorrect*/
-          ctx2[2] ? "Well done!" : "Nice try!";
-        if (dirty & /*resultFeedback*/
+        if (dirty & /*resultFeedbackTitle*/
         16)
-          promptresult_changes.resultFeedback = /*resultFeedback*/
+          promptresult_changes.resultFeedbackTitle = /*resultFeedbackTitle*/
           ctx2[4];
+        if (dirty & /*resultFeedback*/
+        32)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[5];
         promptresult.$set(promptresult_changes);
       },
       i(local) {
@@ -2203,7 +2064,7 @@
       }
     };
   }
-  function create_fragment6(ctx) {
+  function create_fragment5(ctx) {
     let promptbody;
     let t2;
     let if_block_anchor;
@@ -2212,11 +2073,11 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[5].text
+          ctx[6].text
         ),
         prompt: (
           /*prompt*/
-          ctx[6]
+          ctx[7]
         ),
         $$slots: { default: [create_default_slot] },
         $$scope: { ctx }
@@ -2244,8 +2105,8 @@
       },
       p(ctx2, [dirty]) {
         const promptbody_changes = {};
-        if (dirty & /*$$scope, selectedOption, isFinished, isResultCorrect, isDataSaving*/
-        524303) {
+        if (dirty & /*$$scope, selectedOption, isFinished, isResultCorrect, resultFeedback, resultFeedbackTitle, isDataSaving*/
+        1048639) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -2304,6 +2165,7 @@
     const { rubric, interaction, metadata, scoringMetadata } = sessionData;
     const { prompt, options } = interaction;
     let selectedOption = null;
+    let resultFeedbackTitle = null;
     let resultFeedback = null;
     const dispatch = createEventDispatcher();
     if (metadata) {
@@ -2315,6 +2177,7 @@
     if (isFinished) {
       if (options && selectedOption) {
         const feedbackData = Object.values(options).filter((option) => option.id === selectedOption);
+        resultFeedbackTitle = isResultCorrect ? "Well done!" : "Nice try!";
         resultFeedback = feedbackData[0].feedback || resultFeedback;
       }
       const { answerId, hasAnswer } = scoringMetadata;
@@ -2332,7 +2195,7 @@
     const click_handler = (option) => handleOptionClick(option.id, option.answer);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(9, sessionData = $$props2.sessionData);
+        $$invalidate(10, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -2345,6 +2208,7 @@
       isFinished,
       isResultCorrect,
       selectedOption,
+      resultFeedbackTitle,
       resultFeedback,
       rubric,
       prompt,
@@ -2357,15 +2221,15 @@
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance3, create_fragment6, safe_not_equal, {
-        sessionData: 9,
+      init(this, options, instance3, create_fragment5, safe_not_equal, {
+        sessionData: 10,
         isDataSaving: 0,
         isFinished: 1,
         isResultCorrect: 2
       });
     }
     get sessionData() {
-      return this.$$.ctx[9];
+      return this.$$.ctx[10];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -2490,7 +2354,7 @@
         attr(textarea, "class", textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
-          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
         )));
         textarea.disabled = /*isDataSaving*/
         ctx[0];
@@ -2554,7 +2418,7 @@
         6 && textarea_class_value !== (textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
         ctx2[1] ? "" : (
           /*isResultCorrect*/
-          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
         )))) {
           attr(textarea, "class", textarea_class_value);
         }
@@ -2601,7 +2465,7 @@
         attr(input, "class", input_class_value = "typein-textbox " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
-          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
         )));
         input.disabled = /*isDataSaving*/
         ctx[0];
@@ -2645,7 +2509,7 @@
         6 && input_class_value !== (input_class_value = "typein-textbox " + (!/*isFinished*/
         ctx2[1] ? "" : (
           /*isResultCorrect*/
-          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800 bg-red-300"
         )))) {
           attr(input, "class", input_class_value);
         }
@@ -2720,14 +2584,14 @@
     let span1;
     let t1_value = (
       /*isResultCorrect*/
-      ctx[2] ? "[Generic \u201Ccorrect\u201D message]" : "[Generic \u201Cincorrect\u201D message]"
+      ctx[2] ? "Correct" : "Incorrect"
     );
     let t1;
     let div_class_value;
     let t2;
     let promptresult;
     let current;
-    const if_block_creators = [create_if_block_14, create_else_block3];
+    const if_block_creators = [create_if_block_13, create_else_block2];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -2804,7 +2668,7 @@
         }
         if ((!current || dirty & /*isResultCorrect*/
         4) && t1_value !== (t1_value = /*isResultCorrect*/
-        ctx2[2] ? "[Generic \u201Ccorrect\u201D message]" : "[Generic \u201Cincorrect\u201D message]"))
+        ctx2[2] ? "Correct" : "Incorrect"))
           set_data(t1, t1_value);
         const promptresult_changes = {};
         if (dirty & /*isResultCorrect*/
@@ -2839,7 +2703,7 @@
       }
     };
   }
-  function create_else_block3(ctx) {
+  function create_else_block2(ctx) {
     let errorsolid;
     let current;
     errorsolid = new ErrorSolid_default({});
@@ -2866,7 +2730,7 @@
       }
     };
   }
-  function create_if_block_14(ctx) {
+  function create_if_block_13(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -2893,7 +2757,7 @@
       }
     };
   }
-  function create_fragment7(ctx) {
+  function create_fragment6(ctx) {
     let promptbody;
     let t2;
     let if_block_anchor;
@@ -3078,7 +2942,7 @@
   var PromptTypeIn = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance4, create_fragment7, safe_not_equal, {
+      init(this, options, instance4, create_fragment6, safe_not_equal, {
         sessionData: 11,
         isDataSaving: 0,
         isFinished: 1,
@@ -3118,7 +2982,7 @@
   var PromptTypeIn_default = PromptTypeIn;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment8(ctx) {
+  function create_fragment7(ctx) {
     let div3;
     return {
       c() {
@@ -3141,14 +3005,14 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment8, safe_not_equal, {});
+      init(this, options, null, create_fragment7, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
   var PromptSkeleton_default = PromptSkeleton;
 
   // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment9(ctx) {
+  function create_fragment8(ctx) {
     let p;
     let t2;
     return {
@@ -3193,7 +3057,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment9, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance5, create_fragment8, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -3208,7 +3072,7 @@
 
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    append_styles(target, "svelte-14zs2vw", '*,: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}.item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(107 121 121/var(--tw-border-opacity))}@keyframes svelte-14zs2vw-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-14zs2vw-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(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}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/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;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>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(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/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;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;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-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}.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(93 99 107/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(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset: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{--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:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mr-2{margin-right:0.5rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-2{margin-top:0.5rem}.block{display:block}.flex{display:flex}.h-52{height:13rem}.h-6{height:1.5rem}.w-full{width:100%}.grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.border-2{border-width:2px}.border-l-\\[6px\\]{border-left-width:6px}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/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))}.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-transparent{background-color:transparent}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-2{padding:0.5rem}.p-4{padding:1rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.font-semibold{font-weight:600}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.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)}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:mb-4{margin-bottom:1rem}}');
+    append_styles(target, "svelte-182yxcp", '*,: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}.item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(107 121 121/var(--tw-border-opacity))}@keyframes svelte-182yxcp-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-182yxcp-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(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}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/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;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>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(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/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;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;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-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}.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(93 99 107/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(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset: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{--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:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mr-2{margin-right:0.5rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.h-52{height:13rem}.h-6{height:1.5rem}.w-full{width:100%}.grow{flex-grow:1}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.border-2{border-width:2px}.border-l-\\[6px\\]{border-left-width:6px}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/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))}.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-transparent{background-color:transparent}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-2{padding:0.5rem}.p-4{padding:1rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-blue-1000{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.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)}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:mb-4{margin-bottom:1rem}}');
   }
   function create_else_block_12(ctx) {
     let invalidbanner;
@@ -3238,12 +3102,12 @@
       }
     };
   }
-  function create_if_block_15(ctx) {
+  function create_if_block_14(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_23, create_if_block_32, create_else_block4];
+    const if_block_creators = [create_if_block_23, create_if_block_32, create_else_block3];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -3338,7 +3202,7 @@
       }
     };
   }
-  function create_else_block4(ctx) {
+  function create_else_block3(ctx) {
     let invalidbanner;
     let current;
     invalidbanner = new InvalidBanner_default({ props: { bannerLabel } });
@@ -3508,12 +3372,12 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment9(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block5, create_if_block_15, create_else_block_12];
+    const if_block_creators = [create_if_block5, create_if_block_14, create_else_block_12];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -3719,7 +3583,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance6, create_fragment10, safe_not_equal, {}, add_css);
+      init(this, options, instance6, create_fragment9, safe_not_equal, {}, add_css);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "eat-js-sdk",
-	"version": "0.0.13",
+	"version": "0.0.15",
 	"description": "Authoring tool frontend SDK",
 	"contributors": [
 		{