@snf/access-qa-bot 3.3.9 → 3.3.11

package/dist/access-qa-bot.js

@@ -5052,12 +5052,12 @@ const Vl = () => {
             const p = new MouseEvent("mousedown", { bubbles: !0, cancelable: !0, view: window });
             u.dispatchEvent(p);
             const f = u.querySelector(".rcb-checkbox-label"), m = f ? f.textContent : u.textContent || "checkbox", h = u.querySelector(".rcb-checkbox-mark"), b = h && h.style.backgroundColor ? "checked" : "unchecked";
-            t("".concat(m, " ").concat(b));
+            t(`${m} ${b}`);
           } else {
             const p = new MouseEvent("mousedown", { bubbles: !0, cancelable: !0, view: window });
             u.dispatchEvent(p);
             const f = u.textContent || u.innerText;
-            t("Selected: ".concat(f));
+            t(`Selected: ${f}`);
           }
         }
         break;
@@ -5079,53 +5079,53 @@ const Vl = () => {
     A.setAttribute("aria-live", "assertive"), A.setAttribute("aria-atomic", "true"), A.className = "sr-only", A.textContent = s, document.body.appendChild(A), setTimeout(() => {
       document.body.contains(A) && document.body.removeChild(A);
     }, 1e3);
-  }, r = function() {
-    let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-    if (s || (s = document.querySelector(".rcb-chat-window"), s || (s = document.querySelector('[class*="rcb-chat"]')), s || (s = document.querySelector(".qa-bot"))), !s) return;
-    const A = s.closest(".embedded-qa-bot") !== null, a = Array.from(s.querySelectorAll(".rcb-message-container, .rcb-bot-message-container, .rcb-user-message-container")).filter((u) => u.offsetParent !== null);
-    if (a.length === 0) return;
-    const c = a[a.length - 1], l = Array.from(c.querySelectorAll(".rcb-options-container")).filter((u) => u.offsetParent !== null);
-    let d = [];
-    if (l.length > 0) {
-      const u = l[l.length - 1];
-      d = Array.from(u.querySelectorAll(".rcb-options"));
-    }
-    if (d.length === 0) {
-      let u = c.querySelector(".rcb-checkbox-container");
-      if (!u && s && (u = s.querySelector(".rcb-checkbox-container")), u && u.offsetParent !== null) {
-        const p = Array.from(u.querySelectorAll(".rcb-checkbox-row-container")).filter((f) => f.offsetParent !== null && f.style.display !== "none");
-        if (p.length > 0) {
-          const f = u.querySelector(".rcb-checkbox-next-button"), m = [...p];
-          if (f && f.offsetParent !== null && m.push(f), m.forEach((h, b) => {
-            h.setAttribute("tabindex", b === 0 ? "0" : "-1"), b === 0 ? h.classList.add("keyboard-focused") : h.classList.remove("keyboard-focused");
-          }), p.length > 1) {
-            u.querySelectorAll(".keyboard-nav-hint").forEach((b) => b.remove());
-            const h = document.createElement("div");
-            h.className = "keyboard-nav-hint", h.textContent = "Use arrow keys ↕ to navigate, Enter to select/deselect, or click any option", h.style.cssText = "font-size: 12px !important; color: #666 !important; margin-bottom: 8px !important; font-style: italic !important; display: block !important;", u.insertBefore(h, u.firstChild);
+  }, r = (s = null) => {
+    let A = s;
+    if (A || (A = document.querySelector(".rcb-chat-window"), A || (A = document.querySelector('[class*="rcb-chat"]')), A || (A = document.querySelector(".qa-bot"))), !A) return;
+    const a = A.closest(".embedded-qa-bot") !== null, c = Array.from(A.querySelectorAll(".rcb-message-container, .rcb-bot-message-container, .rcb-user-message-container")).filter((p) => p.offsetParent !== null);
+    if (c.length === 0) return;
+    const l = c[c.length - 1], d = Array.from(l.querySelectorAll(".rcb-options-container")).filter((p) => p.offsetParent !== null);
+    let u = [];
+    if (d.length > 0) {
+      const p = d[d.length - 1];
+      u = Array.from(p.querySelectorAll(".rcb-options"));
+    }
+    if (u.length === 0) {
+      let p = l.querySelector(".rcb-checkbox-container");
+      if (!p && A && (p = A.querySelector(".rcb-checkbox-container")), p && p.offsetParent !== null) {
+        const f = Array.from(p.querySelectorAll(".rcb-checkbox-row-container")).filter((m) => m.offsetParent !== null && m.style.display !== "none");
+        if (f.length > 0) {
+          const m = p.querySelector(".rcb-checkbox-next-button"), h = [...f];
+          if (m && m.offsetParent !== null && h.push(m), h.forEach((b, w) => {
+            b.setAttribute("tabindex", w === 0 ? "0" : "-1"), w === 0 ? b.classList.add("keyboard-focused") : b.classList.remove("keyboard-focused");
+          }), f.length > 1) {
+            p.querySelectorAll(".keyboard-nav-hint").forEach((w) => w.remove());
+            const b = document.createElement("div");
+            b.className = "keyboard-nav-hint", b.textContent = "Use arrow keys ↕ to navigate, Enter to select/deselect, or click any option", b.style.cssText = "font-size: 12px !important; color: #666 !important; margin-bottom: 8px !important; font-style: italic !important; display: block !important;", p.insertBefore(b, p.firstChild);
           }
           return void setTimeout(() => {
-            m[0] && m[0].offsetParent !== null && !A && m[0].focus();
+            h[0] && h[0].offsetParent !== null && !a && h[0].focus();
           }, 150);
         }
       }
     }
-    if (d.length > 0) {
-      if (d.forEach((u, p) => {
-        const f = p === 0 ? "0" : "-1";
-        u.setAttribute("tabindex", f), u.setAttribute("role", "option"), u.setAttribute("aria-posinset", p + 1), u.setAttribute("aria-setsize", d.length), p === 0 ? u.classList.add("keyboard-focused") : u.classList.remove("keyboard-focused");
-      }), d.length > 1) {
-        const u = l.length > 0 ? l[l.length - 1] : null;
-        if (u) {
-          u.querySelectorAll(".keyboard-nav-hint").forEach((f) => f.remove());
-          const p = document.createElement("div");
-          p.className = "keyboard-nav-hint", p.textContent = "Use arrow keys ↕ to navigate, Enter to select, or click any option", p.style.cssText = "font-size: 12px !important; color: #666 !important; margin-bottom: 8px !important; font-style: italic !important; display: block !important;", u.insertBefore(p, u.firstChild);
+    if (u.length > 0) {
+      if (u.forEach((p, f) => {
+        const m = f === 0 ? "0" : "-1";
+        p.setAttribute("tabindex", m), p.setAttribute("role", "option"), p.setAttribute("aria-posinset", f + 1), p.setAttribute("aria-setsize", u.length), f === 0 ? p.classList.add("keyboard-focused") : p.classList.remove("keyboard-focused");
+      }), u.length > 1) {
+        const p = d.length > 0 ? d[d.length - 1] : null;
+        if (p) {
+          p.querySelectorAll(".keyboard-nav-hint").forEach((m) => m.remove());
+          const f = document.createElement("div");
+          f.className = "keyboard-nav-hint", f.textContent = "Use arrow keys ↕ to navigate, Enter to select, or click any option", f.style.cssText = "font-size: 12px !important; color: #666 !important; margin-bottom: 8px !important; font-style: italic !important; display: block !important;", p.insertBefore(f, p.firstChild);
         }
       } else {
-        const u = l.length > 0 ? l[l.length - 1] : null;
-        u && u.querySelectorAll(".keyboard-nav-hint").forEach((p) => p.remove());
+        const p = d.length > 0 ? d[d.length - 1] : null;
+        p && p.querySelectorAll(".keyboard-nav-hint").forEach((f) => f.remove());
       }
       setTimeout(() => {
-        d[0] && d[0].offsetParent !== null && !A && (d[0].focus(), d.length > 1 && t("".concat(d.length, " options available. Use arrow keys to navigate.")));
+        u[0] && u[0].offsetParent !== null && !a && (u[0].focus(), u.length > 1 && t(`${u.length} options available. Use arrow keys to navigate.`));
       }, 200);
     }
   }, n = (s) => {
@@ -5137,20 +5137,18 @@ const Vl = () => {
     });
   }, o = new MutationObserver((s) => {
     s.forEach((A) => {
+      var a, c;
       if (A.type === "childList") {
         const l = Array.from(A.addedNodes), d = l.some((p) => {
           var f, m, h, b;
-          return p.nodeType === Node.ELEMENT_NODE && (((f = p.classList) === null || f === void 0 ? void 0 : f.contains("rcb-options-container")) || ((m = p.classList) === null || m === void 0 ? void 0 : m.contains("rcb-options")) || ((h = p.querySelector) === null || h === void 0 ? void 0 : h.call(p, ".rcb-options-container")) || ((b = p.querySelector) === null || b === void 0 ? void 0 : b.call(p, ".rcb-options")));
+          return p.nodeType === Node.ELEMENT_NODE && (((f = p.classList) == null ? void 0 : f.contains("rcb-options-container")) || ((m = p.classList) == null ? void 0 : m.contains("rcb-options")) || ((h = p.querySelector) == null ? void 0 : h.call(p, ".rcb-options-container")) || ((b = p.querySelector) == null ? void 0 : b.call(p, ".rcb-options")));
         }), u = l.some((p) => {
           var f, m;
-          return p.nodeType === Node.ELEMENT_NODE && (((f = p.classList) === null || f === void 0 ? void 0 : f.contains("rcb-checkbox-container")) || ((m = p.querySelector) === null || m === void 0 ? void 0 : m.call(p, ".rcb-checkbox-container")));
+          return p.nodeType === Node.ELEMENT_NODE && (((f = p.classList) == null ? void 0 : f.contains("rcb-checkbox-container")) || ((m = p.querySelector) == null ? void 0 : m.call(p, ".rcb-checkbox-container")));
         });
         if (d || u) {
           let p = A.target;
-          for (; p && ((a = p.classList) === null || a === void 0 || !a.contains("qa-bot")) && ((c = p.classList) === null || c === void 0 || !c.contains("rcb-chat-window")); ) {
-            var a, c;
-            p = p.parentElement;
-          }
+          for (; p && !((a = p.classList) != null && a.contains("qa-bot")) && !((c = p.classList) != null && c.contains("rcb-chat-window")); ) p = p.parentElement;
           const f = p || document;
           n(f), f.querySelectorAll(".rcb-options[tabindex], .rcb-checkbox-row-container[tabindex], .rcb-checkbox-next-button[tabindex]").forEach((m) => {
             m.setAttribute("tabindex", "-1"), m.classList.remove("keyboard-focused");
@@ -5345,7 +5343,7 @@ const Vl = () => {
     D.current = !0, M.current = Qo(), on("RESET", "".concat(z == null ? void 0 : z.slice(-12), " -> ").concat(M.current.slice(-12)));
   }, clearResettingFlag: () => {
     D.current = !1;
-  } }, H.createElement(Tl, { trackEvent: O }, H.createElement(li, null, H.createElement("div", null, H.createElement(Vl, null), H.createElement(qi, { ref: t, embedded: ((n = L.general) === null || n === void 0 ? void 0 : n.embedded) || !1, currentOpen: a || !1, enabled: R !== !1, onSetEnabled: (z) => _(!!z && void 0) }), H.createElement(cA, { key: "chatbot-".concat(B.current, "-").concat(R), settings: L, flow: v, plugins: J }), H.createElement("div", { role: "status", "aria-live": "polite", "aria-label": "Bot response updates", className: "sr-only", id: "bot-live-region" }), H.createElement("div", { id: "chat-input-help", className: "sr-only" }, "Type your message and press Enter to send. Use arrow keys to navigate through response options."))))));
+  } }, H.createElement(Tl, { trackEvent: O }, H.createElement(li, null, H.createElement("div", null, H.createElement(Vl, null), H.createElement(qi, { ref: t, embedded: ((n = L.general) === null || n === void 0 ? void 0 : n.embedded) || !1, currentOpen: a || !1, enabled: R !== !1, onSetEnabled: (z) => _(!!z && void 0) }), H.createElement(cA, { key: "chatbot-".concat(B.current, "-").concat(R), settings: L, flow: v, plugins: J }), H.createElement("div", { role: "status", "aria-live": "polite", "aria-label": "Bot response updates", className: "sr-only", id: "bot-live-region", style: { position: "absolute", width: "1px", height: "1px", padding: 0, margin: "-1px", overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 } }), H.createElement("div", { id: "chat-input-help", className: "sr-only", style: { position: "absolute", width: "1px", height: "1px", padding: 0, margin: "-1px", overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 } }, "Type your message and press Enter to send. Use arrow keys to navigate through response options."))))));
 });
 Cr.displayName = "QABot";
 Ho('.rcb-chat-window{height:800px!important;max-height:80vh!important;max-width:100%;width:550px!important}.rcb-chat-window .rcb-chat-header{align-items:center;display:flex;flex-direction:row;font-weight:700}.rcb-chat-window a{color:#000;font-weight:700;text-decoration:underline}.rcb-chat-window a:hover{color:var(--primaryColor,#107180)}.rcb-chat-window .rcb-bot-message a,.rcb-chat-window .rcb-bot-message a:link,.rcb-chat-window .rcb-bot-message a:visited{color:#fff!important;text-decoration:underline!important}.rcb-chat-window .rcb-bot-message a:hover{opacity:.85;text-decoration:underline!important}.rcb-chat-window .rcb-chat-input-textarea{overflow-y:auto}.rcb-chat-window .rcb-chat-footer-container{font-size:10px}.qa-bot .history-button,.qa-bot .user-login-icon{display:none!important}.qa-bot.bot-logged-in .history-button,.qa-bot.bot-logged-in .user-login-icon{display:flex!important;transform:scale(1.3) translateY(-2px)}.qa-bot.bot-logged-in .history-button:hover{opacity:.8}.qa-bot.bot-logged-in .history-button:focus{outline:2px solid #fff;outline-offset:2px}.embedded-qa-bot .rcb-chat-window{max-width:100%;width:100%!important}.qa-bot.hidden{display:none}.embedded-qa-bot .rcb-bot-message,.embedded-qa-bot .rcb-user-message{max-width:90%!important;word-break:break-word}.embedded-qa-bot .rcb-chat-input-textarea{width:100%!important}.qa-bot-container{max-width:100%;width:100%}@keyframes phone-ring{0%{transform:translateX(0) translateY(0) rotate(0deg)}2%{transform:translateX(0) translateY(-8px) rotate(-2deg)}4%{transform:translateX(0) translateY(-6px) rotate(2deg)}6%{transform:translateX(0) translateY(-8px) rotate(-1deg)}8%{transform:translateX(0) translateY(-6px) rotate(1deg)}10%{transform:translateX(0) translateY(-8px) rotate(-2deg)}12%{transform:translateX(0) translateY(-6px) rotate(2deg)}20%{transform:translateX(0) translateY(0) rotate(0deg)}30%{transform:translateX(0) translateY(0) rotate(0deg)}40%{transform:translateX(0) translateY(0) rotate(0deg)}49%{transform:translateX(0) translateY(0) rotate(0deg)}50%{transform:translateX(0) translateY(-8px) rotate(-2deg)}52%{transform:translateX(0) translateY(-6px) rotate(2deg)}54%{transform:translateX(0) translateY(-8px) rotate(-1deg)}56%{transform:translateX(0) translateY(-6px) rotate(1deg)}58%{transform:translateX(0) translateY(-8px) rotate(-2deg)}60%{transform:translateX(0) translateY(-6px) rotate(2deg)}70%{transform:translateX(0) translateY(0) rotate(0deg)}to{transform:translateX(0) translateY(0) rotate(0deg)}}@media (max-width:768px){.rcb-chat-window{max-height:calc(100vh - 100px)!important;max-width:calc(100vw - 40px)!important;width:550px!important}.embedded-chat-container.open{height:400px}.embedded-chat-closed{font-size:14px;height:40px}.embedded-chat-open-btn{font-size:12px;padding:3px 10px}.rcb-bot-message,.rcb-user-message{max-width:85%!important}.rcb-chat-input-textarea{font-size:16px!important;min-height:44px!important}.rcb-chat-header{padding:12px 16px!important}}@media (max-width:480px){.rcb-chat-window{bottom:10px!important;left:10px!important;max-height:calc(100vh - 80px)!important;max-width:calc(100vw - 20px)!important;right:10px!important;width:calc(100vw - 20px)!important}.embedded-chat-container.open{height:350px}.rcb-bot-message,.rcb-user-message{margin-bottom:8px!important;max-width:90%!important}.rcb-chat-header{font-size:14px!important;padding:8px 12px!important}.rcb-chat-button{bottom:20px!important;height:50px!important;right:20px!important;width:50px!important}.rcb-chat-footer-container{font-size:9px!important;padding:8px 12px!important}}@media (max-width:360px){.rcb-chat-window{left:5px!important;max-width:calc(100vw - 10px)!important;right:5px!important;width:calc(100vw - 10px)!important}.rcb-chat-header{font-size:13px!important;padding:6px 8px!important}}.rcb-checkbox-container{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-left:16px!important;max-width:100%!important;padding-top:12px!important}.rcb-checkbox-row-container{align-items:center!important;background-color:#fff!important;border:1px solid #d0d0d0!important;border-radius:6px!important;box-sizing:border-box!important;color:var(--primaryColor,#107180)!important;cursor:pointer!important;display:flex!important;flex:0 0 auto!important;font-size:14px!important;font-weight:400!important;margin:0!important;max-height:auto!important;min-height:auto!important;padding:8px 12px!important;text-align:center!important;transition:all .2s ease!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto!important}.rcb-checkbox-row-container:hover{background-color:#e8f4f8!important;border-color:var(--primaryColor,#107180)!important;box-shadow:0 2px 4px #10718033!important;transform:translateY(-1px)!important}.rcb-checkbox-row-container[data-checked=true]{background-color:var(--primaryColor,#107180)!important;border-color:var(--primaryColor,#107180)!important;color:#fff!important}.rcb-checkbox-row{margin-left:0!important}.rcb-checkbox-mark{height:14px!important;margin-right:6px!important;width:14px!important}.rcb-checkbox-label{font-size:13px!important;margin:0!important;white-space:nowrap!important}.rcb-checkbox-next-button{align-items:center!important;background-color:#fff!important;border:1px solid #d0d0d0!important;border-radius:6px!important;box-sizing:border-box!important;color:var(--secondaryColor,#107180)!important;cursor:pointer!important;display:flex!important;flex:0 0 auto!important;font-size:14px!important;font-weight:400!important;justify-content:center!important;line-height:24px!important;margin:0!important;max-height:auto!important;min-height:auto!important;padding:8px 12px!important;text-align:center!important;transition:all .2s ease!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto!important}.rcb-checkbox-next-button:hover{background-color:#e8f4f8!important;border-color:var(--secondaryColor,#107180)!important;box-shadow:0 2px 4px #10718033!important;transform:translateY(-1px)!important}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.rcb-chat-input-send-button:focus,.rcb-chat-input-textarea:focus{outline:2px solid var(--primaryColor,#107180)!important;outline-offset:2px!important}.rcb-user-message{word-wrap:break-word!important;overflow:hidden!important;word-break:break-word!important}:focus-visible{outline:2px solid var(--primaryColor,#107180)!important;outline-offset:2px!important}.rcb-options-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin:16px!important;padding:0!important}.rcb-options{background-color:#fff!important;border:1px solid #d0d0d0!important;border-radius:6px!important;box-sizing:border-box!important;color:var(--secondaryColor,#107180)!important;cursor:pointer!important;flex:0 0 auto!important;font-size:14px!important;font-weight:400!important;outline:none!important;padding:8px 12px!important;text-align:center!important;transition:all .2s ease!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto!important}.rcb-options:hover{background-color:#e8f4f8!important;border-color:var(--secondaryColor,#107180)!important;box-shadow:0 2px 4px #10718033!important;transform:translateY(-1px)!important}.rcb-checkbox-next-button.keyboard-focused,.rcb-checkbox-next-button:focus,.rcb-checkbox-next-button:focus-visible,.rcb-checkbox-row-container.keyboard-focused,.rcb-checkbox-row-container:focus,.rcb-checkbox-row-container:focus-visible,.rcb-options.keyboard-focused,.rcb-options:focus,.rcb-options:focus-visible{background-color:#e8f4f8!important;border-color:var(--secondaryColor,#107180)!important;outline:none!important}.rcb-options:active{background-color:var(--secondaryColor,#107180)!important;border-color:var(--secondaryColor,#107180)!important;color:#fff!important;transform:translateY(0)!important}.keyboard-nav-hint{color:#666!important;font-size:12px!important;font-style:italic!important;margin-bottom:8px!important}@media (prefers-reduced-motion:reduce){.keyboard-nav-hint{display:none!important}}.rcb-options-container [role=button][tabindex="0"],.rcb-options-container button[tabindex="0"]{position:relative!important}.rcb-options-container [role=button][tabindex="0"]:after,.rcb-options-container button[tabindex="0"]:after{color:var(--secondaryColor,#107180)!important;content:"←"!important;font-size:16px!important;opacity:0!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:opacity .2s ease!important}.rcb-options-container [role=button][tabindex="0"]:focus:after,.rcb-options-container button[tabindex="0"]:focus:after{opacity:1!important}.rcb-chat-input-send-button{cursor:pointer!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.rcb-chat-input-send-button:not([tabindex]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.rcb-chat-input-container [onclick],.rcb-chat-input-container [role=button],.rcb-chat-input-container div[style*=cursor],.rcb-chat-input-container svg:last-child,.rcb-chat-input-container>div:last-child{tabindex:0!important;cursor:pointer!important}.rcb-chat-footer{margin-top:4px!important;padding-top:0!important}.rcb-chat-footer-container{align-items:center!important;display:flex!important;margin-top:4px!important;padding-top:4px!important}.rcb-chat-footer-container button{order:1!important}.rcb-chat-footer-container a[href*=qa-bot-core]{tab-index:0!important;order:2!important}.rcb-chat-footer-container a[href*=feedback]{tab-index:0!important;order:3!important}@media (prefers-contrast:high){.rcb-chat-window a{background-color:#fff!important;border:1px solid #000!important;color:#000!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.rcb-chat-input-textarea{user-select:text!important}.rcb-chat-body-container,.rcb-chat-input-textarea,.rcb-chat-window{touch-action:pan-y!important}.embedded-qa-bot,.rcb-chat-window{-webkit-overflow-scrolling:touch!important}.embedded-qa-bot .rcb-chat-input-textarea{touch-action:pan-y!important;user-select:text!important}.embedded-qa-bot .rcb-chat-body-container,.embedded-qa-bot .rcb-chat-window{touch-action:pan-y!important}.rcb-chat-header-container{background:var(--primaryColor,#1a5b6e)!important;background:linear-gradient(135deg,var(--primaryColor,#1a5b6e) 0,var(--secondaryColor,#107180) 100%)!important}.rcb-toggle-button{align-items:center!important;background:var(--primaryColor,#1a5b6e)!important;display:flex!important;justify-content:center!important}.rcb-toggle-button svg{stroke:#fff!important;color:#fff!important}.rcb-toggle-button *,.rcb-toggle-button img,.rcb-toggle-button svg,.rcb-toggle-button>*{box-sizing:border-box!important;height:50px!important;left:0!important;margin:0 auto!important;max-height:50px!important;max-width:50px!important;min-height:50px!important;min-width:50px!important;padding:2px!important;position:relative!important;top:0!important;width:50px!important}.rcb-send-button{background-color:var(--primaryColor,#1a5b6e)!important}', { insertAt: "top" });