eat-js-sdk 2.2.18 → 2.2.20

package/dist/interaction-builder.mjs

@@ -7468,6 +7468,7 @@ function configureHtmlString(htmlString, maxHeight = "") {
 function PromptSection($$anchor, $$props) {
   push($$props, true);
   let prompt = prop($$props, "prompt", 7);
+  let headerElement = /* @__PURE__ */ user_derived(() => get(promptRubricElem));
   let configuredPrompt = /* @__PURE__ */ user_derived(() => configureHtmlString(prompt()));
   var $$exports = {
     get prompt() {
@@ -7487,6 +7488,9 @@ function PromptSection($$anchor, $$props) {
           return get$1(configuredPrompt);
         },
         otherClass: "item-heading prompt",
+        get htmlHeading() {
+          return get$1(headerElement);
+        },
         dataTestId: "qn-prompt-txt"
       });
     };
@@ -19666,13 +19670,14 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     return stripTags2(s.text) + (s.trailingPunctuation ?? "");
   }).join(" ").replace(/\s+/g, " ").trim());
   let passageReaderLabel = /* @__PURE__ */ user_derived(() => `${get$1(passagePlainText)}`);
-  const getSegmentAriaLabel = (segment, seg) => {
+  const getSegmentAriaLabel = (segment, seg, segmentId) => {
     const text = stripTags2(segment.text);
     const parts = [`Option: ${text}`];
     if (seg.isCorrect) parts.push("correct");
     else if (seg.isIncorrect) parts.push("incorrect");
     else if (seg.isMissing) parts.push("missing answer");
     else if (seg.isSegmentSelected) parts.push("selected");
+    else if (deselectedIds.has(segmentId)) parts.push("unselected");
     return parts.length > 1 ? `${parts[0]} (${parts.slice(1).join(", ")})` : parts[0];
   };
   const handleSegmentClick = (segmentId, refocus = false) => {
@@ -19685,6 +19690,12 @@ function SelectableTextInteractionContent($$anchor, $$props) {
       }
       return;
     }
+    const currentSeg = get$1(segmentStates).find((s) => s.segment.id === segmentId)?.seg;
+    if (currentSeg?.isSegmentSelected) {
+      deselectedIds.add(segmentId);
+    } else {
+      deselectedIds.delete(segmentId);
+    }
     onselection()?.(new CustomEvent("selection", { detail: { segmentId } }));
     if (refocus) {
       tick().then(() => {
@@ -19705,9 +19716,10 @@ function SelectableTextInteractionContent($$anchor, $$props) {
   const focusSegment = (el) => {
     el?.focus();
   };
-  const handleSegmentFocus = (_segmentId) => {
+  const handleSegmentFocus = (segmentId) => {
     set(exitSegmentId, null);
     if (!get$1(passageMode)) set(passageMode, true);
+    deselectedIds.delete(segmentId);
   };
   const handleSegmentKeydown = (e2, segmentId) => {
     set(
@@ -19717,21 +19729,7 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     );
     const focusable = getFocusableSegments();
     const posInDom = focusable.findIndex((el) => el.dataset.segmentId === segmentId);
-    if (e2.key === "Escape") {
-      e2.preventDefault();
-      suppressAutoJump = true;
-      set(passageMode, true);
-      get$1(passageEl)?.focus();
-      setTimeout(
-        () => {
-          suppressAutoJump = false;
-          const firstSeg = getFocusableSegments()[0];
-          firstSeg?.focus();
-        },
-        400
-      );
-      return;
-    } else if (e2.key === " ") {
+    if (e2.key === " ") {
       e2.preventDefault();
       if (!get$1(sharedState).isPreviewMode) handleSegmentClick(segmentId, true);
     } else if (e2.key === "Enter") {
@@ -19772,6 +19770,7 @@ function SelectableTextInteractionContent($$anchor, $$props) {
     ].filter(Boolean).join(" ");
   };
   let pinnedTooltipIds = new SvelteSet();
+  let deselectedIds = new SvelteSet();
   let leavingViaLastSegmentTab = false;
   const handlePassageFocusOut = (e2) => {
     if (leavingViaLastSegmentTab) {
@@ -19783,9 +19782,7 @@ function SelectableTextInteractionContent($$anchor, $$props) {
       set(passageMode, false);
     }
   };
-  let suppressAutoJump = false;
   const handleMainFocus = () => {
-    if (suppressAutoJump) return;
     requestAnimationFrame(() => {
       const firstSeg = getFocusableSegments()[0];
       if (firstSeg) {
@@ -20239,14 +20236,14 @@ function SelectableTextInteractionContent($$anchor, $$props) {
                       set_class(span_6, 1, `${$0 ?? ""}${$1 ?? ""}`);
                       set_attribute(span_6, "aria-label", $2);
                       set_attribute(span_6, "aria-selected", get$1(computed_const).seg.isSegmentSelected && !get$1(sharedState).isPreviewMode ? true : void 0);
-                      set_attribute(span_6, "aria-disabled", isDataSaving() || get$1(sharedState).isPreviewMode || get$1(isSessionLocked));
+                      set_attribute(span_6, "aria-disabled", get$1(sharedState).isPreviewMode || get$1(isSessionLocked));
                       set_attribute(span_6, "data-segment-id", get$1(segment).id);
                       set_attribute(span_6, "data-testid", $3);
                     },
                     [
                       () => getSegmentClasses(get$1(computed_const).seg, get$1(isSessionLocked)),
                       () => pinnedTooltipIds.has(get$1(segment).id) ? " tooltip-pinned" : "",
-                      () => getSegmentAriaLabel(get$1(segment), get$1(computed_const).seg),
+                      () => getSegmentAriaLabel(get$1(segment), get$1(computed_const).seg, get$1(segment).id),
                       () => getSegmentTestId(get$1(computed_const).seg)
                     ]
                   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eat-js-sdk",
-  "version": "2.2.18",
-  "change version": "2.2.1",
+  "version": "2.2.20",
+  "change version": "2.2.0",
   "description": "Authoring tool frontend SDK",
   "contributors": [
     {