eat-js-sdk 0.0.42 → 0.0.43

package/dist/eat-prompt-builder.mjs

@@ -6640,6 +6640,7 @@
         attr(div0, "role", "button");
         attr(div0, "aria-label", "Close modal");
         attr(div0, "tabindex", "-1");
+        attr(div0, "aria-hidden", "true");
         attr(div0, "class", "blanket-overlay h-full");
         attr(div1, "class", "z-10");
         attr(div2, "role", "dialog");
@@ -6855,21 +6856,24 @@
 
   // src/lib/components/prompt/categorise/PromptCategoriseModal.svelte
   function create_default_slot3(ctx) {
-    let div2;
     let div0;
+    let t0;
+    let t1;
+    let div3;
+    let div1;
     let span0;
     let alerticon;
-    let t0;
-    let span1;
     let t2;
+    let span1;
+    let t4;
     let button0;
     let crossicon;
-    let t3;
-    let p;
     let t5;
-    let div1;
-    let button1;
+    let p;
     let t7;
+    let div2;
+    let button1;
+    let t9;
     let button2;
     let current;
     let mounted;
@@ -6878,57 +6882,70 @@
     crossicon = new CrossIcon_default({});
     return {
       c() {
-        div2 = element("div");
         div0 = element("div");
+        t0 = text("\xA0");
+        t1 = space();
+        div3 = element("div");
+        div1 = element("div");
         span0 = element("span");
         create_component(alerticon.$$.fragment);
-        t0 = space();
+        t2 = space();
         span1 = element("span");
         span1.textContent = "Reset words?";
-        t2 = space();
+        t4 = space();
         button0 = element("button");
         create_component(crossicon.$$.fragment);
-        t3 = space();
+        t5 = space();
         p = element("p");
         p.textContent = "Are you sure you want to reset your answers for this question? This cannot be undone.";
-        t5 = space();
-        div1 = element("div");
+        t7 = space();
+        div2 = element("div");
         button1 = element("button");
         button1.textContent = "Cancel";
-        t7 = space();
+        t9 = space();
         button2 = element("button");
         button2.textContent = "Reset";
+        attr(div0, "tabindex", "-1");
+        attr(div0, "class", "sr-only");
+        attr(
+          div0,
+          "aria-hidden",
+          /*ariaHidden*/
+          ctx[1]
+        );
         attr(span1, "class", "text-xl leading-6 font-bold ml-3 grow");
         attr(button0, "aria-label", "Close");
         attr(button0, "class", "focus-ring text-charcoal rounded h-6 w-6 flex items-center justify-center hover:bg-black-50 active:bg-black-60");
-        attr(div0, "class", "flex items-center mb-3");
+        attr(div1, "class", "flex items-center mb-3");
         attr(p, "class", "text-base font-semibold mb-10");
         attr(button1, "aria-label", "Cancel");
         attr(button1, "class", "focus-ring w-full py-2 px-3 text-blue-1000 text-base leading-4 rounded-lg font-bold border-2 border-white hover:bg-black-50 active:bg-black-60 md:w-fit");
         attr(button2, "aria-label", "Reset");
         attr(button2, "class", "focus-ring w-full py-2 px-3 text-white text-base leading-4 rounded-lg font-bold border-2 border-blue-1000 bg-soft-blue hover:bg-yellow-1000 hover:text-charcoal active:bg-yellow-1100 active:text-charcoal md:w-fit");
-        attr(div1, "class", "flex flex-col-reverse items-center space-y-2 space-y-reverse md:justify-between md:flex-row md:space-y-0");
-        attr(div2, "tabindex", "0");
-        attr(div2, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg focus-visible:outline-none md:inset-0");
+        attr(div2, "class", "flex flex-col-reverse items-center space-y-2 space-y-reverse md:justify-between md:flex-row md:space-y-0");
+        attr(div3, "class", "absolute inset-y-0 right-4 left-4 w-fit h-fit m-auto bg-white p-6 max-w-[400px] shadow-md rounded-lg focus-visible:outline-none md:inset-0");
       },
       m(target, anchor) {
-        insert(target, div2, anchor);
-        append(div2, div0);
-        append(div0, span0);
-        mount_component(alerticon, span0, null);
+        insert(target, div0, anchor);
         append(div0, t0);
-        append(div0, span1);
-        append(div0, t2);
-        append(div0, button0);
+        ctx[4](div0);
+        insert(target, t1, anchor);
+        insert(target, div3, anchor);
+        append(div3, div1);
+        append(div1, span0);
+        mount_component(alerticon, span0, null);
+        append(div1, t2);
+        append(div1, span1);
+        append(div1, t4);
+        append(div1, button0);
         mount_component(crossicon, button0, null);
-        append(div2, t3);
-        append(div2, p);
-        append(div2, t5);
-        append(div2, div1);
-        append(div1, button1);
-        append(div1, t7);
-        append(div1, button2);
-        ctx[3](div2);
+        append(div3, t5);
+        append(div3, p);
+        append(div3, t7);
+        append(div3, div2);
+        append(div2, button1);
+        append(div2, t9);
+        append(div2, button2);
         current = true;
         if (!mounted) {
           dispose = [
@@ -6936,25 +6953,35 @@
               button0,
               "click",
               /*closeResetModal*/
-              ctx[1]
+              ctx[2]
             ),
             listen(
               button1,
               "click",
               /*closeResetModal*/
-              ctx[1]
+              ctx[2]
             ),
             listen(
               button2,
               "click",
               /*resetCategories*/
-              ctx[2]
+              ctx[3]
             )
           ];
           mounted = true;
         }
       },
-      p: noop,
+      p(ctx2, dirty) {
+        if (!current || dirty & /*ariaHidden*/
+        2) {
+          attr(
+            div0,
+            "aria-hidden",
+            /*ariaHidden*/
+            ctx2[1]
+          );
+        }
+      },
       i(local) {
         if (current)
           return;
@@ -6969,11 +6996,13 @@
       },
       d(detaching) {
         if (detaching) {
-          detach(div2);
+          detach(div0);
+          detach(t1);
+          detach(div3);
         }
+        ctx[4](null);
         destroy_component(alerticon);
         destroy_component(crossicon);
-        ctx[3](null);
         mounted = false;
         run_all(dispose);
       }
@@ -6998,8 +7027,8 @@
       },
       p(ctx2, [dirty]) {
         const commonmodal_changes = {};
-        if (dirty & /*$$scope, categoryModal*/
-        65) {
+        if (dirty & /*$$scope, ariaHidden, categoryModal*/
+        131) {
           commonmodal_changes.$$scope = { dirty, ctx: ctx2 };
         }
         commonmodal.$set(commonmodal_changes);
@@ -7021,15 +7050,13 @@
   }
   function instance8($$self, $$props, $$invalidate) {
     let categoryModal;
+    let ariaHidden = false;
     const { isModalOpen } = get_store_value(modalSettings);
     if (isModalOpen) {
-      setTimeout(
-        () => {
-          categoryModal.focus();
-          $$invalidate(0, categoryModal.tabIndex = -1, categoryModal);
-        },
-        100
-      );
+      setTimeout(() => {
+        categoryModal.focus();
+        $$invalidate(1, ariaHidden = true);
+      });
     }
     const closeResetModal = () => {
       modalSettings.set({
@@ -7038,6 +7065,7 @@
         modalAriaLabel: "",
         isOpenLastStatus: true
       });
+      showModalAria = true;
     };
     const dispatch = createEventDispatcher();
     const resetCategories = () => {
@@ -7068,13 +7096,13 @@
       dispatch("resetCategory", { answer_list: [] });
       closeResetModal();
     };
-    function div2_binding($$value) {
+    function div0_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         categoryModal = $$value;
         $$invalidate(0, categoryModal);
       });
     }
-    return [categoryModal, closeResetModal, resetCategories, div2_binding];
+    return [categoryModal, ariaHidden, closeResetModal, resetCategories, div0_binding];
   }
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {

package/package.json

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