eat-js-sdk 2.0.54 → 2.0.55

package/dist/interaction-builder.mjs

@@ -17183,18 +17183,18 @@ function useDropdownPosition(config) {
   };
 }
 var root_1$3 = /* @__PURE__ */ from_html(`<div class="absolute inset-0 bg-transparent z-10"></div>`);
-var root_2 = /* @__PURE__ */ from_html(`<div class="bg-black bg-opacity-5 h-full flex flex-none justify-center items-center"><div class="font-semibold text-base leading-[19px] text-charcoal px-3 flex items-center"> </div></div>`);
+var root_2 = /* @__PURE__ */ from_html(`<div class="bg-black bg-opacity-5 h-full flex flex-none justify-center items-center"><div class="font-semibold text-base leading-[19px] text-charcoal px-3 flex items-center" aria-hidden="true"> </div></div>`);
 var root_3$1 = /* @__PURE__ */ from_html(`<span class="text-green-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Correct</span></span>`);
 var root_6 = /* @__PURE__ */ from_html(`<span class="text-green-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Correct</span></span>`);
 var root_7 = /* @__PURE__ */ from_html(`<span class="text-red-900 mr-2"><span aria-hidden="true"><!></span> <span class="sr-only">Incorrect</span></span>`);
-var root_8 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span> <span class="sr-only">Close dropdown</span></span>`);
-var root_9 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span> <span class="sr-only">Open dropdown</span></span>`);
+var root_8 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span></span>`);
+var root_9 = /* @__PURE__ */ from_html(`<span class="flex items-center justify-center text-blue-1000"><span aria-hidden="true"><!></span></span>`);
 var root_12 = /* @__PURE__ */ from_html(`<span class="flex items-center text-green-900" aria-hidden="true"><!></span>`);
 var root_14 = /* @__PURE__ */ from_html(`<span class="flex items-center text-red-900" aria-hidden="true"><!></span>`);
 var root_16 = /* @__PURE__ */ from_html(`<span class="flex items-center text-blue-850" aria-hidden="true"><!></span>`);
 var root_11 = /* @__PURE__ */ from_html(`<li role="option" tabindex="-1"><div class="p-0.5 flex justify-between w-full text-base whitespace-normal"><!> <!></div></li>`);
 var root_10 = /* @__PURE__ */ from_html(`<ul class="dropdown-menu block" role="listbox" tabindex="-1"></ul>`);
-var root$1 = /* @__PURE__ */ from_html(`<span class="dropdown inline-block relative align-middle"><span class="sr-only"> </span> <!> <button type="button" aria-haspopup="listbox"><!> <div class="px-4 flex flex-1 min-w-0 align-middle truncate items-center justify-between w-full"><span><!></span> <div class="flex items-center"><!> <!></div></div></button> <!></span>`);
+var root$1 = /* @__PURE__ */ from_html(`<span class="dropdown inline-block relative align-middle"><span class="sr-only"> </span> <!> <div role="combobox" aria-haspopup="listbox" tabindex="0"><!> <div class="px-4 flex flex-1 min-w-0 align-middle truncate items-center justify-between w-full"><span><!></span> <div class="flex items-center"><!> <!></div></div></div> <!></span>`);
 function DropdownContainer($$anchor, $$props) {
   push($$props, true);
   let dropdownId = prop($$props, "dropdownId", 7), dropdownNumber = prop($$props, "dropdownNumber", 7), options = prop($$props, "options", 7), selected = prop($$props, "selected", 7), correctAnswers = prop($$props, "correctAnswers", 23, () => []), isCorrect = prop($$props, "isCorrect", 7, false), isFinished = prop($$props, "isFinished", 7, false), isLocked = prop($$props, "isLocked", 7, false), isDataSaving = prop($$props, "isDataSaving", 7, false), mode = prop($$props, "mode", 7), showFeedback = prop($$props, "showFeedback", 7, false), showNumbering = prop($$props, "showNumbering", 7, true), onselect = prop($$props, "onselect", 7), viewportBuffer = prop($$props, "viewportBuffer", 7, 60);
@@ -17414,7 +17414,7 @@ function DropdownContainer($$anchor, $$props) {
     }
     removePageExtension();
   });
-  const buttonId = `dropdown-button-${dropdownId()}`;
+  const comboId = `dropdown-combo-${dropdownId()}`;
   const listId = `dropdown-list-${dropdownId()}`;
   const labelId = `dropdown-label-${dropdownId()}`;
   const containerClasses = /* @__PURE__ */ user_derived(() => {
@@ -17435,23 +17435,19 @@ function DropdownContainer($$anchor, $$props) {
     return classes.join(" ");
   });
   const ariaLabel = /* @__PURE__ */ user_derived(() => {
-    const cleanSelected = useRemoveRichTextHtmlTags(get$1(state$1).selected);
     if (mode() === MODES.PREVIEW) {
       const parts2 = ["Correct answer"];
       if (showNumbering()) parts2.push(`Item number ${dropdownNumber()}`);
-      parts2.push(cleanSelected);
       return parts2.filter(Boolean).join(", ");
     }
     if (mode() === MODES.SESSION && isFinished()) {
       const correctness = isCorrect() ? "Correct" : "Incorrect";
       const parts2 = [`Student's answer (${correctness})`];
       if (showNumbering()) parts2.push(`Item number ${dropdownNumber()}`);
-      parts2.push(cleanSelected);
       return parts2.filter(Boolean).join(", ");
     }
     const parts = [];
     if (showNumbering()) parts.push(`Item number ${dropdownNumber()}`);
-    parts.push(cleanSelected);
     return parts.filter(Boolean).join(", ");
   });
   const getOptionAriaLabel = (option, index2) => {
@@ -17585,35 +17581,35 @@ function DropdownContainer($$anchor, $$props) {
       if (isDataSaving()) $$render(consequent);
     });
   }
-  var button = sibling(node, 2);
-  button.__keydown = handleKeydown;
-  button.__click = () => {
+  var div_1 = sibling(node, 2);
+  div_1.__keydown = handleKeydown;
+  div_1.__click = () => {
     if (isDataSaving() || !get$1(canToggleAccordion)) return;
     get$1(state$1).isOpen ? handleCloseMenu() : handleOpenMenu();
   };
-  button.__focusout = handleFocusOut;
-  var node_1 = child(button);
+  div_1.__focusout = handleFocusOut;
+  var node_1 = child(div_1);
   {
     var consequent_1 = ($$anchor2) => {
-      var div_1 = root_2();
-      var div_2 = child(div_1);
-      var text_1 = child(div_2, true);
+      var div_2 = root_2();
+      var div_3 = child(div_2);
+      var text_1 = child(div_3, true);
+      reset(div_3);
       reset(div_2);
-      reset(div_1);
       template_effect(() => set_text(text_1, dropdownNumber()));
-      append($$anchor2, div_1);
+      append($$anchor2, div_2);
     };
     if_block(node_1, ($$render) => {
       if (showNumbering()) $$render(consequent_1);
     });
   }
-  var div_3 = sibling(node_1, 2);
-  var span_2 = child(div_3);
+  var div_4 = sibling(node_1, 2);
+  var span_2 = child(div_4);
   var node_2 = child(span_2);
   html(node_2, () => get$1(state$1).selected === "" ? DROPDOWN_INTERACTION.PLACEHOLDER : get$1(state$1).selected);
   reset(span_2);
-  var div_4 = sibling(span_2, 2);
-  var node_3 = child(div_4);
+  var div_5 = sibling(span_2, 2);
+  var node_3 = child(div_5);
   {
     var consequent_2 = ($$anchor2) => {
       var span_3 = root_3$1();
@@ -17688,7 +17684,6 @@ function DropdownContainer($$anchor, $$props) {
         height: 7
       });
       reset(span_10);
-      next$1(2);
       reset(span_9);
       append($$anchor2, span_9);
     };
@@ -17703,7 +17698,6 @@ function DropdownContainer($$anchor, $$props) {
         height: 7
       });
       reset(span_12);
-      next$1(2);
       reset(span_11);
       append($$anchor2, span_11);
     };
@@ -17712,11 +17706,11 @@ function DropdownContainer($$anchor, $$props) {
       else $$render(alternate_2, false);
     });
   }
+  reset(div_5);
   reset(div_4);
-  reset(div_3);
-  reset(button);
-  bind_this(button, ($$value) => set(buttonRef, $$value), () => get$1(buttonRef));
-  var node_12 = sibling(button, 2);
+  reset(div_1);
+  bind_this(div_1, ($$value) => set(buttonRef, $$value), () => get$1(buttonRef));
+  var node_12 = sibling(div_1, 2);
   {
     var consequent_9 = ($$anchor2) => {
       var ul = root_10();
@@ -17732,8 +17726,8 @@ function DropdownContainer($$anchor, $$props) {
           e2.stopPropagation();
           await handleSelect(get$1(option));
         };
-        var div_5 = child(li);
-        var node_13 = child(div_5);
+        var div_6 = child(li);
+        var node_13 = child(div_6);
         {
           let $0 = /* @__PURE__ */ user_derived(() => get$1(showHoverOption) && get$1(canInteract) ? "hover-option" : "");
           let $1 = /* @__PURE__ */ user_derived(() => get$1(showCurrentOption) ? "current-option" : "");
@@ -17805,7 +17799,7 @@ function DropdownContainer($$anchor, $$props) {
             else $$render(alternate_4, false);
           });
         }
-        reset(div_5);
+        reset(div_6);
         reset(li);
         template_effect(() => {
           set_attribute(li, "id", `${listId}-option-${index2}`);
@@ -17822,7 +17816,7 @@ function DropdownContainer($$anchor, $$props) {
       bind_this(ul, ($$value) => set(listRef, $$value), () => get$1(listRef));
       template_effect(() => {
         set_attribute(ul, "id", listId);
-        set_attribute(ul, "aria-labelledby", buttonId);
+        set_attribute(ul, "aria-labelledby", comboId);
       });
       append($$anchor2, ul);
     };
@@ -17835,12 +17829,12 @@ function DropdownContainer($$anchor, $$props) {
   template_effect(() => {
     set_attribute(span_1, "id", labelId);
     set_text(text, get$1(ariaLabel));
-    set_attribute(button, "id", buttonId);
-    set_class(button, 1, clsx(get$1(containerClasses)));
-    set_attribute(button, "aria-expanded", get$1(state$1).isOpen);
-    set_attribute(button, "aria-labelledby", labelId);
-    set_attribute(button, "aria-controls", listId);
-    set_attribute(button, "aria-activedescendant", get$1(state$1).activeIndex !== null ? `${listId}-option-${get$1(state$1).activeIndex}` : void 0);
+    set_attribute(div_1, "id", comboId);
+    set_class(div_1, 1, clsx(get$1(containerClasses)));
+    set_attribute(div_1, "aria-expanded", get$1(state$1).isOpen);
+    set_attribute(div_1, "aria-labelledby", labelId);
+    set_attribute(div_1, "aria-controls", listId);
+    set_attribute(div_1, "aria-activedescendant", get$1(state$1).activeIndex !== null ? `${listId}-option-${get$1(state$1).activeIndex}` : void 0);
     set_class(span_2, 1, `truncate mr-2 text-base ${get$1(state$1).selected === DROPDOWN_INTERACTION.PLACEHOLDER || get$1(state$1).selected === "" ? "text-gray-860" : "text-charcoal"}`);
   });
   append($$anchor, span);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eat-js-sdk",
-  "version": "2.0.54",
-  "change version": "2.0.0",
+  "version": "2.0.55",
+  "change version": "2.0.1",
   "description": "Authoring tool frontend SDK",
   "contributors": [
     {