eat-js-sdk 0.0.47 → 0.0.48

package/dist/eat-prompt-builder.mjs

@@ -5337,7 +5337,8 @@
     currentTabContainer: "",
     lastSelectedTabContainer: "",
     selectedItemName: "",
-    previewResultSr: ""
+    previewResultSr: "",
+    isItemsAriaHidden: false
   });
 
   // src/lib/assets/img/product/GripVertical.svelte
@@ -5612,13 +5613,13 @@
       if (
         /*resultType*/
         ctx2[1] === ANSWER_CORRECT && !/*isWordItemSelected*/
-        ctx2[9]
+        ctx2[10]
       )
         return 0;
       if (
         /*resultType*/
         ctx2[1] === ANSWER_INCORRECT && !/*isWordItemSelected*/
-        ctx2[9]
+        ctx2[10]
       )
         return 1;
       if (
@@ -5653,14 +5654,14 @@
         if (if_block1)
           if_block1.c();
         attr(span0, "class", span0_class_value = "text-charcoal text-base pl-3 mr-4 " + /*isWordItemSelected*/
-        (ctx[9] ? "text-white" : ""));
+        (ctx[10] ? "text-white" : ""));
         attr(span1, "class", span1_class_value = "w-full h-full relative rounded-lg " + (!/*currentSelectedItemId*/
-        ctx[8] && !/*disabledClick*/
-        ctx[5] ? "td:group-hover:bg-black td:group-hover:opacity-5" : ""));
+        ctx[9] && !/*disabledClick*/
+        ctx[6] ? "td:group-hover:bg-black td:group-hover:opacity-5" : ""));
         attr(span2, "class", "absolute");
         attr(div, "class", div_class_value = "group text-blue-1000 h-11 w-11 min-w-[44px] flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
-        ctx[8] && !/*disabledClick*/
-        ctx[5] ? "td:hover:cursor-grab td:hover:text-soft-blue" : ""));
+        ctx[9] && !/*disabledClick*/
+        ctx[6] ? "td:hover:cursor-grab td:hover:text-soft-blue" : ""));
         attr(
           button,
           "id",
@@ -5668,37 +5669,43 @@
           ctx[3]
         );
         attr(button, "aria-label", button_aria_label_value = /*resultType*/
-        (ctx[1] === ANSWER_CORRECT || /*resultType*/
-        ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-        ctx[9] ? `Student's answer: ${/*word*/
-        ctx[0]} (${/*resultType*/
-        ctx[1]})` : (
+        ctx[1] === ANSWER_INCORRECT && /*containerId*/
+        ctx[5] === CONTAINER_WORD_BIN_ID && !/*isWordItemSelected*/
+        ctx[10] ? `Skipped answer: ${/*word*/
+        ctx[0]}` : (
           /*resultType*/
-          ctx[1] === ANSWER_MISSED ? `Correct answer: ${/*word*/
-          ctx[0]}` : `${/*isWordItemSelected*/
-          ctx[9] ? "Selected option" : "Option"}: ${/*word*/
-          ctx[0]}`
+          (ctx[1] === ANSWER_CORRECT || /*resultType*/
+          ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
+          ctx[10] ? `Student's answer: ${/*word*/
+          ctx[0]} (${/*resultType*/
+          ctx[1]})` : (
+            /*resultType*/
+            ctx[1] === ANSWER_MISSED ? `Missing answer: ${/*word*/
+            ctx[0]}` : `${/*isWordItemSelected*/
+            ctx[10] ? "Selected option" : "Option"}: ${/*word*/
+            ctx[0]}`
+          )
         ));
         attr(button, "class", button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
         ctx[2] + " " + /*isClonedItem*/
         (ctx[4] ? "opacity-50 raw-focus-ring bg-violet-100" : "") + " " + /*considerCloneItemId*/
-        (ctx[7] === /*wordButtonId*/
+        (ctx[8] === /*wordButtonId*/
         ctx[3] ? "hidden" : "") + " " + /*isWordItemSelected*/
-        (ctx[9] ? "bg-blue-1000 !border-blue-1000 raw-focus-ring !cursor-pointer" : "bg-gray-100") + " " + (!/*currentSelectedItemId*/
-        ctx[8] && !/*disabledClick*/
-        ctx[5] ? "td:hover-focus-ring td:hover:bg-violet-100 !cursor-pointer" : "!cursor-default") + " " + /*resultType*/
+        (ctx[10] ? "bg-blue-1000 !border-blue-1000 raw-focus-ring !cursor-pointer" : "bg-gray-100") + " " + (!/*currentSelectedItemId*/
+        ctx[9] && !/*disabledClick*/
+        ctx[6] ? "td:hover-focus-ring td:hover:bg-violet-100 !cursor-pointer" : "!cursor-default") + " " + /*resultType*/
         (ctx[1] === ANSWER_CORRECT && !/*isWordItemSelected*/
-        ctx[9] ? "border-green-800 bg-green-300" : (
+        ctx[10] ? "border-green-800 bg-green-300" : (
           /*resultType*/
           ctx[1] === ANSWER_INCORRECT && !/*isWordItemSelected*/
-          ctx[9] ? "border-red-800 bg-red-300" : (
+          ctx[10] ? "border-red-800 bg-red-300" : (
             /*resultType*/
             ctx[1] === ANSWER_MISSED ? "border-green-800" : ""
           )
         )) + " " + /*resultType*/
         ((ctx[1] === ANSWER_CORRECT || /*resultType*/
         ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-        ctx[9] ? "td:hover:border-gray-800" : ""));
+        ctx[10] ? "td:hover:border-gray-800" : ""));
       },
       m(target, anchor) {
         insert(target, button, anchor);
@@ -5720,12 +5727,12 @@
             listen(button, "click", stop_propagation(function() {
               if (is_function(
                 /*selectItem*/
-                ctx[10](
+                ctx[11](
                   /*wordButtonId*/
                   ctx[3]
                 )
               ))
-                ctx[10](
+                ctx[11](
                   /*wordButtonId*/
                   ctx[3]
                 ).apply(this, arguments);
@@ -5733,12 +5740,12 @@
             listen(button, "touchend", stop_propagation(function() {
               if (is_function(
                 /*selectItem*/
-                ctx[10](
+                ctx[11](
                   /*wordButtonId*/
                   ctx[3]
                 )
               ))
-                ctx[10](
+                ctx[11](
                   /*wordButtonId*/
                   ctx[3]
                 ).apply(this, arguments);
@@ -5747,7 +5754,7 @@
               button,
               "keydown",
               /*removeContainerTabSelected*/
-              ctx[11]
+              ctx[12]
             )
           ];
           mounted = true;
@@ -5763,14 +5770,14 @@
             ctx[0]
           );
         if (!current || dirty & /*isWordItemSelected*/
-        512 && span0_class_value !== (span0_class_value = "text-charcoal text-base pl-3 mr-4 " + /*isWordItemSelected*/
-        (ctx[9] ? "text-white" : ""))) {
+        1024 && span0_class_value !== (span0_class_value = "text-charcoal text-base pl-3 mr-4 " + /*isWordItemSelected*/
+        (ctx[10] ? "text-white" : ""))) {
           attr(span0, "class", span0_class_value);
         }
         if (!current || dirty & /*currentSelectedItemId, disabledClick*/
-        288 && span1_class_value !== (span1_class_value = "w-full h-full relative rounded-lg " + (!/*currentSelectedItemId*/
-        ctx[8] && !/*disabledClick*/
-        ctx[5] ? "td:group-hover:bg-black td:group-hover:opacity-5" : ""))) {
+        576 && span1_class_value !== (span1_class_value = "w-full h-full relative rounded-lg " + (!/*currentSelectedItemId*/
+        ctx[9] && !/*disabledClick*/
+        ctx[6] ? "td:group-hover:bg-black td:group-hover:opacity-5" : ""))) {
           attr(span1, "class", span1_class_value);
         }
         let previous_block_index = current_block_type_index;
@@ -5814,9 +5821,9 @@
           check_outros();
         }
         if (!current || dirty & /*currentSelectedItemId, disabledClick*/
-        288 && div_class_value !== (div_class_value = "group text-blue-1000 h-11 w-11 min-w-[44px] flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
-        ctx[8] && !/*disabledClick*/
-        ctx[5] ? "td:hover:cursor-grab td:hover:text-soft-blue" : ""))) {
+        576 && div_class_value !== (div_class_value = "group text-blue-1000 h-11 w-11 min-w-[44px] flex items-center justify-center btn-vertical-icon " + (!/*currentSelectedItemId*/
+        ctx[9] && !/*disabledClick*/
+        ctx[6] ? "td:hover:cursor-grab td:hover:text-soft-blue" : ""))) {
           attr(div, "class", div_class_value);
         }
         if (!current || dirty & /*wordButtonId*/
@@ -5828,42 +5835,48 @@
             ctx[3]
           );
         }
-        if (!current || dirty & /*resultType, isWordItemSelected, word*/
-        515 && button_aria_label_value !== (button_aria_label_value = /*resultType*/
-        (ctx[1] === ANSWER_CORRECT || /*resultType*/
-        ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-        ctx[9] ? `Student's answer: ${/*word*/
-        ctx[0]} (${/*resultType*/
-        ctx[1]})` : (
+        if (!current || dirty & /*resultType, containerId, isWordItemSelected, word*/
+        1059 && button_aria_label_value !== (button_aria_label_value = /*resultType*/
+        ctx[1] === ANSWER_INCORRECT && /*containerId*/
+        ctx[5] === CONTAINER_WORD_BIN_ID && !/*isWordItemSelected*/
+        ctx[10] ? `Skipped answer: ${/*word*/
+        ctx[0]}` : (
           /*resultType*/
-          ctx[1] === ANSWER_MISSED ? `Correct answer: ${/*word*/
-          ctx[0]}` : `${/*isWordItemSelected*/
-          ctx[9] ? "Selected option" : "Option"}: ${/*word*/
-          ctx[0]}`
+          (ctx[1] === ANSWER_CORRECT || /*resultType*/
+          ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
+          ctx[10] ? `Student's answer: ${/*word*/
+          ctx[0]} (${/*resultType*/
+          ctx[1]})` : (
+            /*resultType*/
+            ctx[1] === ANSWER_MISSED ? `Missing answer: ${/*word*/
+            ctx[0]}` : `${/*isWordItemSelected*/
+            ctx[10] ? "Selected option" : "Option"}: ${/*word*/
+            ctx[0]}`
+          )
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
         if (!current || dirty & /*otherClass, isClonedItem, considerCloneItemId, wordButtonId, isWordItemSelected, currentSelectedItemId, disabledClick, resultType*/
-        958 && button_class_value !== (button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
+        1886 && button_class_value !== (button_class_value = "focus-ring flex items-center justify-between min-h-[54px] p-1 border border-gray-800 rounded-lg " + /*otherClass*/
         ctx[2] + " " + /*isClonedItem*/
         (ctx[4] ? "opacity-50 raw-focus-ring bg-violet-100" : "") + " " + /*considerCloneItemId*/
-        (ctx[7] === /*wordButtonId*/
+        (ctx[8] === /*wordButtonId*/
         ctx[3] ? "hidden" : "") + " " + /*isWordItemSelected*/
-        (ctx[9] ? "bg-blue-1000 !border-blue-1000 raw-focus-ring !cursor-pointer" : "bg-gray-100") + " " + (!/*currentSelectedItemId*/
-        ctx[8] && !/*disabledClick*/
-        ctx[5] ? "td:hover-focus-ring td:hover:bg-violet-100 !cursor-pointer" : "!cursor-default") + " " + /*resultType*/
+        (ctx[10] ? "bg-blue-1000 !border-blue-1000 raw-focus-ring !cursor-pointer" : "bg-gray-100") + " " + (!/*currentSelectedItemId*/
+        ctx[9] && !/*disabledClick*/
+        ctx[6] ? "td:hover-focus-ring td:hover:bg-violet-100 !cursor-pointer" : "!cursor-default") + " " + /*resultType*/
         (ctx[1] === ANSWER_CORRECT && !/*isWordItemSelected*/
-        ctx[9] ? "border-green-800 bg-green-300" : (
+        ctx[10] ? "border-green-800 bg-green-300" : (
           /*resultType*/
           ctx[1] === ANSWER_INCORRECT && !/*isWordItemSelected*/
-          ctx[9] ? "border-red-800 bg-red-300" : (
+          ctx[10] ? "border-red-800 bg-red-300" : (
             /*resultType*/
             ctx[1] === ANSWER_MISSED ? "border-green-800" : ""
           )
         )) + " " + /*resultType*/
         ((ctx[1] === ANSWER_CORRECT || /*resultType*/
         ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-        ctx[9] ? "td:hover:border-gray-800" : ""))) {
+        ctx[10] ? "td:hover:border-gray-800" : ""))) {
           attr(button, "class", button_class_value);
         }
       },
@@ -5908,9 +5921,9 @@
     let wordButton;
     categoriseSettings.subscribe((value) => {
       const { considerCloneItemId: storeConsiderCloneItemId, selectedItemId: storeSelectedItemId } = value;
-      $$invalidate(7, considerCloneItemId = storeConsiderCloneItemId);
-      $$invalidate(8, currentSelectedItemId = storeSelectedItemId);
-      $$invalidate(9, isWordItemSelected = currentSelectedItemId === wordButtonId);
+      $$invalidate(8, considerCloneItemId = storeConsiderCloneItemId);
+      $$invalidate(9, currentSelectedItemId = storeSelectedItemId);
+      $$invalidate(10, isWordItemSelected = currentSelectedItemId === wordButtonId);
     });
     const selectItem = (itemId) => {
       if (isSelecItemFunctionCalled || disabledClick) {
@@ -5960,7 +5973,7 @@
     function button_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         wordButton = $$value;
-        $$invalidate(6, wordButton);
+        $$invalidate(7, wordButton);
       });
     }
     $$self.$$set = ($$props2) => {
@@ -5975,15 +5988,15 @@
       if ("isClonedItem" in $$props2)
         $$invalidate(4, isClonedItem = $$props2.isClonedItem);
       if ("containerId" in $$props2)
-        $$invalidate(12, containerId = $$props2.containerId);
+        $$invalidate(5, containerId = $$props2.containerId);
       if ("wordFocus" in $$props2)
         $$invalidate(13, wordFocus = $$props2.wordFocus);
       if ("disabledClick" in $$props2)
-        $$invalidate(5, disabledClick = $$props2.disabledClick);
+        $$invalidate(6, disabledClick = $$props2.disabledClick);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty & /*wordFocus, wordButton*/
-      8256) {
+      8320) {
         $:
           if (wordFocus) {
             setTimeout(
@@ -6001,6 +6014,7 @@
       otherClass,
       wordButtonId,
       isClonedItem,
+      containerId,
       disabledClick,
       wordButton,
       considerCloneItemId,
@@ -6008,7 +6022,6 @@
       isWordItemSelected,
       selectItem,
       removeContainerTabSelected,
-      containerId,
       wordFocus,
       button_binding
     ];
@@ -6022,9 +6035,9 @@
         otherClass: 2,
         wordButtonId: 3,
         isClonedItem: 4,
-        containerId: 12,
+        containerId: 5,
         wordFocus: 13,
-        disabledClick: 5
+        disabledClick: 6
       });
     }
     get word() {
@@ -6063,7 +6076,7 @@
       flush();
     }
     get containerId() {
-      return this.$$.ctx[12];
+      return this.$$.ctx[5];
     }
     set containerId(containerId) {
       this.$$set({ containerId });
@@ -6077,7 +6090,7 @@
       flush();
     }
     get disabledClick() {
-      return this.$$.ctx[5];
+      return this.$$.ctx[6];
     }
     set disabledClick(disabledClick) {
       this.$$set({ disabledClick });
@@ -6126,7 +6139,7 @@
   // src/lib/components/prompt/categorise/PromptCategoriseDndContainer.svelte
   function get_each_context2(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[33] = list[i];
+    child_ctx[34] = list[i];
     return child_ctx;
   }
   function create_if_block_24(ctx) {
@@ -6144,7 +6157,7 @@
           ctx[6]
         );
         attr(button, "class", button_class_value = "focus-ring absolute inset-0 bg-transparent rounded-lg focus-visible:border " + /*isContainerWordBin*/
-        (ctx[18] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
+        (ctx[19] ? "focus-visible:border-gray-400" : "focus-visible:border-gray-800"));
       },
       m(target, anchor) {
         insert(target, button, anchor);
@@ -6153,7 +6166,7 @@
             button,
             "click",
             /*addAnswerItem*/
-            ctx[21]
+            ctx[22]
           );
           mounted = true;
         }
@@ -6198,13 +6211,13 @@
               div,
               "click",
               /*addAnswerItem*/
-              ctx[21]
+              ctx[22]
             ),
             listen(
               div,
               "keypress",
               /*addAnswerItem*/
-              ctx[21]
+              ctx[22]
             )
           ];
           mounted = true;
@@ -6221,30 +6234,33 @@
     };
   }
   function create_if_block6(ctx) {
-    let div;
+    let button;
     let t2;
-    let div_class_value;
+    let button_class_value;
+    let button_disabled_value;
     return {
       c() {
-        div = element("div");
+        button = element("button");
         t2 = text("Missing answers:");
-        attr(div, "class", div_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 " + (!/*showButton*/
+        attr(button, "aria-label", "Missing answers:");
+        attr(button, "class", button_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 text-left " + (!/*showButton*/
         ctx[4] ? "hidden md:missing-answer-label" : "missing-answer-label"));
+        button.disabled = button_disabled_value = true;
       },
       m(target, anchor) {
-        insert(target, div, anchor);
-        append(div, t2);
+        insert(target, button, anchor);
+        append(button, t2);
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*showButton*/
-        16 && div_class_value !== (div_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 " + (!/*showButton*/
+        16 && button_class_value !== (button_class_value = "text-base text-charcoal font-semibold w-full mt-1 mb-2 text-left " + (!/*showButton*/
         ctx2[4] ? "hidden md:missing-answer-label" : "missing-answer-label"))) {
-          attr(div, "class", div_class_value);
+          attr(button, "class", button_class_value);
         }
       },
       d(detaching) {
         if (detaching) {
-          detach(div);
+          detach(button);
         }
       }
     };
@@ -6256,31 +6272,31 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[33].type === ANSWER_MISSED && create_if_block6(ctx)
+      ctx[34].type === ANSWER_MISSED && create_if_block6(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
         otherClass: "mr-2 mb-2 last:mr-0 " + /*item*/
-        (ctx[33].id === /*considerItemId*/
+        (ctx[34].id === /*considerItemId*/
         ctx[8] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
         ctx[4] ? "hidden md:flex" : "") + "\n        " + /*items*/
         (ctx[16][
           /*currentWordBinIndex*/
           ctx[12]
         ]?.id !== /*item*/
-        ctx[33].id && /*isContainerWordBin*/
-        ctx[18] ? "hidden md:flex" : ""),
+        ctx[34].id && /*isContainerWordBin*/
+        ctx[19] ? "hidden md:flex" : ""),
         word: (
           /*item*/
-          ctx[33].text
+          ctx[34].text
         ),
         wordButtonId: (
           /*item*/
-          ctx[33].id
+          ctx[34].id
         ),
         isClonedItem: (
           /*item*/
-          ctx[33].isClonedItem
+          ctx[34].isClonedItem
         ),
         containerId: (
           /*containerId*/
@@ -6290,7 +6306,7 @@
           /*currentTabContainer*/
           ctx[14] === /*containerId*/
           ctx[2] && /*item*/
-          ctx[33].id === /*items*/
+          ctx[34].id === /*items*/
           ctx[16][0].id
         ),
         disabledClick: (
@@ -6299,7 +6315,7 @@
         ),
         resultType: (
           /*item*/
-          ctx[33].type
+          ctx[34].type
         )
       }
     });
@@ -6326,7 +6342,7 @@
         ctx = new_ctx;
         if (
           /*item*/
-          ctx[33].type === ANSWER_MISSED
+          ctx[34].type === ANSWER_MISSED
         ) {
           if (if_block) {
             if_block.p(ctx, dirty);
@@ -6343,27 +6359,27 @@
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex*/
         69904)
           promptcategorisewordbutton_changes.otherClass = "mr-2 mb-2 last:mr-0 " + /*item*/
-          (ctx[33].id === /*considerItemId*/
+          (ctx[34].id === /*considerItemId*/
           ctx[8] ? "!bg-violet-150" : "") + "\n        " + (!/*showButton*/
           ctx[4] ? "hidden md:flex" : "") + "\n        " + /*items*/
           (ctx[16][
             /*currentWordBinIndex*/
             ctx[12]
           ]?.id !== /*item*/
-          ctx[33].id && /*isContainerWordBin*/
-          ctx[18] ? "hidden md:flex" : "");
+          ctx[34].id && /*isContainerWordBin*/
+          ctx[19] ? "hidden md:flex" : "");
         if (dirty[0] & /*items*/
         65536)
           promptcategorisewordbutton_changes.word = /*item*/
-          ctx[33].text;
+          ctx[34].text;
         if (dirty[0] & /*items*/
         65536)
           promptcategorisewordbutton_changes.wordButtonId = /*item*/
-          ctx[33].id;
+          ctx[34].id;
         if (dirty[0] & /*items*/
         65536)
           promptcategorisewordbutton_changes.isClonedItem = /*item*/
-          ctx[33].isClonedItem;
+          ctx[34].isClonedItem;
         if (dirty[0] & /*containerId*/
         4)
           promptcategorisewordbutton_changes.containerId = /*containerId*/
@@ -6373,7 +6389,7 @@
           promptcategorisewordbutton_changes.wordFocus = /*currentTabContainer*/
           ctx[14] === /*containerId*/
           ctx[2] && /*item*/
-          ctx[33].id === /*items*/
+          ctx[34].id === /*items*/
           ctx[16][0].id;
         if (dirty[0] & /*isFinished*/
         128)
@@ -6382,7 +6398,7 @@
         if (dirty[0] & /*items*/
         65536)
           promptcategorisewordbutton_changes.resultType = /*item*/
-          ctx[33].type;
+          ctx[34].type;
         promptcategorisewordbutton.$set(promptcategorisewordbutton_changes);
       },
       i(local) {
@@ -6428,7 +6444,7 @@
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[13] <= 0 && /*isContainerWordBin*/
-      ctx[18] && create_if_block_16(ctx)
+      ctx[19] && create_if_block_16(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
@@ -6436,7 +6452,7 @@
     ));
     const get_key = (ctx2) => (
       /*item*/
-      ctx2[33].id
+      ctx2[34].id
     );
     for (let i = 0; i < each_value.length; i += 1) {
       let child_ctx = get_each_context2(ctx, each_value, i);
@@ -6458,6 +6474,12 @@
         attr(section, "role", "group");
         attr(section, "class", section_class_value = "flex flex-wrap " + /*containerClass*/
         ctx[0] + " category-content");
+        attr(
+          section,
+          "aria-hidden",
+          /*isItemsAriaHidden*/
+          ctx[17]
+        );
         attr(section, "aria-dropeffect", "move");
         attr(
           section,
@@ -6466,7 +6488,7 @@
           ctx[2]
         );
         attr(section, "style", section_style_value = !/*isContainerWordBin*/
-        ctx[18] ? `padding-top: ${/*paddingTop*/
+        ctx[19] ? `padding-top: ${/*paddingTop*/
         ctx[5]}px;` : "");
       },
       m(target, anchor) {
@@ -6500,7 +6522,7 @@
               ),
               dropTargetClasses: (
                 /*dropTargetClasses*/
-                ctx[17]
+                ctx[18]
               ),
               morphDisabled: true,
               dragDisabled: (
@@ -6521,13 +6543,13 @@
               section,
               "consider",
               /*handleDndConsider*/
-              ctx[19]
+              ctx[20]
             ),
             listen(
               section,
               "finalize",
               /*handleDndFinalize*/
-              ctx[20]
+              ctx[21]
             )
           ];
           mounted = true;
@@ -6555,7 +6577,7 @@
         if (
           /*totalRemainingWordBinItem*/
           ctx2[13] <= 0 && /*isContainerWordBin*/
-          ctx2[18]
+          ctx2[19]
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
@@ -6569,7 +6591,7 @@
           if_block1 = null;
         }
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isFinished*/
-        348564) {
+        610708) {
           each_value = ensure_array_like(Object.values(
             /*items*/
             ctx2[16]
@@ -6583,6 +6605,15 @@
         ctx2[0] + " category-content")) {
           attr(section, "class", section_class_value);
         }
+        if (!current || dirty[0] & /*isItemsAriaHidden*/
+        131072) {
+          attr(
+            section,
+            "aria-hidden",
+            /*isItemsAriaHidden*/
+            ctx2[17]
+          );
+        }
         if (!current || dirty[0] & /*containerId*/
         4) {
           attr(
@@ -6594,7 +6625,7 @@
         }
         if (!current || dirty[0] & /*paddingTop*/
         32 && section_style_value !== (section_style_value = !/*isContainerWordBin*/
-        ctx2[18] ? `padding-top: ${/*paddingTop*/
+        ctx2[19] ? `padding-top: ${/*paddingTop*/
         ctx2[5]}px;` : "")) {
           attr(section, "style", section_style_value);
         }
@@ -6615,7 +6646,7 @@
             ),
             dropTargetClasses: (
               /*dropTargetClasses*/
-              ctx2[17]
+              ctx2[18]
             ),
             morphDisabled: true,
             dragDisabled: (
@@ -6687,6 +6718,7 @@
     let currentTabContainer = "";
     let isModalOpen = false;
     let items = [];
+    let isItemsAriaHidden = false;
     const dispatch = createEventDispatcher();
     const dropTargetClasses = ["!outline-none"];
     const isContainerWordBin = containerId === CONTAINER_WORD_BIN_ID;
@@ -6696,7 +6728,7 @@
       $$invalidate(15, isModalOpen = storeIsModalOpen);
     });
     categoriseSettings.subscribe((value) => {
-      const { considerItemId: storeconsiderItemId, selectedItemId: storeSelectedItemId, currentAnswer: storeCurrentAnswer, sourceSelectedContainerId: storeSourceSelectedContainerId, currentWordBinIndex: storeCurrentWordBinIndex, currentTabContainer: storeCurrentTabContainer } = value;
+      const { considerItemId: storeconsiderItemId, selectedItemId: storeSelectedItemId, currentAnswer: storeCurrentAnswer, sourceSelectedContainerId: storeSourceSelectedContainerId, currentWordBinIndex: storeCurrentWordBinIndex, currentTabContainer: storeCurrentTabContainer, isItemsAriaHidden: storeisItemsAriaHidden } = value;
       $$invalidate(8, considerItemId = storeconsiderItemId);
       $$invalidate(10, dragDisabled = isFinished || !!storeSelectedItemId);
       currentAnswer = storeCurrentAnswer;
@@ -6704,6 +6736,7 @@
       $$invalidate(11, sourceSelectedContainerId = storeSourceSelectedContainerId);
       $$invalidate(12, currentWordBinIndex = storeCurrentWordBinIndex);
       $$invalidate(14, currentTabContainer = storeCurrentTabContainer);
+      $$invalidate(17, isItemsAriaHidden = storeisItemsAriaHidden);
       const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
       $$invalidate(13, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
       if (storeCurrentAnswer) {
@@ -6957,9 +6990,9 @@
       if ("isFinished" in $$props2)
         $$invalidate(7, isFinished = $$props2.isFinished);
       if ("correctAnswerList" in $$props2)
-        $$invalidate(22, correctAnswerList = $$props2.correctAnswerList);
+        $$invalidate(23, correctAnswerList = $$props2.correctAnswerList);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(23, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(24, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       containerClass,
@@ -6979,6 +7012,7 @@
       currentTabContainer,
       isModalOpen,
       items,
+      isItemsAriaHidden,
       dropTargetClasses,
       isContainerWordBin,
       handleDndConsider,
@@ -7006,8 +7040,8 @@
           paddingTop: 5,
           ariaLabel: 6,
           isFinished: 7,
-          correctAnswerList: 22,
-          isPreviewModeInteractive: 23
+          correctAnswerList: 23,
+          isPreviewModeInteractive: 24
         },
         null,
         [-1, -1]
@@ -7070,14 +7104,14 @@
       flush();
     }
     get correctAnswerList() {
-      return this.$$.ctx[22];
+      return this.$$.ctx[23];
     }
     set correctAnswerList(correctAnswerList) {
       this.$$set({ correctAnswerList });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[23];
+      return this.$$.ctx[24];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -8000,19 +8034,19 @@
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[55] = list[i];
-    child_ctx[56] = list;
-    child_ctx[57] = i;
+    child_ctx[59] = list[i];
+    child_ctx[60] = list;
+    child_ctx[61] = i;
     return child_ctx;
   }
-  function create_if_block_5(ctx) {
+  function create_if_block_6(ctx) {
     let promptcategorisemodal;
     let current;
     promptcategorisemodal = new PromptCategoriseModal_default({});
     promptcategorisemodal.$on(
       "resetCategory",
       /*saveCategory*/
-      ctx[35]
+      ctx[36]
     );
     return {
       c() {
@@ -8038,7 +8072,7 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_5(ctx) {
     let button;
     let span0;
     let switchicon;
@@ -8115,7 +8149,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_42(ctx) {
     let span;
     let t0;
     let t1;
@@ -8153,6 +8187,54 @@
       }
     };
   }
+  function create_if_block_33(ctx) {
+    let span;
+    let t0;
+    let t1_value = (
+      /*getTotalWordsLabel*/
+      ctx[32](
+        /*totalCategoryWords*/
+        ctx[19][
+          /*category*/
+          ctx[59].id
+        ]
+      ) + ""
+    );
+    let t1;
+    let t2;
+    return {
+      c() {
+        span = element("span");
+        t0 = text(".\xA0 ");
+        t1 = text(t1_value);
+        t2 = text(" added");
+        attr(span, "class", "sr-only");
+      },
+      m(target, anchor) {
+        insert(target, span, anchor);
+        append(span, t0);
+        append(span, t1);
+        append(span, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty[0] & /*totalCategoryWords*/
+        524288 && t1_value !== (t1_value = /*getTotalWordsLabel*/
+        ctx2[32](
+          /*totalCategoryWords*/
+          ctx2[19][
+            /*category*/
+            ctx2[59].id
+          ]
+        ) + ""))
+          set_data(t1, t1_value);
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(span);
+        }
+      }
+    };
+  }
   function create_if_block_25(ctx) {
     let span;
     let t0;
@@ -8268,52 +8350,55 @@
       /*checkContainerDroppedItem*/
       ctx[28](
         /*category*/
-        ctx[55].id,
+        ctx[59].id,
         /*dropContainerId*/
         ctx[6]
       )
     );
     let t0;
     let span0;
-    let t6;
+    let t4;
     let span1;
+    let t6;
+    let t7;
     let t8;
-    let t9;
     let button;
     let span2;
-    let t10_value = (
+    let t9_value = (
       /*getTotalWords*/
       ctx[31](
         /*category*/
-        ctx[55].id,
+        ctx[59].id,
         /*currentAnswer*/
         ctx[9]
       ) + ""
     );
+    let t9;
     let t10;
-    let t11;
     let span3;
     let show_if;
     let current_block_type_index;
-    let if_block2;
+    let if_block3;
     let button_aria_label_value;
     let div0_id_value;
     let div0_aria_live_value;
     let div0_class_value;
     let div0_resize_listener;
-    let t12;
+    let t11;
     let promptcategorisedndcontainer;
-    let t13;
+    let t12;
     let div1_class_value;
     let category = (
       /*category*/
-      ctx[55]
+      ctx[59]
     );
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_1 && create_if_block_33(ctx);
-    let if_block1 = (
+    let if_block0 = show_if_1 && create_if_block_42(ctx);
+    let if_block1 = !/*previewResultSr*/
+    ctx[17] && create_if_block_33(ctx);
+    let if_block2 = (
       /*previewResultSr*/
       ctx[17] && create_if_block_25(ctx)
     );
@@ -8325,9 +8410,9 @@
         show_if = null;
       if (show_if == null)
         show_if = !!/*checkifCategoryContainerOpen*/
-        ctx2[32](
+        ctx2[33](
           /*category*/
-          ctx2[55].id,
+          ctx2[59].id,
           /*openCategoryContainer*/
           ctx2[13]
         );
@@ -8335,13 +8420,13 @@
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type(ctx, [-1, -1]);
-    if_block2 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    current_block_type_index = select_block_type(ctx, [-1, -1, -1]);
+    if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     function div0_elementresize_handler() {
-      ctx[41].call(
+      ctx[43].call(
         div0,
         /*category*/
-        ctx[55]
+        ctx[59]
       );
     }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
@@ -8349,63 +8434,62 @@
         containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
         (ctx[27](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-        (ctx[32](
+        (ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
         paddingTop: (
           /*checkifCategoryContainerOpen*/
-          ctx[32](
+          ctx[33](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[20][
+            ctx[21][
               /*category*/
-              ctx[55].id
+              ctx[59].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[20][
+            ctx[21][
               /*category*/
-              ctx[55].id
+              ctx[59].id
             ]
           )
         ),
         containerId: (
           /*category*/
-          ctx[55].id
+          ctx[59].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
-          ctx[32](
+          ctx[33](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           )
         ),
         ariaLabel: `Category ${/*index*/
-        ctx[57] + 1} of ${/*totalCagories*/
-        ctx[26]}: ${/*category*/
-        ctx[55].name}`,
+        ctx[61] + 1}: ${/*category*/
+        ctx[59].name}`,
         isFinished: (
           /*isFinished*/
           ctx[0]
         ),
         correctAnswerList: (
           /*scoringMetadata*/
-          ctx[22]
+          ctx[23]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
@@ -8416,25 +8500,25 @@
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[35]
+      ctx[36]
     );
     function keydown_handler(...args) {
       return (
         /*keydown_handler*/
-        ctx[42](
+        ctx[44](
           /*category*/
-          ctx[55],
+          ctx[59],
           ...args
         )
       );
     }
     const assign_div1 = () => (
       /*div1_binding*/
-      ctx[43](div1, category)
+      ctx[46](div1, category)
     );
     const unassign_div1 = () => (
       /*div1_binding*/
-      ctx[43](null, category)
+      ctx[46](null, category)
     );
     return {
       c() {
@@ -8445,25 +8529,27 @@
         t0 = space();
         span0 = element("span");
         span0.textContent = `Category ${/*index*/
-        ctx[57] + 1} of ${/*totalCagories*/
-        ctx[26]}:\xA0`;
-        t6 = space();
+        ctx[61] + 1}:\xA0`;
+        t4 = space();
         span1 = element("span");
         span1.textContent = `${/*category*/
-        ctx[55].name}`;
-        t8 = space();
+        ctx[59].name}`;
+        t6 = space();
         if (if_block1)
           if_block1.c();
-        t9 = space();
+        t7 = space();
+        if (if_block2)
+          if_block2.c();
+        t8 = space();
         button = element("button");
         span2 = element("span");
-        t10 = text(t10_value);
-        t11 = space();
+        t9 = text(t9_value);
+        t10 = space();
         span3 = element("span");
-        if_block2.c();
-        t12 = space();
+        if_block3.c();
+        t11 = space();
         create_component(promptcategorisedndcontainer.$$.fragment);
-        t13 = space();
+        t12 = space();
         attr(span0, "class", "sr-only");
         attr(span1, "class", "text-base leading-5 !text-gray-900 md:item-heading");
         attr(span2, "class", "mx-0.5");
@@ -8471,17 +8557,17 @@
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
         ctx[31](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*currentAnswer*/
           ctx[9]
         ));
         attr(button, "class", "focus-ring flex items-center rounded-[32px] p-1.5 text-charcoal text-sm border border-gray-800 bg-gray-50 min-w-[85px] ml-3 whitespace-nowrap active:raw-focus-ring active:bg-black-55 md:hidden");
         attr(div0, "id", div0_id_value = `category-title${/*index*/
-        ctx[57]}`);
+        ctx[61]}`);
         attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
         ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) && /*enableAriaLive*/
@@ -8489,39 +8575,39 @@
         attr(div0, "class", div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
         (ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[32](
+        ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkContainerDragOver*/
         ctx[27](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[32](
+        (ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[32](
+        ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkSelectedSourceContainer*/
         ctx[29](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
@@ -8544,7 +8630,7 @@
         attr(div1, "class", div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:h-fit md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
         (ctx[27](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
@@ -8552,28 +8638,28 @@
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) && /*hasAddItemAnimation*/
         ctx[11] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
         (ctx[29](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
           ctx[7]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[32](
+        (ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "min-h-[140px]" : ""));
@@ -8585,22 +8671,25 @@
           if_block0.m(div0, null);
         append(div0, t0);
         append(div0, span0);
-        append(div0, t6);
+        append(div0, t4);
         append(div0, span1);
-        append(div0, t8);
+        append(div0, t6);
         if (if_block1)
           if_block1.m(div0, null);
-        append(div0, t9);
+        append(div0, t7);
+        if (if_block2)
+          if_block2.m(div0, null);
+        append(div0, t8);
         append(div0, button);
         append(button, span2);
-        append(span2, t10);
-        append(button, t11);
+        append(span2, t9);
+        append(button, t10);
         append(button, span3);
         if_blocks[current_block_type_index].m(span3, null);
         div0_resize_listener = add_iframe_resize_listener(div0, div0_elementresize_handler.bind(div0));
-        append(div1, t12);
+        append(div1, t11);
         mount_component(promptcategorisedndcontainer, div1, null);
-        append(div1, t13);
+        append(div1, t12);
         assign_div1();
         current = true;
         if (!mounted) {
@@ -8608,16 +8697,16 @@
             listen(button, "click", function() {
               if (is_function(
                 /*addCategoryContainer*/
-                ctx[33](
+                ctx[34](
                   /*category*/
-                  ctx[55].id,
+                  ctx[59].id,
                   /*openCategoryContainer*/
                   ctx[13]
                 )
               ))
-                ctx[33](
+                ctx[34](
                   /*category*/
-                  ctx[55].id,
+                  ctx[59].id,
                   /*openCategoryContainer*/
                   ctx[13]
                 ).apply(this, arguments);
@@ -8627,7 +8716,13 @@
               div1,
               "focus",
               /*resetTabCategory*/
-              ctx[37]
+              ctx[38]
+            ),
+            listen(
+              div1,
+              "blur",
+              /*blur_handler*/
+              ctx[45]
             )
           ];
           mounted = true;
@@ -8640,7 +8735,7 @@
           show_if_1 = /*checkContainerDroppedItem*/
           ctx[28](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*dropContainerId*/
             ctx[6]
           );
@@ -8648,7 +8743,7 @@
           if (if_block0) {
             if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_33(ctx);
+            if_block0 = create_if_block_42(ctx);
             if_block0.c();
             if_block0.m(div0, t0);
           }
@@ -8656,30 +8751,43 @@
           if_block0.d(1);
           if_block0 = null;
         }
-        if (
-          /*previewResultSr*/
-          ctx[17]
-        ) {
+        if (!/*previewResultSr*/
+        ctx[17]) {
           if (if_block1) {
             if_block1.p(ctx, dirty);
           } else {
-            if_block1 = create_if_block_25(ctx);
+            if_block1 = create_if_block_33(ctx);
             if_block1.c();
-            if_block1.m(div0, t9);
+            if_block1.m(div0, t7);
           }
         } else if (if_block1) {
           if_block1.d(1);
           if_block1 = null;
         }
+        if (
+          /*previewResultSr*/
+          ctx[17]
+        ) {
+          if (if_block2) {
+            if_block2.p(ctx, dirty);
+          } else {
+            if_block2 = create_if_block_25(ctx);
+            if_block2.c();
+            if_block2.m(div0, t8);
+          }
+        } else if (if_block2) {
+          if_block2.d(1);
+          if_block2 = null;
+        }
         if ((!current || dirty[0] & /*currentAnswer*/
-        512) && t10_value !== (t10_value = /*getTotalWords*/
+        512) && t9_value !== (t9_value = /*getTotalWords*/
         ctx[31](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*currentAnswer*/
           ctx[9]
         ) + ""))
-          set_data(t10, t10_value);
+          set_data(t9, t9_value);
         let previous_block_index = current_block_type_index;
         current_block_type_index = select_block_type(ctx, dirty);
         if (current_block_type_index !== previous_block_index) {
@@ -8688,20 +8796,20 @@
             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();
+          if_block3 = if_blocks[current_block_type_index];
+          if (!if_block3) {
+            if_block3 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+            if_block3.c();
           } else {
           }
-          transition_in(if_block2, 1);
-          if_block2.m(span3, null);
+          transition_in(if_block3, 1);
+          if_block3.m(span3, null);
         }
         if (!current || dirty[0] & /*currentAnswer*/
         512 && button_aria_label_value !== (button_aria_label_value = /*getTotalWords*/
         ctx[31](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*currentAnswer*/
           ctx[9]
         ))) {
@@ -8711,7 +8819,7 @@
         262208 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
         ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) && /*enableAriaLive*/
@@ -8722,39 +8830,39 @@
         8688 && div0_class_value !== (div0_class_value = "absolute flex items-center justify-between border-b border-gray-800 w-full rounded-t-lg p-3 md:p-4 md:justify-center " + /*checkContainerDroppedItem*/
         (ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[32](
+        ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkContainerDragOver*/
         ctx[27](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[32](
+        (ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[32](
+        ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkSelectedSourceContainer*/
         ctx[29](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
@@ -8768,45 +8876,45 @@
           promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
           (ctx[27](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*considerContainerId*/
             ctx[4],
             /*isDraggingOver*/
             ctx[5]
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-          (ctx[32](
+          (ctx[33](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
         if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
-        1056768)
+        2105344)
           promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
-          ctx[32](
+          ctx[33](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[20][
+            ctx[21][
               /*category*/
-              ctx[55].id
+              ctx[59].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[20][
+            ctx[21][
               /*category*/
-              ctx[55].id
+              ctx[59].id
             ]
           );
         if (dirty[0] & /*openCategoryContainer*/
         8192)
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
-          ctx[32](
+          ctx[33](
             /*category*/
-            ctx[55].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           );
@@ -8841,7 +8949,7 @@
         10736 && div1_class_value !== (div1_class_value = "focus-ring group/itemContainer flex flex-col border border-gray-800 rounded-lg basis-0 grow relative md:h-fit md:min-h-[140px] md:items-center lg:mr-6 lg:last:mr-0 lg:min-h-[224px] " + /*checkContainerDragOver*/
         (ctx[27](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
@@ -8849,50 +8957,50 @@
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
         (ctx[28](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) && /*hasAddItemAnimation*/
         ctx[11] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
         (ctx[29](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
           ctx[7]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[32](
+        (ctx[33](
           /*category*/
-          ctx[55].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "min-h-[140px]" : ""))) {
           attr(div1, "class", div1_class_value);
         }
         if (category !== /*category*/
-        ctx[55]) {
+        ctx[59]) {
           unassign_div1();
           category = /*category*/
-          ctx[55];
+          ctx[59];
           assign_div1();
         }
       },
       i(local) {
         if (current)
           return;
-        transition_in(if_block2);
+        transition_in(if_block3);
         transition_in(promptcategorisedndcontainer.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(if_block2);
+        transition_out(if_block3);
         transition_out(promptcategorisedndcontainer.$$.fragment, local);
         current = false;
       },
@@ -8904,6 +9012,8 @@
           if_block0.d();
         if (if_block1)
           if_block1.d();
+        if (if_block2)
+          if_block2.d();
         if_blocks[current_block_type_index].d();
         div0_resize_listener();
         destroy_component(promptcategorisedndcontainer);
@@ -9006,17 +9116,17 @@
     arrowdowncircle = new ArrowDownCircle_default({});
     let if_block0 = (
       /*isModalOpen*/
-      ctx[12] && create_if_block_5(ctx)
+      ctx[12] && create_if_block_6(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[10] !== /*totalCategoryItems*/
       ctx[3] && !/*isFinished*/
-      ctx[0] && create_if_block_42(ctx)
+      ctx[0] && create_if_block_5(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*categoryGroups*/
-      ctx[25]
+      ctx[26]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -9030,14 +9140,14 @@
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
-        (ctx[34](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) && !/*currentSelectedItemId*/
         ctx[7] ? "absolute inset-0" : ""),
         items: (
           /*categoryItems*/
-          ctx[24]
+          ctx[25]
         ),
         containerId: CONTAINER_WORD_BIN_ID,
         ariaLabel: "Word bin",
@@ -9047,7 +9157,7 @@
         ),
         correctAnswerList: (
           /*scoringMetadata*/
-          ctx[22]
+          ctx[23]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
@@ -9058,7 +9168,7 @@
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[35]
+      ctx[36]
     );
     smallchevronright = new SmallChevronRight_default({});
     return {
@@ -9091,7 +9201,7 @@
           if_block2.c();
         t8 = space();
         span2 = element("span");
-        span2.textContent = "Word Bin:\xA0";
+        span2.textContent = "Word Bin.\xA0";
         t10 = space();
         span3 = element("span");
         t11 = text(
@@ -9140,7 +9250,7 @@
         attr(span4, "class", "w-6 h-6 text-inherit flex items-center justify-center");
         attr(button1, "aria-label", "Left");
         attr(button1, "class", button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[34](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""));
@@ -9149,7 +9259,7 @@
         attr(span5, "class", "w-6 h-6 text-inherit flex items-center justify-center ml-[3px]");
         attr(button2, "aria-label", "Right");
         attr(button2, "class", button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[34](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""));
@@ -9249,7 +9359,7 @@
         append(div3, button2);
         append(button2, span5);
         mount_component(smallchevronright, span5, null);
-        ctx[45](div4);
+        ctx[49](div4);
         current = true;
         if (!mounted) {
           dispose = [
@@ -9257,7 +9367,7 @@
               button0,
               "keypress",
               /*goToWordBin*/
-              ctx[38]
+              ctx[39]
             ),
             listen(button1, "click", function() {
               if (is_function(useNavigateItem(
@@ -9295,13 +9405,19 @@
               div4,
               "keydown",
               /*keydown_handler_1*/
-              ctx[44]
+              ctx[47]
             ),
             listen(
               div4,
               "focus",
               /*resetTabCategory*/
-              ctx[37]
+              ctx[38]
+            ),
+            listen(
+              div4,
+              "blur",
+              /*blur_handler_1*/
+              ctx[48]
             )
           ];
           mounted = true;
@@ -9329,7 +9445,7 @@
               transition_in(if_block0, 1);
             }
           } else {
-            if_block0 = create_if_block_5(ctx);
+            if_block0 = create_if_block_6(ctx);
             if_block0.c();
             transition_in(if_block0, 1);
             if_block0.m(t3.parentNode, t3);
@@ -9354,7 +9470,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_42(ctx);
+            if_block1 = create_if_block_5(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(div0, null);
@@ -9375,12 +9491,12 @@
             ctx[12]
           );
         }
-        if (dirty[0] & /*isModalOpen, categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer, tabCategory, categoryTitleHeight, totalCagories, isFinished, scoringMetadata, isPreviewModeInteractive, enableAriaLive, currentAnswer, previewResultSr, selectedItemName*/
-        1046461427 | dirty[1] & /*checkifCategoryContainerOpen, getContainerTabSelected, resetTabCategory, saveCategory, getTotalWords, addCategoryContainer*/
-        119) {
+        if (dirty[0] & /*isModalOpen, categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer, tabCategory, categoryTitleHeight, isFinished, scoringMetadata, isPreviewModeInteractive, enableAriaLive, currentAnswer, previewResultSr, selectedItemName, totalCategoryWords*/
+        1019198451 | dirty[1] & /*checkifCategoryContainerOpen, getContainerTabSelected, resetTabCategory, handleItemAriaHidden, saveCategory, getTotalWords, addCategoryContainer, getTotalWordsLabel*/
+        751) {
           each_value = ensure_array_like(Object.values(
             /*categoryGroups*/
-            ctx[25]
+            ctx[26]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -9437,7 +9553,7 @@
           );
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
         1024 && button1_class_value !== (button1_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[34](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""))) {
@@ -9452,7 +9568,7 @@
         if (dirty[0] & /*totalRemainingWordBinItem, currentSelectedItemId*/
         1152)
           promptcategorisedndcontainer_changes.containerClass = "bg-transparent p-4 pt-[55px] grow md:grow-0 md:pt-20.5 justify-center md:justify-normal\n        " + /*isWordBInTotalZero*/
-          (ctx[34](
+          (ctx[35](
             /*totalRemainingWordBinItem*/
             ctx[10]
           ) && !/*currentSelectedItemId*/
@@ -9468,7 +9584,7 @@
         promptcategorisedndcontainer.$set(promptcategorisedndcontainer_changes);
         if (!current || dirty[0] & /*totalRemainingWordBinItem*/
         1024 && button2_class_value !== (button2_class_value = "focus-ring p-2 text-blue-1000 rounded-md w-11 h-11 mt-9 td:hover:bg-black-50 active:bg-black-60 disabled:text-gray-40 disabled:hover:bg-white md:hidden " + /*isWordBInTotalZero*/
-        (ctx[34](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""))) {
@@ -9586,7 +9702,7 @@
         destroy_component(smallchevronleft);
         destroy_component(promptcategorisedndcontainer);
         destroy_component(smallchevronright);
-        ctx[45](null);
+        ctx[49](null);
         mounted = false;
         run_all(dispose);
       }
@@ -9600,11 +9716,11 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[21].text
+          ctx[22].text
         ),
         prompt: (
           /*prompt*/
-          ctx[23]
+          ctx[24]
         ),
         $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
@@ -9619,14 +9735,14 @@
       m(target, anchor) {
         insert(target, div, anchor);
         mount_component(promptbody, div, null);
-        ctx[46](div);
+        ctx[50](div);
         current = true;
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, isFinished, isPreviewModeInteractive, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, enableAriaLive, previewResultSr*/
-        2097147 | dirty[1] & /*$$scope*/
-        134217728) {
+        if (dirty[0] & /*isModalOpen, categoryTabIndex, dropContainerId, considerContainerId, isDraggingOver, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, tabCategory, totalRemainingWordBinItem, currentWordBinIndex, currentAnswer, isFinished, isPreviewModeInteractive, totalCategoryItems, selectedItemName, openCategoryContainer, categoryTitleHeight, enableAriaLive, previewResultSr, totalCategoryWords*/
+        4194299 | dirty[2] & /*$$scope*/
+        1) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -9646,7 +9762,7 @@
           detach(div);
         }
         destroy_component(promptbody);
-        ctx[46](null);
+        ctx[50](null);
       }
     };
   }
@@ -9674,13 +9790,13 @@
     let selectedItemName = "";
     let previewResultSr = "";
     let enableAriaLive = true;
+    const totalCategoryWords = [];
     const { rubric, interaction, metadata, scoringMetadata } = sessionData;
     const { prompt, category_groups: interactionCategoryGroups, category_items: interactionCategoryItems } = interaction;
     const categoryItems = useFilterUniqueObject(interactionCategoryItems);
     const categoryGroups = useFilterUniqueObject(interactionCategoryGroups);
     const tabCategory = [];
-    categoryGroups.map((group) => $$invalidate(19, tabCategory[group.id] = false, tabCategory));
-    const totalCagories = categoryGroups.length;
+    categoryGroups.map((group) => $$invalidate(20, tabCategory[group.id] = false, tabCategory));
     totalCategoryItems = totalRemainingWordBinItem = Object.keys(categoryItems).length;
     let wordBinItems = categoryItems.map((item) => item.id);
     let initialCategoryAnswer = [
@@ -9691,7 +9807,7 @@
     ];
     let categoryTitleHeight = [];
     categoryGroups.map((category) => {
-      $$invalidate(20, categoryTitleHeight[category.id] = "", categoryTitleHeight);
+      $$invalidate(21, categoryTitleHeight[category.id] = "", categoryTitleHeight);
     });
     if (metadata) {
       const { events } = metadata.interactions;
@@ -9782,8 +9898,19 @@
       $$invalidate(16, selectedItemName = storeSelectedItemName);
       $$invalidate(17, previewResultSr = storepreviewResultSr);
       $$invalidate(15, categoryTabIndex = storeSelectedItemId.length ? -1 : 0);
-      const storeWordBinItem = currentAnswer.filter((answer) => answer.categoryId === CONTAINER_WORD_BIN_ID);
-      $$invalidate(10, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
+      currentAnswer.map((answer) => {
+        const { categoryId, itemId } = answer;
+        let totalWordCount = itemId.length;
+        if (isFinished) {
+          const items = itemId.filter((item) => {
+            const itemType = item.split(EAT_DASH)[1];
+            return itemType !== ANSWER_MISSED;
+          });
+          totalWordCount = items.length;
+        }
+        $$invalidate(19, totalCategoryWords[categoryId] = totalWordCount, totalCategoryWords);
+      });
+      $$invalidate(10, totalRemainingWordBinItem = totalCategoryWords[CONTAINER_WORD_BIN_ID]);
       if (lastSelectedTabContainer) {
         setTimeout(
           () => {
@@ -9834,7 +9961,7 @@
     };
     const getTotalWords = (categoryId, currentAnswerData) => {
       let totalWords = 0;
-      const category = currentAnswerData.filter((answer) => answer.categoryId === categoryId)[0];
+      const category = currentAnswerData?.filter((answer) => answer.categoryId === categoryId)[0];
       if (category) {
         const categoryItems2 = category.itemId;
         totalWords = categoryItems2.length;
@@ -9846,6 +9973,10 @@
           totalWords = items.length;
         }
       }
+      return getTotalWordsLabel(totalWords);
+    };
+    const getTotalWordsLabel = (total) => {
+      const totalWords = total || 0;
       return `${totalWords} ${totalWords === 1 ? "word" : "words"}`;
     };
     const checkifCategoryContainerOpen = (categoryId, openCategoryContainer2) => {
@@ -9892,28 +10023,37 @@
       categoriseSettings.set({
         ...get_store_value(categoriseSettings),
         currentTabContainer: "",
-        lastSelectedTabContainer: ""
+        lastSelectedTabContainer: "",
+        isItemsAriaHidden: true
       });
     };
     const goToWordBin = () => {
       tabCategory[CONTAINER_WORD_BIN_ID].focus();
     };
+    const handleItemAriaHidden = (type) => {
+      categoriseSettings.set({
+        ...get_store_value(categoriseSettings),
+        isItemsAriaHidden: type
+      });
+    };
     function div0_elementresize_handler(category) {
       categoryTitleHeight[category.id] = this.clientHeight;
-      $$invalidate(20, categoryTitleHeight);
+      $$invalidate(21, categoryTitleHeight);
     }
     const keydown_handler = (category, { key }) => getContainerTabSelected(key, category.id);
+    const blur_handler = () => handleItemAriaHidden(false);
     function div1_binding($$value, category) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[category.id] = $$value;
-        $$invalidate(19, tabCategory);
+        $$invalidate(20, tabCategory);
       });
     }
     const keydown_handler_1 = ({ key }) => getContainerTabSelected(key, CONTAINER_WORD_BIN_ID);
+    const blur_handler_1 = () => handleItemAriaHidden(false);
     function div4_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         tabCategory[CONTAINER_WORD_BIN_ID] = $$value;
-        $$invalidate(19, tabCategory);
+        $$invalidate(20, tabCategory);
       });
     }
     function div_binding($$value) {
@@ -9924,11 +10064,11 @@
     }
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(39, sessionData = $$props2.sessionData);
+        $$invalidate(41, sessionData = $$props2.sessionData);
       if ("isFinished" in $$props2)
         $$invalidate(0, isFinished = $$props2.isFinished);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(40, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(42, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
         $$invalidate(1, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
@@ -9952,6 +10092,7 @@
       selectedItemName,
       previewResultSr,
       enableAriaLive,
+      totalCategoryWords,
       tabCategory,
       categoryTitleHeight,
       rubric,
@@ -9959,12 +10100,12 @@
       prompt,
       categoryItems,
       categoryGroups,
-      totalCagories,
       checkContainerDragOver,
       checkContainerDroppedItem,
       checkSelectedSourceContainer,
       openResetModal,
       getTotalWords,
+      getTotalWordsLabel,
       checkifCategoryContainerOpen,
       addCategoryContainer,
       isWordBInTotalZero,
@@ -9972,12 +10113,15 @@
       getContainerTabSelected,
       resetTabCategory,
       goToWordBin,
+      handleItemAriaHidden,
       sessionData,
       isPreviewMode,
       div0_elementresize_handler,
       keydown_handler,
+      blur_handler,
       div1_binding,
       keydown_handler_1,
+      blur_handler_1,
       div4_binding,
       div_binding
     ];
@@ -9992,17 +10136,17 @@
         create_fragment21,
         safe_not_equal,
         {
-          sessionData: 39,
+          sessionData: 41,
           isFinished: 0,
-          isPreviewMode: 40,
+          isPreviewMode: 42,
           isPreviewModeInteractive: 1
         },
         null,
-        [-1, -1]
+        [-1, -1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[39];
+      return this.$$.ctx[41];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -10016,7 +10160,7 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[40];
+      return this.$$.ctx[42];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });