eat-js-sdk 0.0.46 → 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
@@ -5667,23 +5668,23 @@
           /*wordButtonId*/
           ctx[3]
         );
-        attr(
-          button,
-          "tabindex",
-          /*tabIndex*/
-          ctx[5]
-        );
         attr(button, "aria-label", button_aria_label_value = /*resultType*/
-        (ctx[1] === ANSWER_CORRECT || /*resultType*/
-        ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-        ctx[10] ? `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[10] ? "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*/
@@ -5719,7 +5720,7 @@
         append(span2, t3);
         if (if_block1)
           if_block1.m(span2, null);
-        ctx[15](button);
+        ctx[14](button);
         current = true;
         if (!mounted) {
           dispose = [
@@ -5834,27 +5835,24 @@
             ctx[3]
           );
         }
-        if (!current || dirty & /*tabIndex*/
-        32) {
-          attr(
-            button,
-            "tabindex",
-            /*tabIndex*/
-            ctx[5]
-          );
-        }
-        if (!current || dirty & /*resultType, isWordItemSelected, word*/
-        1027 && button_aria_label_value !== (button_aria_label_value = /*resultType*/
-        (ctx[1] === ANSWER_CORRECT || /*resultType*/
-        ctx[1] === ANSWER_INCORRECT) && !/*isWordItemSelected*/
-        ctx[10] ? `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[10] ? "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);
         }
@@ -5901,7 +5899,7 @@
         if_blocks[current_block_type_index].d();
         if (if_block1)
           if_block1.d();
-        ctx[15](null);
+        ctx[14](null);
         mounted = false;
         run_all(dispose);
       }
@@ -5914,7 +5912,6 @@
     let { wordButtonId = "" } = $$props;
     let { isClonedItem = false } = $$props;
     let { containerId = "" } = $$props;
-    let { tabIndex = -1 } = $$props;
     let { wordFocus = false } = $$props;
     let { disabledClick = false } = $$props;
     let considerCloneItemId = "";
@@ -5991,17 +5988,15 @@
       if ("isClonedItem" in $$props2)
         $$invalidate(4, isClonedItem = $$props2.isClonedItem);
       if ("containerId" in $$props2)
-        $$invalidate(13, containerId = $$props2.containerId);
-      if ("tabIndex" in $$props2)
-        $$invalidate(5, tabIndex = $$props2.tabIndex);
+        $$invalidate(5, containerId = $$props2.containerId);
       if ("wordFocus" in $$props2)
-        $$invalidate(14, wordFocus = $$props2.wordFocus);
+        $$invalidate(13, wordFocus = $$props2.wordFocus);
       if ("disabledClick" in $$props2)
         $$invalidate(6, disabledClick = $$props2.disabledClick);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty & /*wordFocus, wordButton*/
-      16512) {
+      8320) {
         $:
           if (wordFocus) {
             setTimeout(
@@ -6019,7 +6014,7 @@
       otherClass,
       wordButtonId,
       isClonedItem,
-      tabIndex,
+      containerId,
       disabledClick,
       wordButton,
       considerCloneItemId,
@@ -6027,7 +6022,6 @@
       isWordItemSelected,
       selectItem,
       removeContainerTabSelected,
-      containerId,
       wordFocus,
       button_binding
     ];
@@ -6041,9 +6035,8 @@
         otherClass: 2,
         wordButtonId: 3,
         isClonedItem: 4,
-        containerId: 13,
-        tabIndex: 5,
-        wordFocus: 14,
+        containerId: 5,
+        wordFocus: 13,
         disabledClick: 6
       });
     }
@@ -6083,21 +6076,14 @@
       flush();
     }
     get containerId() {
-      return this.$$.ctx[13];
+      return this.$$.ctx[5];
     }
     set containerId(containerId) {
       this.$$set({ containerId });
       flush();
     }
-    get tabIndex() {
-      return this.$$.ctx[5];
-    }
-    set tabIndex(tabIndex) {
-      this.$$set({ tabIndex });
-      flush();
-    }
     get wordFocus() {
-      return this.$$.ctx[14];
+      return this.$$.ctx[13];
     }
     set wordFocus(wordFocus) {
       this.$$set({ wordFocus });
@@ -6111,7 +6097,7 @@
       flush();
     }
   };
-  customElements.define("prompt-categorise-word-button", create_custom_element(PromptCategoriseWordButton, { "word": {}, "resultType": {}, "otherClass": {}, "wordButtonId": {}, "isClonedItem": { "type": "Boolean" }, "containerId": {}, "tabIndex": {}, "wordFocus": { "type": "Boolean" }, "disabledClick": { "type": "Boolean" } }, [], [], true));
+  customElements.define("prompt-categorise-word-button", create_custom_element(PromptCategoriseWordButton, { "word": {}, "resultType": {}, "otherClass": {}, "wordButtonId": {}, "isClonedItem": { "type": "Boolean" }, "containerId": {}, "wordFocus": { "type": "Boolean" }, "disabledClick": { "type": "Boolean" } }, [], [], true));
   var PromptCategoriseWordButton_default = PromptCategoriseWordButton;
 
   // src/lib/stores/modal.ts
@@ -6153,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) {
@@ -6171,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[17] ? "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);
@@ -6180,7 +6166,7 @@
             button,
             "click",
             /*addAnswerItem*/
-            ctx[20]
+            ctx[22]
           );
           mounted = true;
         }
@@ -6225,13 +6211,13 @@
               div,
               "click",
               /*addAnswerItem*/
-              ctx[20]
+              ctx[22]
             ),
             listen(
               div,
               "keypress",
               /*addAnswerItem*/
-              ctx[20]
+              ctx[22]
             )
           ];
           mounted = true;
@@ -6248,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);
         }
       }
     };
@@ -6283,48 +6272,42 @@
     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[15][
+        (ctx[16][
           /*currentWordBinIndex*/
-          ctx[11]
+          ctx[12]
         ]?.id !== /*item*/
-        ctx[33].id && /*isContainerWordBin*/
-        ctx[17] ? "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*/
           ctx[2]
         ),
-        tabIndex: (
-          /*currentTabContainer*/
-          ctx[13] !== /*containerId*/
-          ctx[2] || /*isModalOpen*/
-          ctx[14] ? -1 : 0
-        ),
         wordFocus: (
           /*currentTabContainer*/
-          ctx[13] === /*containerId*/
+          ctx[14] === /*containerId*/
           ctx[2] && /*item*/
-          ctx[33].id === /*items*/
-          ctx[15][0].id
+          ctx[34].id === /*items*/
+          ctx[16][0].id
         ),
         disabledClick: (
           /*isFinished*/
@@ -6332,7 +6315,7 @@
         ),
         resultType: (
           /*item*/
-          ctx[33].type
+          ctx[34].type
         )
       }
     });
@@ -6359,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);
@@ -6374,54 +6357,48 @@
         }
         const promptcategorisewordbutton_changes = {};
         if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex*/
-        35088)
+        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[15][
+          (ctx[16][
             /*currentWordBinIndex*/
-            ctx[11]
+            ctx[12]
           ]?.id !== /*item*/
-          ctx[33].id && /*isContainerWordBin*/
-          ctx[17] ? "hidden md:flex" : "");
+          ctx[34].id && /*isContainerWordBin*/
+          ctx[19] ? "hidden md:flex" : "");
         if (dirty[0] & /*items*/
-        32768)
+        65536)
           promptcategorisewordbutton_changes.word = /*item*/
-          ctx[33].text;
+          ctx[34].text;
         if (dirty[0] & /*items*/
-        32768)
+        65536)
           promptcategorisewordbutton_changes.wordButtonId = /*item*/
-          ctx[33].id;
+          ctx[34].id;
         if (dirty[0] & /*items*/
-        32768)
+        65536)
           promptcategorisewordbutton_changes.isClonedItem = /*item*/
-          ctx[33].isClonedItem;
+          ctx[34].isClonedItem;
         if (dirty[0] & /*containerId*/
         4)
           promptcategorisewordbutton_changes.containerId = /*containerId*/
           ctx[2];
-        if (dirty[0] & /*currentTabContainer, containerId, isModalOpen*/
-        24580)
-          promptcategorisewordbutton_changes.tabIndex = /*currentTabContainer*/
-          ctx[13] !== /*containerId*/
-          ctx[2] || /*isModalOpen*/
-          ctx[14] ? -1 : 0;
         if (dirty[0] & /*currentTabContainer, containerId, items*/
-        40964)
+        81924)
           promptcategorisewordbutton_changes.wordFocus = /*currentTabContainer*/
-          ctx[13] === /*containerId*/
+          ctx[14] === /*containerId*/
           ctx[2] && /*item*/
-          ctx[33].id === /*items*/
-          ctx[15][0].id;
+          ctx[34].id === /*items*/
+          ctx[16][0].id;
         if (dirty[0] & /*isFinished*/
         128)
           promptcategorisewordbutton_changes.disabledClick = /*isFinished*/
           ctx[7];
         if (dirty[0] & /*items*/
-        32768)
+        65536)
           promptcategorisewordbutton_changes.resultType = /*item*/
-          ctx[33].type;
+          ctx[34].type;
         promptcategorisewordbutton.$set(promptcategorisewordbutton_changes);
       },
       i(local) {
@@ -6459,23 +6436,23 @@
     let dispose;
     let if_block0 = (
       /*dragDisabled*/
-      ctx[9] && /*sourceSelectedContainerId*/
-      ctx[10] !== /*containerId*/
+      ctx[10] && /*sourceSelectedContainerId*/
+      ctx[11] !== /*containerId*/
       ctx[2] && !/*isFinished*/
       ctx[7] && create_if_block_24(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
-      ctx[12] <= 0 && /*isContainerWordBin*/
-      ctx[17] && create_if_block_16(ctx)
+      ctx[13] <= 0 && /*isContainerWordBin*/
+      ctx[19] && create_if_block_16(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
-      ctx[15]
+      ctx[16]
     ));
     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);
@@ -6497,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,
@@ -6505,7 +6488,7 @@
           ctx[2]
         );
         attr(section, "style", section_style_value = !/*isContainerWordBin*/
-        ctx[17] ? `padding-top: ${/*paddingTop*/
+        ctx[19] ? `padding-top: ${/*paddingTop*/
         ctx[5]}px;` : "");
       },
       m(target, anchor) {
@@ -6527,7 +6510,7 @@
             action_destroyer(dndzone_action = dndzone$2.call(null, section, {
               items: (
                 /*items*/
-                ctx[15]
+                ctx[16]
               ),
               flipDurationMs: (
                 /*flipDurationMs*/
@@ -6539,28 +6522,34 @@
               ),
               dropTargetClasses: (
                 /*dropTargetClasses*/
-                ctx[16]
+                ctx[18]
               ),
               morphDisabled: true,
               dragDisabled: (
                 /*dragDisabled*/
-                ctx[9]
+                ctx[10]
               ),
               autoAriaDisabled: true,
-              zoneItemTabIndex: -1,
+              zoneItemTabIndex: (
+                /*currentTabContainer*/
+                ctx[14] !== /*containerId*/
+                ctx[2] || /*selectedItemId*/
+                ctx[9] || /*isModalOpen*/
+                ctx[15] ? -1 : 0
+              ),
               zoneTabIndex: -1
             })),
             listen(
               section,
               "consider",
               /*handleDndConsider*/
-              ctx[18]
+              ctx[20]
             ),
             listen(
               section,
               "finalize",
               /*handleDndFinalize*/
-              ctx[19]
+              ctx[21]
             )
           ];
           mounted = true;
@@ -6569,8 +6558,8 @@
       p(ctx2, dirty) {
         if (
           /*dragDisabled*/
-          ctx2[9] && /*sourceSelectedContainerId*/
-          ctx2[10] !== /*containerId*/
+          ctx2[10] && /*sourceSelectedContainerId*/
+          ctx2[11] !== /*containerId*/
           ctx2[2] && !/*isFinished*/
           ctx2[7]
         ) {
@@ -6587,8 +6576,8 @@
         }
         if (
           /*totalRemainingWordBinItem*/
-          ctx2[12] <= 0 && /*isContainerWordBin*/
-          ctx2[17]
+          ctx2[13] <= 0 && /*isContainerWordBin*/
+          ctx2[19]
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
@@ -6601,11 +6590,11 @@
           if_block1.d(1);
           if_block1 = null;
         }
-        if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isModalOpen, isFinished*/
-        190868) {
+        if (dirty[0] & /*items, considerItemId, showButton, currentWordBinIndex, isContainerWordBin, containerId, currentTabContainer, isFinished*/
+        610708) {
           each_value = ensure_array_like(Object.values(
             /*items*/
-            ctx2[15]
+            ctx2[16]
           ));
           group_outros();
           each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, section, outro_and_destroy_block, create_each_block2, null, get_each_context2);
@@ -6616,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(
@@ -6627,16 +6625,16 @@
         }
         if (!current || dirty[0] & /*paddingTop*/
         32 && section_style_value !== (section_style_value = !/*isContainerWordBin*/
-        ctx2[17] ? `padding-top: ${/*paddingTop*/
+        ctx2[19] ? `padding-top: ${/*paddingTop*/
         ctx2[5]}px;` : "")) {
           attr(section, "style", section_style_value);
         }
-        if (dndzone_action && is_function(dndzone_action.update) && dirty[0] & /*items, flipDurationMs, type, dragDisabled*/
-        33290)
+        if (dndzone_action && is_function(dndzone_action.update) && dirty[0] & /*items, flipDurationMs, type, dragDisabled, currentTabContainer, containerId, selectedItemId, isModalOpen*/
+        116238)
           dndzone_action.update.call(null, {
             items: (
               /*items*/
-              ctx2[15]
+              ctx2[16]
             ),
             flipDurationMs: (
               /*flipDurationMs*/
@@ -6648,15 +6646,21 @@
             ),
             dropTargetClasses: (
               /*dropTargetClasses*/
-              ctx2[16]
+              ctx2[18]
             ),
             morphDisabled: true,
             dragDisabled: (
               /*dragDisabled*/
-              ctx2[9]
+              ctx2[10]
             ),
             autoAriaDisabled: true,
-            zoneItemTabIndex: -1,
+            zoneItemTabIndex: (
+              /*currentTabContainer*/
+              ctx2[14] !== /*containerId*/
+              ctx2[2] || /*selectedItemId*/
+              ctx2[9] || /*isModalOpen*/
+              ctx2[15] ? -1 : 0
+            ),
             zoneTabIndex: -1
           });
       },
@@ -6714,29 +6718,31 @@
     let currentTabContainer = "";
     let isModalOpen = false;
     let items = [];
+    let isItemsAriaHidden = false;
     const dispatch = createEventDispatcher();
     const dropTargetClasses = ["!outline-none"];
     const isContainerWordBin = containerId === CONTAINER_WORD_BIN_ID;
     const { rawCategoryItems } = get_store_value(categoriseSettings);
     modalSettings.subscribe((value) => {
       const { isModalOpen: storeIsModalOpen } = value;
-      $$invalidate(14, isModalOpen = storeIsModalOpen);
+      $$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(9, dragDisabled = isFinished || !!storeSelectedItemId);
+      $$invalidate(10, dragDisabled = isFinished || !!storeSelectedItemId);
       currentAnswer = storeCurrentAnswer;
-      selectedItemId = storeSelectedItemId;
-      $$invalidate(10, sourceSelectedContainerId = storeSourceSelectedContainerId);
-      $$invalidate(11, currentWordBinIndex = storeCurrentWordBinIndex);
-      $$invalidate(13, currentTabContainer = storeCurrentTabContainer);
+      $$invalidate(9, selectedItemId = storeSelectedItemId);
+      $$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(12, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
+      $$invalidate(13, totalRemainingWordBinItem = storeWordBinItem[0].itemId.length);
       if (storeCurrentAnswer) {
         const currentAnswerList = currentAnswer.filter((answer) => answer.categoryId === containerId);
         if (currentAnswerList.length) {
-          $$invalidate(15, items = currentAnswerList[0].itemId.map((rawAnswerId) => {
+          $$invalidate(16, items = currentAnswerList[0].itemId.map((rawAnswerId) => {
             const splitId = rawAnswerId.split(EAT_DASH);
             const answerId = splitId[0];
             const answerIndex = rawCategoryItems.findIndex((answer) => answer.id === answerId);
@@ -6770,7 +6776,7 @@
       const { sourceContainerId, sourceCloneContainerId } = get_store_value(categoriseSettings);
       if (trigger === TRIGGERS.DRAG_STARTED) {
         const { items: cateoryItems } = detail;
-        $$invalidate(15, items = cateoryItems);
+        $$invalidate(16, items = cateoryItems);
         const orginalId = items.filter((item) => item[SHADOW_ITEM_MARKER_PROPERTY_NAME]);
         const originalItemIndex = items.findIndex((item) => item.id === orginalId[0].id);
         items.splice(originalItemIndex, 1, {
@@ -6803,7 +6809,7 @@
     const handleDndFinalize = (e2) => {
       const { items: categoryItems, info } = e2.detail;
       const { trigger, id } = info;
-      $$invalidate(15, items = categoryItems.filter((item) => !item.isClonedItem));
+      $$invalidate(16, items = categoryItems.filter((item) => !item.isClonedItem));
       if (trigger === TRIGGERS.DROPPED_INTO_ZONE) {
         const { currentTarget } = e2;
         addAnswerItemStore(id, currentTarget.id);
@@ -6984,9 +6990,9 @@
       if ("isFinished" in $$props2)
         $$invalidate(7, isFinished = $$props2.isFinished);
       if ("correctAnswerList" in $$props2)
-        $$invalidate(21, correctAnswerList = $$props2.correctAnswerList);
+        $$invalidate(23, correctAnswerList = $$props2.correctAnswerList);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(22, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(24, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       containerClass,
@@ -6998,6 +7004,7 @@
       ariaLabel,
       isFinished,
       considerItemId,
+      selectedItemId,
       dragDisabled,
       sourceSelectedContainerId,
       currentWordBinIndex,
@@ -7005,6 +7012,7 @@
       currentTabContainer,
       isModalOpen,
       items,
+      isItemsAriaHidden,
       dropTargetClasses,
       isContainerWordBin,
       handleDndConsider,
@@ -7032,8 +7040,8 @@
           paddingTop: 5,
           ariaLabel: 6,
           isFinished: 7,
-          correctAnswerList: 21,
-          isPreviewModeInteractive: 22
+          correctAnswerList: 23,
+          isPreviewModeInteractive: 24
         },
         null,
         [-1, -1]
@@ -7096,14 +7104,14 @@
       flush();
     }
     get correctAnswerList() {
-      return this.$$.ctx[21];
+      return this.$$.ctx[23];
     }
     set correctAnswerList(correctAnswerList) {
       this.$$set({ correctAnswerList });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[22];
+      return this.$$.ctx[24];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -8026,19 +8034,19 @@
   // src/lib/components/prompt/categorise/PromptCategorise.svelte
   function get_each_context3(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[53] = list[i];
-    child_ctx[54] = list;
-    child_ctx[55] = 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[33]
+      ctx[36]
     );
     return {
       c() {
@@ -8064,7 +8072,7 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_5(ctx) {
     let button;
     let span0;
     let switchicon;
@@ -8105,7 +8113,7 @@
             button,
             "click",
             /*openResetModal*/
-            ctx[28]
+            ctx[30]
           );
           mounted = true;
         }
@@ -8141,7 +8149,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_42(ctx) {
     let span;
     let t0;
     let t1;
@@ -8179,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;
@@ -8292,9 +8348,9 @@
     let div0;
     let show_if_1 = (
       /*checkContainerDroppedItem*/
-      ctx[26](
+      ctx[28](
         /*category*/
-        ctx[53].id,
+        ctx[59].id,
         /*dropContainerId*/
         ctx[6]
       )
@@ -8305,41 +8361,44 @@
     let span1;
     let t6;
     let t7;
+    let t8;
     let button;
     let span2;
-    let t8_value = (
+    let t9_value = (
       /*getTotalWords*/
-      ctx[29](
+      ctx[31](
         /*category*/
-        ctx[53].id,
+        ctx[59].id,
         /*currentAnswer*/
         ctx[9]
       ) + ""
     );
-    let t8;
     let t9;
+    let t10;
     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 t10;
-    let promptcategorisedndcontainer;
     let t11;
+    let promptcategorisedndcontainer;
+    let t12;
     let div1_class_value;
     let category = (
       /*category*/
-      ctx[53]
+      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)
     );
@@ -8351,9 +8410,9 @@
         show_if = null;
       if (show_if == null)
         show_if = !!/*checkifCategoryContainerOpen*/
-        ctx2[30](
+        ctx2[33](
           /*category*/
-          ctx2[53].id,
+          ctx2[59].id,
           /*openCategoryContainer*/
           ctx2[13]
         );
@@ -8361,76 +8420,76 @@
         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[39].call(
+      ctx[43].call(
         div0,
         /*category*/
-        ctx[53]
+        ctx[59]
       );
     }
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
         containerClass: "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-        (ctx[25](
+        (ctx[27](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-        (ctx[30](
+        (ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "h-full p-3 min-h-[86px] md:min-h-0" : ""),
         paddingTop: (
           /*checkifCategoryContainerOpen*/
-          ctx[30](
+          ctx[33](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[19][
+            ctx[21][
               /*category*/
-              ctx[53].id
+              ctx[59].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[19][
+            ctx[21][
               /*category*/
-              ctx[53].id
+              ctx[59].id
             ]
           )
         ),
         containerId: (
           /*category*/
-          ctx[53].id
+          ctx[59].id
         ),
         showButton: (
           /*checkifCategoryContainerOpen*/
-          ctx[30](
+          ctx[33](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           )
         ),
         ariaLabel: `Category ${/*index*/
-        ctx[55] + 1}: ${/*category*/
-        ctx[53].name}`,
+        ctx[61] + 1}: ${/*category*/
+        ctx[59].name}`,
         isFinished: (
           /*isFinished*/
           ctx[0]
         ),
         correctAnswerList: (
           /*scoringMetadata*/
-          ctx[21]
+          ctx[23]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
@@ -8441,25 +8500,25 @@
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[33]
+      ctx[36]
     );
     function keydown_handler(...args) {
       return (
         /*keydown_handler*/
-        ctx[40](
+        ctx[44](
           /*category*/
-          ctx[53],
+          ctx[59],
           ...args
         )
       );
     }
     const assign_div1 = () => (
       /*div1_binding*/
-      ctx[41](div1, category)
+      ctx[46](div1, category)
     );
     const unassign_div1 = () => (
       /*div1_binding*/
-      ctx[41](null, category)
+      ctx[46](null, category)
     );
     return {
       c() {
@@ -8470,81 +8529,85 @@
         t0 = space();
         span0 = element("span");
         span0.textContent = `Category ${/*index*/
-        ctx[55] + 1}:\xA0`;
+        ctx[61] + 1}:\xA0`;
         t4 = space();
         span1 = element("span");
         span1.textContent = `${/*category*/
-        ctx[53].name}`;
+        ctx[59].name}`;
         t6 = space();
         if (if_block1)
           if_block1.c();
         t7 = space();
+        if (if_block2)
+          if_block2.c();
+        t8 = space();
         button = element("button");
         span2 = element("span");
-        t8 = text(t8_value);
-        t9 = space();
-        span3 = element("span");
-        if_block2.c();
+        t9 = text(t9_value);
         t10 = space();
-        create_component(promptcategorisedndcontainer.$$.fragment);
+        span3 = element("span");
+        if_block3.c();
         t11 = space();
+        create_component(promptcategorisedndcontainer.$$.fragment);
+        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");
         attr(span3, "class", "w-4 h-4 text-inherit flex items-center justify-center");
         attr(button, "aria-label", button_aria_label_value = /*getTotalWords*/
-        ctx[29](
+        ctx[31](
           /*category*/
-          ctx[53].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[55]}`);
+        ctx[61]}`);
         attr(div0, "aria-live", div0_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[26](
+        ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
-        ) ? "polite" : "off");
+        ) && /*enableAriaLive*/
+        ctx[18] ? "polite" : "off");
         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[26](
+        (ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[30](
+        ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkContainerDragOver*/
-        ctx[25](
+        ctx[27](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[30](
+        (ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[30](
+        ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkSelectedSourceContainer*/
-        ctx[27](
+        ctx[29](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
@@ -8565,38 +8628,38 @@
         );
         attr(div1, "role", "group");
         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[25](
+        (ctx[27](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) && /*hasAddItemAnimation*/
         ctx[11] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[27](
+        (ctx[29](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
           ctx[7]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[30](
+        (ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "min-h-[140px]" : ""));
@@ -8614,16 +8677,19 @@
         if (if_block1)
           if_block1.m(div0, null);
         append(div0, t7);
+        if (if_block2)
+          if_block2.m(div0, null);
+        append(div0, t8);
         append(div0, button);
         append(button, span2);
-        append(span2, t8);
-        append(button, t9);
+        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, t10);
-        mount_component(promptcategorisedndcontainer, div1, null);
         append(div1, t11);
+        mount_component(promptcategorisedndcontainer, div1, null);
+        append(div1, t12);
         assign_div1();
         current = true;
         if (!mounted) {
@@ -8631,16 +8697,16 @@
             listen(button, "click", function() {
               if (is_function(
                 /*addCategoryContainer*/
-                ctx[31](
+                ctx[34](
                   /*category*/
-                  ctx[53].id,
+                  ctx[59].id,
                   /*openCategoryContainer*/
                   ctx[13]
                 )
               ))
-                ctx[31](
+                ctx[34](
                   /*category*/
-                  ctx[53].id,
+                  ctx[59].id,
                   /*openCategoryContainer*/
                   ctx[13]
                 ).apply(this, arguments);
@@ -8650,7 +8716,13 @@
               div1,
               "focus",
               /*resetTabCategory*/
-              ctx[35]
+              ctx[38]
+            ),
+            listen(
+              div1,
+              "blur",
+              /*blur_handler*/
+              ctx[45]
             )
           ];
           mounted = true;
@@ -8661,9 +8733,9 @@
         if (dirty[0] & /*dropContainerId*/
         64)
           show_if_1 = /*checkContainerDroppedItem*/
-          ctx[26](
+          ctx[28](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*dropContainerId*/
             ctx[6]
           );
@@ -8671,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);
           }
@@ -8679,14 +8751,12 @@
           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, t7);
           }
@@ -8694,15 +8764,30 @@
           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) && t8_value !== (t8_value = /*getTotalWords*/
-        ctx[29](
+        512) && t9_value !== (t9_value = /*getTotalWords*/
+        ctx[31](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*currentAnswer*/
           ctx[9]
         ) + ""))
-          set_data(t8, t8_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) {
@@ -8711,72 +8796,73 @@
             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[29](
+        ctx[31](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*currentAnswer*/
           ctx[9]
         ))) {
           attr(button, "aria-label", button_aria_label_value);
         }
-        if (!current || dirty[0] & /*dropContainerId*/
-        64 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[26](
+        if (!current || dirty[0] & /*dropContainerId, enableAriaLive*/
+        262208 && div0_aria_live_value !== (div0_aria_live_value = /*checkContainerDroppedItem*/
+        ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
-        ) ? "polite" : "off")) {
+        ) && /*enableAriaLive*/
+        ctx[18] ? "polite" : "off")) {
           attr(div0, "aria-live", div0_aria_live_value);
         }
         if (!current || dirty[0] & /*dropContainerId, openCategoryContainer, considerContainerId, isDraggingOver, sourceSelectedContainerId, currentSelectedItemId*/
         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[26](
+        (ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-tranparent" : "bg-white") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[30](
+        ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkContainerDragOver*/
-        ctx[25](
+        ctx[27](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "!bg-violet-100 md:!bg-white" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[30](
+        (ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "" : "rounded-b-lg md:rounded-b-none") + " " + (!/*checkifCategoryContainerOpen*/
-        ctx[30](
+        ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) && /*checkSelectedSourceContainer*/
-        ctx[27](
+        ctx[29](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
@@ -8788,47 +8874,47 @@
         if (dirty[0] & /*considerContainerId, isDraggingOver, openCategoryContainer*/
         8240)
           promptcategorisedndcontainer_changes.containerClass = "content-start !outline-none rounded-lg grow w-full md:p-4\n          " + /*checkContainerDragOver*/
-          (ctx[25](
+          (ctx[27](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*considerContainerId*/
             ctx[4],
             /*isDraggingOver*/
             ctx[5]
           ) ? "bg-violet-100" : "") + "\n          " + /*checkifCategoryContainerOpen*/
-          (ctx[30](
+          (ctx[33](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           ) ? "h-full p-3 min-h-[86px] md:min-h-0" : "");
         if (dirty[0] & /*openCategoryContainer, categoryTitleHeight*/
-        532480)
+        2105344)
           promptcategorisedndcontainer_changes.paddingTop = /*checkifCategoryContainerOpen*/
-          ctx[30](
+          ctx[33](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           ) || !useIsSmallScreen() ? (
             /*categoryTitleHeight*/
-            ctx[19][
+            ctx[21][
               /*category*/
-              ctx[53].id
+              ctx[59].id
             ] + 16
           ) : (
             /*categoryTitleHeight*/
-            ctx[19][
+            ctx[21][
               /*category*/
-              ctx[53].id
+              ctx[59].id
             ]
           );
         if (dirty[0] & /*openCategoryContainer*/
         8192)
           promptcategorisedndcontainer_changes.showButton = /*checkifCategoryContainerOpen*/
-          ctx[30](
+          ctx[33](
             /*category*/
-            ctx[53].id,
+            ctx[59].id,
             /*openCategoryContainer*/
             ctx[13]
           );
@@ -8861,60 +8947,60 @@
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId, openCategoryContainer*/
         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[25](
+        (ctx[27](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "raw-focus-ring" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*dropContainerId*/
           ctx[6]
         ) && /*hasAddItemAnimation*/
         ctx[11] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[27](
+        (ctx[29](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*sourceSelectedContainerId*/
           ctx[8],
           /*currentSelectedItemId*/
           ctx[7]
         ) ? "hover:bg-violet-100 hover-focus-ring cursor-pointer" : "") + " " + /*checkifCategoryContainerOpen*/
-        (ctx[30](
+        (ctx[33](
           /*category*/
-          ctx[53].id,
+          ctx[59].id,
           /*openCategoryContainer*/
           ctx[13]
         ) ? "min-h-[140px]" : ""))) {
           attr(div1, "class", div1_class_value);
         }
         if (category !== /*category*/
-        ctx[53]) {
+        ctx[59]) {
           unassign_div1();
           category = /*category*/
-          ctx[53];
+          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;
       },
@@ -8926,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);
@@ -8991,7 +9079,7 @@
     let div2;
     let show_if = (
       /*checkContainerDroppedItem*/
-      ctx[26](
+      ctx[28](
         CONTAINER_WORD_BIN_ID,
         /*dropContainerId*/
         ctx[6]
@@ -9028,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[24]
+      ctx[26]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -9052,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[32](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) && !/*currentSelectedItemId*/
         ctx[7] ? "absolute inset-0" : ""),
         items: (
           /*categoryItems*/
-          ctx[23]
+          ctx[25]
         ),
         containerId: CONTAINER_WORD_BIN_ID,
         ariaLabel: "Word bin",
@@ -9069,7 +9157,7 @@
         ),
         correctAnswerList: (
           /*scoringMetadata*/
-          ctx[21]
+          ctx[23]
         ),
         isPreviewModeInteractive: (
           /*isPreviewModeInteractive*/
@@ -9080,7 +9168,7 @@
     promptcategorisedndcontainer.$on(
       "saveCategory",
       /*saveCategory*/
-      ctx[33]
+      ctx[36]
     );
     smallchevronright = new SmallChevronRight_default({});
     return {
@@ -9113,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(
@@ -9162,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[32](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""));
@@ -9171,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[32](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""));
@@ -9192,32 +9280,32 @@
           ctx[15]
         );
         attr(div4, "aria-live", div4_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[26](
+        ctx[28](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[6]
         ) ? "polite" : "off");
         attr(div4, "role", "group");
         attr(div4, "class", div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[25](
+        (ctx[27](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[6]
         ) && /*hasAddItemAnimation*/
         ctx[11] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[27](
+        (ctx[29](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
           ctx[8],
@@ -9271,7 +9359,7 @@
         append(div3, button2);
         append(button2, span5);
         mount_component(smallchevronright, span5, null);
-        ctx[43](div4);
+        ctx[49](div4);
         current = true;
         if (!mounted) {
           dispose = [
@@ -9279,7 +9367,7 @@
               button0,
               "keypress",
               /*goToWordBin*/
-              ctx[36]
+              ctx[39]
             ),
             listen(button1, "click", function() {
               if (is_function(useNavigateItem(
@@ -9317,13 +9405,19 @@
               div4,
               "keydown",
               /*keydown_handler_1*/
-              ctx[42]
+              ctx[47]
             ),
             listen(
               div4,
               "focus",
               /*resetTabCategory*/
-              ctx[35]
+              ctx[38]
+            ),
+            listen(
+              div4,
+              "blur",
+              /*blur_handler_1*/
+              ctx[48]
             )
           ];
           mounted = true;
@@ -9351,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);
@@ -9376,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);
@@ -9397,12 +9491,12 @@
             ctx[12]
           );
         }
-        if (dirty[0] & /*isModalOpen, categoryTabIndex, checkContainerDragOver, categoryGroups, considerContainerId, isDraggingOver, checkContainerDroppedItem, dropContainerId, hasAddItemAnimation, checkSelectedSourceContainer, sourceSelectedContainerId, currentSelectedItemId, checkifCategoryContainerOpen, openCategoryContainer, tabCategory, categoryTitleHeight, isFinished, scoringMetadata, isPreviewModeInteractive, getTotalWords, currentAnswer, previewResultSr, selectedItemName*/
-        1865399283 | dirty[1] & /*getContainerTabSelected, resetTabCategory, saveCategory, addCategoryContainer*/
-        29) {
+        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[24]
+            ctx[26]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -9426,7 +9520,7 @@
         if (dirty[0] & /*dropContainerId*/
         64)
           show_if = /*checkContainerDroppedItem*/
-          ctx[26](
+          ctx[28](
             CONTAINER_WORD_BIN_ID,
             /*dropContainerId*/
             ctx[6]
@@ -9459,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[32](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""))) {
@@ -9474,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[32](
+          (ctx[35](
             /*totalRemainingWordBinItem*/
             ctx[10]
           ) && !/*currentSelectedItemId*/
@@ -9490,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[32](
+        (ctx[35](
           /*totalRemainingWordBinItem*/
           ctx[10]
         ) ? "hidden" : ""))) {
@@ -9522,7 +9616,7 @@
         }
         if (!current || dirty[0] & /*dropContainerId*/
         64 && div4_aria_live_value !== (div4_aria_live_value = /*checkContainerDroppedItem*/
-        ctx[26](
+        ctx[28](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[6]
@@ -9531,25 +9625,25 @@
         }
         if (!current || dirty[0] & /*considerContainerId, isDraggingOver, dropContainerId, hasAddItemAnimation, sourceSelectedContainerId, currentSelectedItemId*/
         2544 && div4_class_value !== (div4_class_value = "focus-ring shadow-[0_-12px_14px_-16px_#00000033] rounded-lg relative min-h-[133px] md:min-h-[164px] md:border md:shadow-[0_0_#0000] md:border-gray-400 " + /*checkContainerDragOver*/
-        (ctx[25](
+        (ctx[27](
           CONTAINER_WORD_BIN_ID,
           /*considerContainerId*/
           ctx[4],
           /*isDraggingOver*/
           ctx[5]
         ) ? "raw-focus-ring bg-violet-100" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[6]
         ) ? "bg-violet-150" : "") + " " + /*checkContainerDroppedItem*/
-        (ctx[26](
+        (ctx[28](
           CONTAINER_WORD_BIN_ID,
           /*dropContainerId*/
           ctx[6]
         ) && /*hasAddItemAnimation*/
         ctx[11] ? "transition bg-white duration-300" : "") + " " + /*checkSelectedSourceContainer*/
-        (ctx[27](
+        (ctx[29](
           CONTAINER_WORD_BIN_ID,
           /*sourceSelectedContainerId*/
           ctx[8],
@@ -9608,7 +9702,7 @@
         destroy_component(smallchevronleft);
         destroy_component(promptcategorisedndcontainer);
         destroy_component(smallchevronright);
-        ctx[43](null);
+        ctx[49](null);
         mounted = false;
         run_all(dispose);
       }
@@ -9622,11 +9716,11 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[20].text
+          ctx[22].text
         ),
         prompt: (
           /*prompt*/
-          ctx[22]
+          ctx[24]
         ),
         $$slots: { default: [create_default_slot4] },
         $$scope: { ctx }
@@ -9641,14 +9735,14 @@
       m(target, anchor) {
         insert(target, div, anchor);
         mount_component(promptbody, div, null);
-        ctx[44](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, previewResultSr*/
-        1048571 | dirty[1] & /*$$scope*/
-        33554432) {
+        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);
@@ -9668,7 +9762,7 @@
           detach(div);
         }
         destroy_component(promptbody);
-        ctx[44](null);
+        ctx[50](null);
       }
     };
   }
@@ -9695,12 +9789,14 @@
     let categoryTabIndex = 0;
     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(18, tabCategory[group.id] = false, tabCategory));
+    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 = [
@@ -9711,7 +9807,7 @@
     ];
     let categoryTitleHeight = [];
     categoryGroups.map((category) => {
-      $$invalidate(19, categoryTitleHeight[category.id] = "", categoryTitleHeight);
+      $$invalidate(21, categoryTitleHeight[category.id] = "", categoryTitleHeight);
     });
     if (metadata) {
       const { events } = metadata.interactions;
@@ -9802,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(
           () => {
@@ -9816,6 +9923,29 @@
           150
         );
       }
+      if (previewResultSr) {
+        setTimeout(
+          () => {
+            $$invalidate(18, enableAriaLive = false);
+          },
+          400
+        );
+        setTimeout(
+          () => {
+            categoriseSettings.set({
+              ...get_store_value(categoriseSettings),
+              previewResultSr: ""
+            });
+            setTimeout(
+              () => {
+                $$invalidate(18, enableAriaLive = true);
+              },
+              400
+            );
+          },
+          600
+        );
+      }
     });
     const checkContainerDragOver = (containerId, storeContainerId, isContainerDragOver) => {
       return containerId === storeContainerId && isContainerDragOver && sourceCloneContainerId !== containerId;
@@ -9831,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;
@@ -9843,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) => {
@@ -9889,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(19, 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(18, 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(18, tabCategory);
+        $$invalidate(20, tabCategory);
       });
     }
     function div_binding($$value) {
@@ -9921,11 +10064,11 @@
     }
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(37, sessionData = $$props2.sessionData);
+        $$invalidate(41, sessionData = $$props2.sessionData);
       if ("isFinished" in $$props2)
         $$invalidate(0, isFinished = $$props2.isFinished);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(38, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(42, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
         $$invalidate(1, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
@@ -9948,6 +10091,8 @@
       categoryTabIndex,
       selectedItemName,
       previewResultSr,
+      enableAriaLive,
+      totalCategoryWords,
       tabCategory,
       categoryTitleHeight,
       rubric,
@@ -9960,6 +10105,7 @@
       checkSelectedSourceContainer,
       openResetModal,
       getTotalWords,
+      getTotalWordsLabel,
       checkifCategoryContainerOpen,
       addCategoryContainer,
       isWordBInTotalZero,
@@ -9967,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
     ];
@@ -9987,17 +10136,17 @@
         create_fragment21,
         safe_not_equal,
         {
-          sessionData: 37,
+          sessionData: 41,
           isFinished: 0,
-          isPreviewMode: 38,
+          isPreviewMode: 42,
           isPreviewModeInteractive: 1
         },
         null,
-        [-1, -1]
+        [-1, -1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[37];
+      return this.$$.ctx[41];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -10011,7 +10160,7 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[38];
+      return this.$$.ctx[42];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });