@orangelogic/design-system 2.143.0 → 2.145.0

package/library/chunks/{document-viewer.Bb1M9uJ-.js → document-viewer.CMHuC2Di.js}

@@ -1,10 +1,10 @@
 import { r as resizableComponentStyles, R as ResizableElement, a as ResizeDirection, b as HeightMode } from "./resizable-component.styles.CAfXABBc.js";
-import { C as CxButton } from "./button.Bja8HrmJ.js";
+import { C as CxButton } from "./button.Bx7AnUu4.js";
 import CxDrawer from "../components/drawer.js";
 import CxDropdown from "../components/dropdown.js";
-import { C as CxIcon } from "./icon.-k4fR0bD.js";
-import { C as CxIconButton } from "./icon-button.Ce2tPGuf.js";
-import { C as CxInput } from "./input.BAvin1Qu.js";
+import { C as CxIcon } from "./icon.CsF1BoUl.js";
+import { C as CxIconButton } from "./icon-button.B0L-_zT9.js";
+import { C as CxInput } from "./input.CSI9KLz7.js";
 import CxMenu from "../components/menu.js";
 import CxMenuItem from "../components/menu-item.js";
 import CxPopup from "../components/popup.js";
@@ -19,21 +19,22 @@ import "./browser.BHOCIF_A.js";
 import { c as customElement } from "./custom-element.L4WJXn1j.js";
 import { i, x, E } from "./lit-element.jLBm65_O.js";
 import "./form.BSqXLytJ.js";
-import { L as LocalizeController } from "./i18n.C4wPyPTR.js";
+import { L as LocalizeController } from "./i18n.DYXys45m.js";
 import "./purify.es.BIuh5IAZ.js";
-import { w as watch } from "./watch.CkGTlwIo.js";
+import { w as watch } from "./watch.K-dbDP6P.js";
 import "./date-picker.DTUICGb9.js";
-import { f as fetchCortexApi } from "./content-builder.D-_Ou8sw.js";
+import { f as fetchCortexApi } from "./content-builder.DZRw6hpX.js";
 import "./unsafe-html.Dff7-rCx.js";
 import { r as reactExports, a as React, j as jsxRuntimeExports, w, R as ReactDOM } from "./jsx-runtime.CTpPVMxj.js";
 import { a as getDefaultExportFromCjs, c as commonjsGlobal } from "./_commonjsHelpers.DQNKXVTB.js";
 import { r as require$$0 } from "./___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
+import { f as focusWhenVisible } from "./focus-when-visible.jWSw9ks0.js";
 import { b as _inheritsLoose, a as _extends, c as _assertThisInitialized } from "./inheritsLoose.BuSn_CvZ.js";
 import { a as ObjectFit } from "./index.Cpamj0jB.js";
 import { r as r$1 } from "./state.CSDxrqLd.js";
 import { e } from "./class-map.BiVq-cVR.js";
 import { n as n$1 } from "./when.Dr1es41R.js";
-import { C as CxImage } from "./image.C2acLx6g.js";
+import { C as CxImage } from "./image.DVbY2O89.js";
 var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
 function commonjsRequire(l) {
   throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -53,7 +54,7 @@ function requirePdf() {
           (l, t) => {
             Object.defineProperty(t, "__esModule", {
               value: !0
-            }), t.VerbosityLevel = t.Util = t.UnknownErrorException = t.UnexpectedResponseException = t.TextRenderingMode = t.RenderingIntentFlag = t.PromiseCapability = t.PermissionFlag = t.PasswordResponses = t.PasswordException = t.PageActionEventType = t.OPS = t.MissingPDFException = t.MAX_IMAGE_SIZE_TO_CACHE = t.LINE_FACTOR = t.LINE_DESCENT_FACTOR = t.InvalidPDFException = t.ImageKind = t.IDENTITY_MATRIX = t.FormatError = t.FeatureTest = t.FONT_IDENTITY_MATRIX = t.DocumentActionEventType = t.CMapCompressionType = t.BaseException = t.BASELINE_FACTOR = t.AnnotationType = t.AnnotationReplyType = t.AnnotationPrefix = t.AnnotationMode = t.AnnotationFlag = t.AnnotationFieldFlag = t.AnnotationEditorType = t.AnnotationEditorPrefix = t.AnnotationEditorParamsType = t.AnnotationBorderStyleType = t.AnnotationActionEventType = t.AbortException = void 0, t.assert = V, t.bytesToString = B, t.createValidAbsoluteUrl = D, t.getModificationDate = pt, t.getUuid = Ot, t.getVerbosityLevel = dt, t.info = tt, t.isArrayBuffer = rt, t.isArrayEqual = Xt, t.isNodeJS = void 0, t.normalizeUnicode = Kt, t.objectFromMap = it, t.objectSize = ht, t.setVerbosityLevel = et, t.shadow = O, t.string32 = ct, t.stringToBytes = H, t.stringToPDFString = mt, t.stringToUTF8String = ot, t.unreachable = z, t.utf8StringToString = Wt, t.warn = k;
+            }), t.VerbosityLevel = t.Util = t.UnknownErrorException = t.UnexpectedResponseException = t.TextRenderingMode = t.RenderingIntentFlag = t.PromiseCapability = t.PermissionFlag = t.PasswordResponses = t.PasswordException = t.PageActionEventType = t.OPS = t.MissingPDFException = t.MAX_IMAGE_SIZE_TO_CACHE = t.LINE_FACTOR = t.LINE_DESCENT_FACTOR = t.InvalidPDFException = t.ImageKind = t.IDENTITY_MATRIX = t.FormatError = t.FeatureTest = t.FONT_IDENTITY_MATRIX = t.DocumentActionEventType = t.CMapCompressionType = t.BaseException = t.BASELINE_FACTOR = t.AnnotationType = t.AnnotationReplyType = t.AnnotationPrefix = t.AnnotationMode = t.AnnotationFlag = t.AnnotationFieldFlag = t.AnnotationEditorType = t.AnnotationEditorPrefix = t.AnnotationEditorParamsType = t.AnnotationBorderStyleType = t.AnnotationActionEventType = t.AbortException = void 0, t.assert = V, t.bytesToString = B, t.createValidAbsoluteUrl = D, t.getModificationDate = pt, t.getUuid = Jt, t.getVerbosityLevel = dt, t.info = tt, t.isArrayBuffer = rt, t.isArrayEqual = Xt, t.isNodeJS = void 0, t.normalizeUnicode = Kt, t.objectFromMap = it, t.objectSize = ht, t.setVerbosityLevel = et, t.shadow = O, t.string32 = ct, t.stringToBytes = H, t.stringToPDFString = mt, t.stringToUTF8String = ot, t.unreachable = z, t.utf8StringToString = Wt, t.warn = k;
             const s = typeof process == "object" && process + "" == "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser");
             t.isNodeJS = s;
             const c = [1, 0, 0, 1, 0, 0];
@@ -462,8 +463,8 @@ function requirePdf() {
                 return String.fromCharCode.apply(null, Gt);
               const Mt = [];
               for (let Vt = 0; Vt < Zt; Vt += nt) {
-                const Dt = Math.min(Vt + nt, Zt), gt = Gt.subarray(Vt, Dt);
-                Mt.push(String.fromCharCode.apply(null, gt));
+                const xt = Math.min(Vt + nt, Zt), Dt = Gt.subarray(Vt, xt);
+                Mt.push(String.fromCharCode.apply(null, Dt));
               }
               return Mt.join("");
             }
@@ -538,20 +539,20 @@ function requirePdf() {
                 return [Mt, Vt];
               }
               static applyInverseTransform(Zt, nt) {
-                const Mt = nt[0] * nt[3] - nt[1] * nt[2], Vt = (Zt[0] * nt[3] - Zt[1] * nt[2] + nt[2] * nt[5] - nt[4] * nt[3]) / Mt, Dt = (-Zt[0] * nt[1] + Zt[1] * nt[0] + nt[4] * nt[1] - nt[5] * nt[0]) / Mt;
-                return [Vt, Dt];
+                const Mt = nt[0] * nt[3] - nt[1] * nt[2], Vt = (Zt[0] * nt[3] - Zt[1] * nt[2] + nt[2] * nt[5] - nt[4] * nt[3]) / Mt, xt = (-Zt[0] * nt[1] + Zt[1] * nt[0] + nt[4] * nt[1] - nt[5] * nt[0]) / Mt;
+                return [Vt, xt];
               }
               static getAxialAlignedBoundingBox(Zt, nt) {
-                const Mt = this.applyTransform(Zt, nt), Vt = this.applyTransform(Zt.slice(2, 4), nt), Dt = this.applyTransform([Zt[0], Zt[3]], nt), gt = this.applyTransform([Zt[2], Zt[1]], nt);
-                return [Math.min(Mt[0], Vt[0], Dt[0], gt[0]), Math.min(Mt[1], Vt[1], Dt[1], gt[1]), Math.max(Mt[0], Vt[0], Dt[0], gt[0]), Math.max(Mt[1], Vt[1], Dt[1], gt[1])];
+                const Mt = this.applyTransform(Zt, nt), Vt = this.applyTransform(Zt.slice(2, 4), nt), xt = this.applyTransform([Zt[0], Zt[3]], nt), Dt = this.applyTransform([Zt[2], Zt[1]], nt);
+                return [Math.min(Mt[0], Vt[0], xt[0], Dt[0]), Math.min(Mt[1], Vt[1], xt[1], Dt[1]), Math.max(Mt[0], Vt[0], xt[0], Dt[0]), Math.max(Mt[1], Vt[1], xt[1], Dt[1])];
               }
               static inverseTransform(Zt) {
                 const nt = Zt[0] * Zt[3] - Zt[1] * Zt[2];
                 return [Zt[3] / nt, -Zt[1] / nt, -Zt[2] / nt, Zt[0] / nt, (Zt[2] * Zt[5] - Zt[4] * Zt[3]) / nt, (Zt[4] * Zt[1] - Zt[5] * Zt[0]) / nt];
               }
               static singularValueDecompose2dScale(Zt) {
-                const nt = [Zt[0], Zt[2], Zt[1], Zt[3]], Mt = Zt[0] * nt[0] + Zt[1] * nt[2], Vt = Zt[0] * nt[1] + Zt[1] * nt[3], Dt = Zt[2] * nt[0] + Zt[3] * nt[2], gt = Zt[2] * nt[1] + Zt[3] * nt[3], _t = (Mt + gt) / 2, vt = Math.sqrt((Mt + gt) ** 2 - 4 * (Mt * gt - Dt * Vt)) / 2, Bt = _t + vt || 1, wt = _t - vt || 1;
-                return [Math.sqrt(Bt), Math.sqrt(wt)];
+                const nt = [Zt[0], Zt[2], Zt[1], Zt[3]], Mt = Zt[0] * nt[0] + Zt[1] * nt[2], Vt = Zt[0] * nt[1] + Zt[1] * nt[3], xt = Zt[2] * nt[0] + Zt[3] * nt[2], Dt = Zt[2] * nt[1] + Zt[3] * nt[3], _t = (Mt + Dt) / 2, vt = Math.sqrt((Mt + Dt) ** 2 - 4 * (Mt * Dt - xt * Vt)) / 2, Bt = _t + vt || 1, St = _t - vt || 1;
+                return [Math.sqrt(Bt), Math.sqrt(St)];
               }
               static normalizeRect(Zt) {
                 const nt = Zt.slice(0);
@@ -561,26 +562,26 @@ function requirePdf() {
                 const Mt = Math.max(Math.min(Zt[0], Zt[2]), Math.min(nt[0], nt[2])), Vt = Math.min(Math.max(Zt[0], Zt[2]), Math.max(nt[0], nt[2]));
                 if (Mt > Vt)
                   return null;
-                const Dt = Math.max(Math.min(Zt[1], Zt[3]), Math.min(nt[1], nt[3])), gt = Math.min(Math.max(Zt[1], Zt[3]), Math.max(nt[1], nt[3]));
-                return Dt > gt ? null : [Mt, Dt, Vt, gt];
-              }
-              static bezierBoundingBox(Zt, nt, Mt, Vt, Dt, gt, _t, vt) {
-                const Bt = [], wt = [[], []];
-                let At, Pt, Qt, St, qt, ll, tl, el;
-                for (let xt = 0; xt < 2; ++xt) {
-                  if (xt === 0 ? (Pt = 6 * Zt - 12 * Mt + 6 * Dt, At = -3 * Zt + 9 * Mt - 9 * Dt + 3 * _t, Qt = 3 * Mt - 3 * Zt) : (Pt = 6 * nt - 12 * Vt + 6 * gt, At = -3 * nt + 9 * Vt - 9 * gt + 3 * vt, Qt = 3 * Vt - 3 * nt), Math.abs(At) < 1e-12) {
+                const xt = Math.max(Math.min(Zt[1], Zt[3]), Math.min(nt[1], nt[3])), Dt = Math.min(Math.max(Zt[1], Zt[3]), Math.max(nt[1], nt[3]));
+                return xt > Dt ? null : [Mt, xt, Vt, Dt];
+              }
+              static bezierBoundingBox(Zt, nt, Mt, Vt, xt, Dt, _t, vt) {
+                const Bt = [], St = [[], []];
+                let At, Pt, Qt, wt, $t, ll, tl, sl;
+                for (let jt = 0; jt < 2; ++jt) {
+                  if (jt === 0 ? (Pt = 6 * Zt - 12 * Mt + 6 * xt, At = -3 * Zt + 9 * Mt - 9 * xt + 3 * _t, Qt = 3 * Mt - 3 * Zt) : (Pt = 6 * nt - 12 * Vt + 6 * Dt, At = -3 * nt + 9 * Vt - 9 * Dt + 3 * vt, Qt = 3 * Vt - 3 * nt), Math.abs(At) < 1e-12) {
                     if (Math.abs(Pt) < 1e-12)
                       continue;
-                    St = -Qt / Pt, 0 < St && St < 1 && Bt.push(St);
+                    wt = -Qt / Pt, 0 < wt && wt < 1 && Bt.push(wt);
                     continue;
                   }
-                  tl = Pt * Pt - 4 * Qt * At, el = Math.sqrt(tl), !(tl < 0) && (qt = (-Pt + el) / (2 * At), 0 < qt && qt < 1 && Bt.push(qt), ll = (-Pt - el) / (2 * At), 0 < ll && ll < 1 && Bt.push(ll));
+                  tl = Pt * Pt - 4 * Qt * At, sl = Math.sqrt(tl), !(tl < 0) && ($t = (-Pt + sl) / (2 * At), 0 < $t && $t < 1 && Bt.push($t), ll = (-Pt - sl) / (2 * At), 0 < ll && ll < 1 && Bt.push(ll));
                 }
                 let Yt = Bt.length, Lt;
-                const Jt = Yt;
+                const Ct = Yt;
                 for (; Yt--; )
-                  St = Bt[Yt], Lt = 1 - St, wt[0][Yt] = Lt * Lt * Lt * Zt + 3 * Lt * Lt * St * Mt + 3 * Lt * St * St * Dt + St * St * St * _t, wt[1][Yt] = Lt * Lt * Lt * nt + 3 * Lt * Lt * St * Vt + 3 * Lt * St * St * gt + St * St * St * vt;
-                return wt[0][Jt] = Zt, wt[1][Jt] = nt, wt[0][Jt + 1] = _t, wt[1][Jt + 1] = vt, wt[0].length = wt[1].length = Jt + 2, [Math.min(...wt[0]), Math.min(...wt[1]), Math.max(...wt[0]), Math.max(...wt[1])];
+                  wt = Bt[Yt], Lt = 1 - wt, St[0][Yt] = Lt * Lt * Lt * Zt + 3 * Lt * Lt * wt * Mt + 3 * Lt * wt * wt * xt + wt * wt * wt * _t, St[1][Yt] = Lt * Lt * Lt * nt + 3 * Lt * Lt * wt * Vt + 3 * Lt * wt * wt * Dt + wt * wt * wt * vt;
+                return St[0][Ct] = Zt, St[1][Ct] = nt, St[0][Ct + 1] = _t, St[1][Ct + 1] = vt, St[0].length = St[1].length = Ct + 2, [Math.min(...St[0]), Math.min(...St[1]), Math.max(...St[0]), Math.max(...St[1])];
               }
             }
             t.Util = st;
@@ -641,11 +642,11 @@ function requirePdf() {
               }
             }
             t.PromiseCapability = It;
-            let Rt = null, Ft = null;
+            let Rt = null, Ot = null;
             function Kt(Gt) {
-              return Rt || (Rt = /([\u00a0\u00b5\u037e\u0eb3\u2000-\u200a\u202f\u2126\ufb00-\ufb04\ufb06\ufb20-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufba1\ufba4-\ufba9\ufbae-\ufbb1\ufbd3-\ufbdc\ufbde-\ufbe7\ufbea-\ufbf8\ufbfc-\ufbfd\ufc00-\ufc5d\ufc64-\ufcf1\ufcf5-\ufd3d\ufd88\ufdf4\ufdfa-\ufdfb\ufe71\ufe77\ufe79\ufe7b\ufe7d]+)|(\ufb05+)/gu, Ft = /* @__PURE__ */ new Map([["ſt", "ſt"]])), Gt.replaceAll(Rt, (Zt, nt, Mt) => nt ? nt.normalize("NFKC") : Ft.get(Mt));
+              return Rt || (Rt = /([\u00a0\u00b5\u037e\u0eb3\u2000-\u200a\u202f\u2126\ufb00-\ufb04\ufb06\ufb20-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufba1\ufba4-\ufba9\ufbae-\ufbb1\ufbd3-\ufbdc\ufbde-\ufbe7\ufbea-\ufbf8\ufbfc-\ufbfd\ufc00-\ufc5d\ufc64-\ufcf1\ufcf5-\ufd3d\ufd88\ufdf4\ufdfa-\ufdfb\ufe71\ufe77\ufe79\ufe7b\ufe7d]+)|(\ufb05+)/gu, Ot = /* @__PURE__ */ new Map([["ſt", "ſt"]])), Gt.replaceAll(Rt, (Zt, nt, Mt) => nt ? nt.normalize("NFKC") : Ot.get(Mt));
             }
-            function Ot() {
+            function Jt() {
               if (typeof crypto < "u" && typeof crypto?.randomUUID == "function")
                 return crypto.randomUUID();
               const Gt = new Uint8Array(32);
@@ -5152,23 +5153,23 @@ function requirePdf() {
                   const mt = (st.isSpace ? T : 0) + C, ot = st.fontChar, Wt = st.accent;
                   let rt, Xt, pt = st.width;
                   if (v) {
-                    const Rt = st.vmetric || H, Ft = -(st.vmetric ? Rt[1] : pt * 0.5) * ct, Kt = Rt[2] * ct;
-                    pt = Rt ? -Rt[0] : pt, rt = Ft / Q, Xt = (J + Kt) / Q;
+                    const Rt = st.vmetric || H, Ot = -(st.vmetric ? Rt[1] : pt * 0.5) * ct, Kt = Rt[2] * ct;
+                    pt = Rt ? -Rt[0] : pt, rt = Ot / Q, Xt = (J + Kt) / Q;
                   } else
                     rt = J / Q, Xt = 0;
                   if (D.remeasure && pt > 0) {
                     const Rt = F.measureText(ot).width * 1e3 / O * Q;
                     if (pt < Rt && this.isFontSubpixelAAEnabled) {
-                      const Ft = pt / Rt;
-                      ut = !0, F.save(), F.scale(Ft, 1), rt /= Ft;
+                      const Ot = pt / Rt;
+                      ut = !0, F.save(), F.scale(Ot, 1), rt /= Ot;
                     } else pt !== Rt && (rt += (pt - Rt) / 2e3 * O / Q);
                   }
                   if (this.contentVisible && (st.isInFont || D.missingFile)) {
                     if (ht && !Wt)
                       F.fillText(ot, rt, Xt);
                     else if (this.paintChar(ot, rt, Xt, it), Wt) {
-                      const Rt = rt + O * Wt.offset.x / Q, Ft = Xt - O * Wt.offset.y / Q;
-                      this.paintChar(Wt.fontChar, Rt, Ft, it);
+                      const Rt = rt + O * Wt.offset.x / Q, Ot = Xt - O * Wt.offset.y / Q;
+                      this.paintChar(Wt.fontChar, Rt, Ot, it);
                     }
                   }
                   const It = v ? pt * ct - mt * g : pt * ct + mt * g;
@@ -13850,13 +13851,13 @@ const defaultScale = 1, Page$5 = function l(t) {
   const ht = isProvided(k) ? k - 1 : tt ?? null, it = k ?? (isProvided(tt) ? tt + 1 : null), at = Q ?? (B ? B.rotate : null), bt = reactExports.useMemo(() => {
     if (!B)
       return null;
-    let Ot = 1;
+    let Jt = 1;
     const Ut = C ?? defaultScale;
     if (g || o) {
       const Gt = B.getViewport({ scale: 1, rotation: at });
-      g ? Ot = g / Gt.width : o && (Ot = o / Gt.height);
+      g ? Jt = g / Gt.width : o && (Jt = o / Gt.height);
     }
-    return Ut * Ot;
+    return Ut * Jt;
   }, [o, B, at, C, g]);
   function J() {
     return () => {
@@ -13886,8 +13887,8 @@ const defaultScale = 1, Page$5 = function l(t) {
   function mt() {
     if (!z || !it)
       return;
-    const Ot = makeCancellablePromise$1(z.getPage(it)), Ut = Ot;
-    return Ot.promise.then((Gt) => {
+    const Jt = makeCancellablePromise$1(z.getPage(it)), Ut = Jt;
+    return Jt.promise.then((Gt) => {
       v({ type: "RESOLVE", value: Gt });
     }).catch((Gt) => {
       v({ type: "REJECT", error: Gt });
@@ -13978,7 +13979,7 @@ const defaultScale = 1, Page$5 = function l(t) {
   function Rt() {
     return p ? React.createElement(AnnotationLayer, { key: `${rt}_annotations` }) : null;
   }
-  function Ft() {
+  function Ot() {
     return React.createElement(
       PageContext.Provider,
       { value: ot },
@@ -13989,7 +13990,7 @@ const defaultScale = 1, Page$5 = function l(t) {
     );
   }
   function Kt() {
-    return it ? z === null || B === void 0 || B === null ? React.createElement(Message, { type: "loading" }, typeof X == "function" ? X() : X) : z === !1 || B === !1 ? React.createElement(Message, { type: "error" }, typeof M == "function" ? M() : M) : Ft() : React.createElement(Message, { type: "no-data" }, typeof Y == "function" ? Y() : Y);
+    return it ? z === null || B === void 0 || B === null ? React.createElement(Message, { type: "loading" }, typeof X == "function" ? X() : X) : z === !1 || B === !1 ? React.createElement(Message, { type: "error" }, typeof M == "function" ? M() : M) : Ot() : React.createElement(Message, { type: "no-data" }, typeof Y == "function" ? Y() : Y);
   }
   return React.createElement("div", Object.assign({ className: clsx(d, u), "data-page-number": it, ref: mergeRefs$2(G, ct), style: {
     "--scale-factor": `${bt}`,
@@ -14121,7 +14122,7 @@ const FIRST_PAGE = 1, COVER_FLIP_PAGE_LOAD = 10, DEFAULT_VIEW_MODE = 2, SCALE_ST
 }, API_ENDPOINT = {
   GET_IMAGES: "webapi/extensibility/integration/assetpreview/bookreader/GetBookInfoForDisplay_23A_v1",
   SEARCH_TEXT: "webapi/extensibility/integration/assetpreview/bookreader/search_23B_v1"
-}, MAX_WHEEL_DISTANCE = 50, PASSWORD_REASON = {
+}, MAX_WHEEL_DISTANCE = 50, ARROW_KEY_SCROLL_STEP = 80, PASSWORD_REASON = {
   INCORRECT_PASSWORD: 2
 }, DEFAULT_RANGE_CHUNK_SIZE = 65536, RE_FETCH_INTERVAL = 5e3, LOADING_INTERVAL = 1e3, CSS_VAR = {
   TEXT: {
@@ -14395,6 +14396,15 @@ const throttle = /* @__PURE__ */ getDefaultExportFromCjs(throttleExports), useKe
   }, [a, l]), {
     updateShortcuts: c
   };
+}, canScrollVertically = (l) => {
+  const { overflowY: t } = getComputedStyle(l);
+  return (t === "auto" || t === "scroll") && l.scrollHeight > l.clientHeight;
+}, scrollVerticallyOrNavigate = (l, t, s) => {
+  if (canScrollVertically(l)) {
+    l.scrollBy({ top: t });
+    return;
+  }
+  s();
 }, useBookEvents = (l, t, {
   onNextPage: s,
   onOpenSearchBox: c,
@@ -14405,39 +14415,39 @@ const throttle = /* @__PURE__ */ getDefaultExportFromCjs(throttleExports), useKe
   onZoomIn: N,
   onZoomOut: u,
   toggleFullscreen: Z
-}) => {
-  const { updateShortcuts: m } = useKeyboardShortcuts(l);
+}, m) => {
+  const { updateShortcuts: W } = useKeyboardShortcuts(l);
   reactExports.useEffect(() => {
     if (!l || !t)
       return;
-    const W = {};
-    W[KEYCODE.ARROW_LEFT] = {
+    const M = m ?? l, o = () => scrollVerticallyOrNavigate(M, -ARROW_KEY_SCROLL_STEP, a), G = () => scrollVerticallyOrNavigate(M, ARROW_KEY_SCROLL_STEP, s), X = {};
+    X[KEYCODE.ARROW_LEFT] = {
       callback: a
-    }, W[KEYCODE.ARROW_RIGHT] = {
+    }, X[KEYCODE.ARROW_RIGHT] = {
       callback: s
-    }, W[KEYCODE.NUMPAD_ADD] = {
+    }, X[KEYCODE.NUMPAD_ADD] = {
       callback: N
-    }, W[KEYCODE.NUMPAD_SUBTRACT] = {
+    }, X[KEYCODE.NUMPAD_SUBTRACT] = {
       callback: u
-    }, W[KEYCODE.MINUS] = {
+    }, X[KEYCODE.MINUS] = {
       callback: u
-    }, W[KEYCODE.EQUAL] = {
+    }, X[KEYCODE.EQUAL] = {
       callback: N
-    }, W[KEYCODE.DIGIT_0] = {
+    }, X[KEYCODE.DIGIT_0] = {
       ctrlCallback: () => {
         b("1"), h("1");
       },
       metaCallback: () => {
         b("1"), h("1");
       }
-    }, W[KEYCODE.NUMPAD_0] = {
+    }, X[KEYCODE.NUMPAD_0] = {
       ctrlCallback: () => {
         b("1"), h("1");
       },
       metaCallback: () => {
         b("1"), h("1");
       }
-    }, W[KEYCODE.KEY_F] = {
+    }, X[KEYCODE.KEY_F] = {
       callback: () => {
         Z();
       },
@@ -14447,66 +14457,67 @@ const throttle = /* @__PURE__ */ getDefaultExportFromCjs(throttleExports), useKe
       metaCallback: () => {
         c();
       }
-    }, W[KEYCODE.ARROW_DOWN] = {
-      callback: s,
+    }, X[KEYCODE.ARROW_DOWN] = {
+      callback: G,
       ctrlCallback: () => {
         d(t);
       },
       metaCallback: () => {
         d(t);
       }
-    }, W[KEYCODE.ARROW_UP] = {
-      callback: a,
+    }, X[KEYCODE.ARROW_UP] = {
+      callback: o,
       ctrlCallback: () => {
         d(FIRST_PAGE);
       },
       metaCallback: () => {
         d(FIRST_PAGE);
       }
-    }, W[KEYCODE.PAGE_DOWN] = {
+    }, X[KEYCODE.PAGE_DOWN] = {
       callback: s
-    }, W[KEYCODE.PAGE_UP] = {
+    }, X[KEYCODE.PAGE_UP] = {
       callback: a
-    }, W[KEYCODE.HOME] = {
+    }, X[KEYCODE.HOME] = {
       callback: () => {
         d(FIRST_PAGE);
       }
-    }, W[KEYCODE.END] = {
+    }, X[KEYCODE.END] = {
       callback: () => {
         d(t);
       }
-    }, m(W);
+    }, W(X);
   }, [
     h,
     c,
     u,
     N,
-    m,
+    W,
     t,
     a,
     s,
     b,
     d,
     l,
+    m,
     Z
   ]), reactExports.useEffect(() => {
     if (!l)
       return;
-    const W = throttle(
-      (o) => {
-        o.deltaY > 0 ? s() : o.deltaY < 0 && a();
+    const M = throttle(
+      (X) => {
+        X.deltaY > 0 ? s() : X.deltaY < 0 && a();
       },
       THROTTLE_TIME,
       {
         trailing: !1
       }
-    ), M = (o) => {
-      o.ctrlKey || (o.stopPropagation(), o.preventDefault(), W(o));
+    ), o = m ?? l, G = (X) => {
+      X.ctrlKey || canScrollVertically(o) || (X.stopPropagation(), X.preventDefault(), M(X));
     };
-    return l.addEventListener("wheel", M), () => {
-      l.removeEventListener("wheel", M), W.cancel();
+    return l.addEventListener("wheel", G), () => {
+      l.removeEventListener("wheel", G), M.cancel();
     };
-  }, [l, s, a]);
+  }, [l, m, s, a]);
 }, transition = "margin 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms", useDrawer = (l) => {
   const [t, s] = reactExports.useState(!1), c = reactExports.useCallback(() => {
     s(!1);
@@ -17265,7 +17276,7 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
             ref: W,
             disabled: t || void 0,
             "oncx-input": X,
-            placeholder: "Search",
+            placeholder: o.term("search"),
             size: "small",
             "no-spin-buttons": !0,
             style: { width: M ? "12rem" : "15rem" }
@@ -17289,23 +17300,32 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-space", { "align-items": "center", wrap: "nowrap", className: "no-gap", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: "Previous match (Shift + Enter)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: o.term("previousMatchShiftEnter"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "cx-icon-button",
                   {
                     onClick: d,
                     disabled: t || !h || !h.matchesCount || void 0,
-                    name: "keyboard_arrow_up"
+                    name: "keyboard_arrow_up",
+                    label: o.term("previousMatch")
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: "Next match (Enter)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: o.term("nextMatchEnter"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "cx-icon-button",
                   {
                     onClick: c,
                     disabled: t || !h || !h.matchesCount || void 0,
-                    name: "keyboard_arrow_down"
+                    name: "keyboard_arrow_down",
+                    label: o.term("nextMatch")
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: "Close", children: /* @__PURE__ */ jsxRuntimeExports.jsx("cx-icon-button", { onClick: s, name: "clear" }) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: o.term("close"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "cx-icon-button",
+                  {
+                    onClick: s,
+                    name: "clear",
+                    label: o.term("close")
+                  }
+                ) })
               ] })
             ]
           }
@@ -17417,14 +17437,26 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
     ) })
   ] });
 }, PageControl$1 = reactExports.memo(PageControl, (l, t) => l.pageNumber === t.pageNumber && l.totalPages === t.totalPages && l.onPageChange === t.onPageChange && l.onNextPage === t.onNextPage && l.onPreviousPage === t.onPreviousPage && l.viewMode === t.viewMode && l.showCover === t.showCover && l.showEdgeButtons === t.showEdgeButtons && l.showPageInput === t.showPageInput), ScaleControl = ({ disabled: l, onScaleChange: t, onZoomIn: s, onZoomOut: c, scale: d, scaleOption: a }) => {
-  const b = reactExports.useContext(TranslationContext), h = reactExports.useMemo(
-    () => SCALE_OPTIONS.find((u) => u.value.toString() === a)?.label ?? `${Math.round(parseFloat(a) * 100)}%`,
+  const b = reactExports.useContext(TranslationContext), h = reactExports.useRef(null), N = reactExports.useRef(null), u = reactExports.useRef(null), Z = reactExports.useRef(null), m = reactExports.useMemo(
+    () => SCALE_OPTIONS.find((G) => G.value.toString() === a)?.label ?? `${Math.round(parseFloat(a) * 100)}%`,
     [a]
-  ), N = reactExports.useCallback(
-    (u) => {
-      t(u.detail.item.value);
+  );
+  reactExports.useEffect(() => () => {
+    Z.current?.();
+  }, []);
+  const W = reactExports.useCallback(
+    (G) => {
+      t(G.detail.item.value), h.current?.focus();
     },
     [t]
+  ), M = reactExports.useCallback(() => {
+    const G = u.current?.querySelector("cx-menu-item[checked]");
+    G && (u.current?.setCurrentItem(G), Z.current?.(), Z.current = focusWhenVisible(G));
+  }, []), o = reactExports.useCallback(
+    (G) => {
+      l || N.current?.open || G.key !== "Enter" && G.key !== " " || (G.preventDefault(), N.current?.show());
+    },
+    [l]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-space", { "align-items": "center", wrap: "nowrap", className: "no-gap", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: b.term("zoomOut"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -17439,15 +17471,28 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "cx-dropdown",
       {
+        ref: N,
         hoist: !0,
         placement: "top",
-        "oncx-select": N,
+        ignoredKeys: ["Enter", " "],
+        "oncx-select": W,
+        "oncx-show": M,
         className: "scale-dropdown",
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { slot: "trigger", hoist: !0, disabled: !0, className: "dropdown-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx("cx-button", { caret: !0, disabled: l || void 0, children: h }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("cx-menu", { children: SCALE_OPTIONS.map((u) => {
-            const Z = u.value.toString(), m = Z === a;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("cx-menu-item", { value: Z, type: "checkbox", checked: m || void 0, children: u.label }, Z);
+          /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { slot: "trigger", hoist: !0, disabled: !0, className: "dropdown-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "cx-button",
+            {
+              label: m,
+              ref: h,
+              caret: !0,
+              disabled: l || void 0,
+              onKeyDown: o,
+              children: m
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("cx-menu", { ref: u, children: SCALE_OPTIONS.map((G) => {
+            const X = G.value.toString(), Y = X === a;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("cx-menu-item", { value: X, type: "checkbox", checked: Y || void 0, children: G.label }, X);
           }) })
         ]
       }
@@ -17484,11 +17529,17 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
       "data-testid": "view-mode-btn"
     }
   ) });
+}, useRestoreFocusOnClose = (l) => {
+  const t = reactExports.useRef(null), s = reactExports.useRef(l);
+  return reactExports.useEffect(() => {
+    s.current && !l && t.current?.focus(), s.current = l;
+  }, [l]), t;
 }, ToggleSearchBox = ({ disabled: l, onToggle: t, open: s }) => {
-  const c = reactExports.useContext(TranslationContext);
+  const c = reactExports.useContext(TranslationContext), d = useRestoreFocusOnClose(s);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: c.term("search"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "cx-icon-button",
     {
+      ref: d,
       onClick: t,
       disabled: l || void 0,
       name: "search",
@@ -17498,10 +17549,11 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
     }
   ) });
 }, ToggleSearchBox$1 = reactExports.memo(ToggleSearchBox, (l, t) => l.open === t.open && l.disabled === t.disabled && l.onToggle === t.onToggle), ToggleSidebar = ({ disabled: l, onToggle: t, open: s }) => {
-  const c = reactExports.useContext(TranslationContext);
+  const c = reactExports.useContext(TranslationContext), d = useRestoreFocusOnClose(s);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: c.term("toggleSidebar"), trigger: "hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "cx-icon-button",
     {
+      ref: d,
       onClick: t,
       disabled: l || void 0,
       name: "view_array",
@@ -17511,7 +17563,7 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
     }
   ) });
 }, ToggleSidebar$1 = reactExports.memo(ToggleSidebar, (l, t) => l.open === t.open && l.disabled === t.disabled && l.onToggle === t.onToggle), ViewControl = ({ disabled: l, onViewModeChange: t, viewMode: s }) => {
-  const c = reactExports.useContext(TranslationContext), d = reactExports.useMemo(
+  const c = reactExports.useContext(TranslationContext), d = reactExports.useRef(null), a = reactExports.useMemo(
     () => [
       {
         icon: "article",
@@ -17530,27 +17582,28 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
       }
     ],
     [c]
-  ), a = reactExports.useMemo(() => d.find((h) => h.value === s), [s, d]), b = reactExports.useCallback(
-    (h) => {
-      t(parseInt(h.detail.item.value));
+  ), b = reactExports.useMemo(() => a.find((N) => N.value === s), [s, a]), h = reactExports.useCallback(
+    (N) => {
+      t(parseInt(N.detail.item.value)), d.current?.focus();
     },
     [t]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-dropdown", { hoist: !0, placement: "top", "oncx-select": b, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-dropdown", { hoist: !0, placement: "top", "oncx-select": h, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { slot: "trigger", hoist: !0, content: c.term("viewMode"), className: "dropdown-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "cx-icon-button",
       {
-        name: a?.icon,
+        ref: d,
+        name: b?.icon,
         label: c.term("viewMode"),
         disabled: l || void 0
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("cx-menu", { children: d.map((h) => {
-      const N = h.value.toString(), u = h.value === s;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-menu-item", { value: N, type: "checkbox", checked: u || void 0, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("cx-icon", { slot: "prefix", name: h.icon }),
-        h.label
-      ] }, N);
+    /* @__PURE__ */ jsxRuntimeExports.jsx("cx-menu", { children: a.map((N) => {
+      const u = N.value.toString(), Z = N.value === s;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-menu-item", { value: u, type: "checkbox", checked: Z || void 0, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("cx-icon", { slot: "prefix", name: N.icon }),
+        N.label
+      ] }, u);
     }) })
   ] });
 }, Controller$1 = ({
@@ -19711,10 +19764,10 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
     onToggleSearchBox: pt,
     openSearchBox: It,
     pdfSearchResult: Rt,
-    pdfSearching: Ft
+    pdfSearching: Ot
   } = useSearch(t, void 0, bt, o, N, it), Kt = reactExports.useCallback(() => {
     Wt(), V.current?.focusInput();
-  }, [Wt]), Ot = reactExports.useCallback(() => {
+  }, [Wt]), Jt = reactExports.useCallback(() => {
     Z();
   }, [Z]);
   reactExports.useEffect(() => {
@@ -19724,47 +19777,57 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
     return document.addEventListener("fullscreenchange", Yt), () => {
       document.removeEventListener("fullscreenchange", Yt);
     };
-  }, [Ot]), useBookEvents(R, m, {
-    onNextPage: ht,
-    onOpenSearchBox: Kt,
-    onPageChange: it,
-    onPreviousPage: at,
-    onScaleChange: T,
-    onScaleOptionChange: g,
-    onZoomIn: K,
-    onZoomOut: v,
-    toggleFullscreen: Ot
-  }), useBookEvents(lt?.instance.wrapperComponent || null, m, {
-    onNextPage: ht,
-    onOpenSearchBox: Kt,
-    onPageChange: it,
-    onPreviousPage: at,
-    onScaleChange: T,
-    onScaleOptionChange: g,
-    onZoomIn: K,
-    onZoomOut: v,
-    toggleFullscreen: Ot
-  });
+  }, [Jt]), useBookEvents(
+    R,
+    m,
+    {
+      onNextPage: ht,
+      onOpenSearchBox: Kt,
+      onPageChange: it,
+      onPreviousPage: at,
+      onScaleChange: T,
+      onScaleOptionChange: g,
+      onZoomIn: K,
+      onZoomOut: v,
+      toggleFullscreen: Jt
+    },
+    lt?.instance.wrapperComponent || null
+  ), useBookEvents(
+    lt?.instance.wrapperComponent || null,
+    m,
+    {
+      onNextPage: ht,
+      onOpenSearchBox: Kt,
+      onPageChange: it,
+      onPreviousPage: at,
+      onScaleChange: T,
+      onScaleOptionChange: g,
+      onZoomIn: K,
+      onZoomOut: v,
+      toggleFullscreen: Jt
+    },
+    lt?.instance.wrapperComponent || null
+  );
   const Ut = reactExports.useCallback((Yt, Lt) => {
     if (Lt && Lt.pageNumber) {
-      const Jt = X[Lt.pageNumber]?.asset.pageID, xt = X[Lt.pageNumber]?.asset.representativeID;
+      const Ct = X[Lt.pageNumber]?.asset.pageID, jt = X[Lt.pageNumber]?.asset.representativeID;
       b(Yt, {
         ...Lt,
-        pageID: xt || Jt
+        pageID: jt || Ct
       });
     }
-  }, [X, b]), Gt = reactExports.useCallback((Yt, Lt, Jt) => {
-    Y((xt) => xt[Yt] && !xt[Yt].asset.width && !xt[Yt].asset.height ? {
-      ...xt,
+  }, [X, b]), Gt = reactExports.useCallback((Yt, Lt, Ct) => {
+    Y((jt) => jt[Yt] && !jt[Yt].asset.width && !jt[Yt].asset.height ? {
+      ...jt,
       [Yt]: {
-        ...xt[Yt],
+        ...jt[Yt],
         asset: {
-          ...xt[Yt].asset,
-          height: Jt,
+          ...jt[Yt].asset,
+          height: Ct,
           width: Lt
         }
       }
-    } : xt);
+    } : jt);
   }, []), Zt = reactExports.useCallback(() => {
     S && S.focus();
   }, [S]), nt = reactExports.useCallback(
@@ -19782,12 +19845,12 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
       G(Yt), Zt();
     },
     [Zt]
-  ), Dt = reactExports.useCallback(
+  ), xt = reactExports.useCallback(
     (Yt) => {
       g(Yt), T(Yt), Zt();
     },
     [Zt, T, g]
-  ), gt = reactExports.useCallback(
+  ), Dt = reactExports.useCallback(
     ({ pageNumber: Yt }) => {
       it(Yt);
     },
@@ -19797,11 +19860,11 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
     [X]
   ), vt = reactExports.useCallback(
     async (Yt, Lt) => {
-      const Jt = [];
+      const Ct = [];
       for (let kt = Yt; kt <= Lt; kt++)
-        Jt.push(kt + 1);
-      const xt = Jt.filter((kt) => !z.current[kt]);
-      xt.forEach((kt) => {
+        Ct.push(kt + 1);
+      const jt = Ct.filter((kt) => !z.current[kt]);
+      jt.forEach((kt) => {
         z.current[kt] = {
           asset: {
             hasFormatInColdStorage: !1,
@@ -19816,13 +19879,13 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
           loading: !0
         };
       }), Y({ ...z.current });
-      const sl = [];
-      if (xt.length >= a && a > 0)
-        for (let kt = 0; kt < xt.length; kt += a)
-          sl.push(d(xt.slice(kt, kt + a)));
+      const el = [];
+      if (jt.length >= a && a > 0)
+        for (let kt = 0; kt < jt.length; kt += a)
+          el.push(d(jt.slice(kt, kt + a)));
       else
-        sl.push(d(xt));
-      (await Promise.all(sl)).flat().forEach((kt) => {
+        el.push(d(jt));
+      (await Promise.all(el)).flat().forEach((kt) => {
         z.current[kt.pageNumber] && (z.current[kt.pageNumber] = {
           asset: {
             ...kt,
@@ -19847,30 +19910,30 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
       updateImageViewSize: Gt
     }),
     [X, Gt]
-  ), wt = reactExports.useContext(TranslationContext), [At, Pt] = reactExports.useState(null), [Qt, St] = reactExports.useState(null), { closeMenu: qt, openMenu: ll } = usePopoverMenu(R, At), tl = reactExports.useMemo(() => {
+  ), St = reactExports.useContext(TranslationContext), [At, Pt] = reactExports.useState(null), [Qt, wt] = reactExports.useState(null), { closeMenu: $t, openMenu: ll } = usePopoverMenu(R, At), tl = reactExports.useMemo(() => {
     const Yt = [
       {
         icon: "text_snippet",
-        label: wt.term("viewPageDetails"),
+        label: St.term("viewPageDetails"),
         onClick: () => {
-          Ut && Ut("VIEW_DETAILS", { pageNumber: Qt }), qt();
+          Ut && Ut("VIEW_DETAILS", { pageNumber: Qt }), $t();
         },
-        tooltip: wt.term("openDetailsPopupOnThisBookPage"),
+        tooltip: St.term("openDetailsPopupOnThisBookPage"),
         value: "VIEW_DETAILS"
       }
     ];
     return c && Yt.push({
       icon: "link",
-      label: wt.term("getLinkToThisAsset"),
+      label: St.term("getLinkToThisAsset"),
       onClick: () => {
-        Ut && Ut("GET_LINK", { pageNumber: Qt }), qt();
+        Ut && Ut("GET_LINK", { pageNumber: Qt }), $t();
       },
-      tooltip: wt.term("getLinkToThisAsset"),
+      tooltip: St.term("getLinkToThisAsset"),
       value: "GET_LINK"
     }), Yt;
-  }, [qt, Qt, c, Ut, wt]), el = reactExports.useCallback(
+  }, [$t, Qt, c, Ut, St]), sl = reactExports.useCallback(
     (Yt) => {
-      const Lt = tl.find((Jt) => Jt.value === Yt.detail.item.value);
+      const Lt = tl.find((Ct) => Ct.value === Yt.detail.item.value);
       Lt && Lt.onClick();
     },
     [tl]
@@ -19880,7 +19943,7 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
     {
       trigger: "manual",
       hoist: !0,
-      content: wt.term("useKeyboardArrowsToNavigateThroughTheDocument"),
+      content: St.term("useKeyboardArrowsToNavigateThroughTheDocument"),
       ref: P,
       className: "a11y-tooltip",
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -19949,7 +20012,7 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
                                     highlightPosition: st?.pages.find((Lt) => Lt.pageNumber === Yt)?.matchedPositions,
                                     totalPages: m,
                                     onContextMenu: (Lt) => {
-                                      L || (Lt.preventDefault(), ll(Lt), St(Yt));
+                                      L || (Lt.preventDefault(), ll(Lt), wt(Yt));
                                     }
                                   },
                                   Yt
@@ -19967,7 +20030,7 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
                         pageNumber: bt,
                         totalPages: m,
                         open: O,
-                        onItemClick: gt,
+                        onItemClick: Dt,
                         showCover: u,
                         isPageLoaded: _t,
                         loadMorePages: vt,
@@ -19987,7 +20050,7 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
                   onNextPage: ht,
                   onPageChange: it,
                   scale: H,
-                  onScaleChange: Dt,
+                  onScaleChange: xt,
                   scaleOption: ct,
                   pageNumber: bt,
                   totalPages: m,
@@ -20005,9 +20068,9 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
                   openSearchBox: It,
                   onToggleSearchBox: pt,
                   onClosedSearchBox: mt,
-                  pdfSearching: Ft,
+                  pdfSearching: Ot,
                   imageSearching: ut,
-                  toggleFullscreen: Ot,
+                  toggleFullscreen: Jt,
                   fullscreen: L,
                   showCover: u,
                   setControllerHeight: dt
@@ -20017,7 +20080,7 @@ const ScaleBox = ({ children: l, fullSize: t, height: s, originalHeight: c, orig
             !L && tl.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("cx-popup", { ref: Pt, strategy: "fixed", placement: "right-start", flip: !0, shift: !0, className: "context-menu-popup", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               "cx-menu",
               {
-                "oncx-select": el,
+                "oncx-select": sl,
                 className: "context-menu",
                 "data-cy": "video-context-menu",
                 children: tl.map((Yt) => /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: Yt.tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-menu-item", { value: Yt.value, children: [
@@ -22137,20 +22200,20 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
     currentMatch: pt,
     imageSearchResult: It,
     imageSearching: Rt,
-    onClosedSearchBox: Ft,
+    onClosedSearchBox: Ot,
     onNextMatch: Kt,
-    onOpenSearchBox: Ot,
+    onOpenSearchBox: Jt,
     onPreviousMatch: Ut,
     onSearch: Gt,
     onToggleSearchBox: Zt,
     openSearchBox: nt,
     pdfSearchResult: Mt,
     pdfSearching: Vt,
-    pdfTextMatch: Dt,
-    textSearch: gt
+    pdfTextMatch: xt,
+    textSearch: Dt
   } = useSearch(t, Xt?.pdf, Wt, M, h, mt), _t = reactExports.useCallback(() => {
-    Ot(), D.current?.focusInput();
-  }, [Ot]), vt = reactExports.useCallback(() => {
+    Jt(), D.current?.focusInput();
+  }, [Jt]), vt = reactExports.useCallback(() => {
     u();
   }, [u]);
   reactExports.useEffect(() => {
@@ -22160,27 +22223,37 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
     return document.addEventListener("fullscreenchange", Nt), () => {
       document.removeEventListener("fullscreenchange", Nt);
     };
-  }, [vt]), useBookEvents(U, Z, {
-    onNextPage: ut,
-    onOpenSearchBox: _t,
-    onPageChange: mt,
-    onPreviousPage: ot,
-    onScaleChange: v,
-    onScaleOptionChange: B,
-    onZoomIn: ct,
-    onZoomOut: ht,
-    toggleFullscreen: vt
-  }), useBookEvents(A?.instance.wrapperComponent || null, Z, {
-    onNextPage: ut,
-    onOpenSearchBox: _t,
-    onPageChange: mt,
-    onPreviousPage: ot,
-    onScaleChange: v,
-    onScaleOptionChange: B,
-    onZoomIn: ct,
-    onZoomOut: ht,
-    toggleFullscreen: vt
-  });
+  }, [vt]), useBookEvents(
+    U,
+    Z,
+    {
+      onNextPage: ut,
+      onOpenSearchBox: _t,
+      onPageChange: mt,
+      onPreviousPage: ot,
+      onScaleChange: v,
+      onScaleOptionChange: B,
+      onZoomIn: ct,
+      onZoomOut: ht,
+      toggleFullscreen: vt
+    },
+    A?.instance.wrapperComponent || null
+  ), useBookEvents(
+    A?.instance.wrapperComponent || null,
+    Z,
+    {
+      onNextPage: ut,
+      onOpenSearchBox: _t,
+      onPageChange: mt,
+      onPreviousPage: ot,
+      onScaleChange: v,
+      onScaleOptionChange: B,
+      onZoomIn: ct,
+      onZoomOut: ht,
+      toggleFullscreen: vt
+    },
+    A?.instance.wrapperComponent || null
+  );
   const Bt = reactExports.useCallback(
     async (Nt = rt) => {
       Nt.forEach((yt) => {
@@ -22194,7 +22267,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
       }), X({ ...z.current });
     },
     [rt]
-  ), wt = reactExports.useCallback(async (Nt, yt = at) => {
+  ), St = reactExports.useCallback(async (Nt, yt = at) => {
     const Tt = z.current[Nt];
     if (!Tt || !Tt.page)
       return null;
@@ -22206,31 +22279,31 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
     const zt = Tt.page.getViewport({ scale: 1 });
     let Ht = zt.height;
     if (y) {
-      const al = y.clientHeight;
-      al > 0 && (Ht = M === GRID_VIEW_MODE ? al / 2 : al);
+      const dl = y.clientHeight;
+      dl > 0 && (Ht = M === GRID_VIEW_MODE ? dl / 2 : dl);
     }
     const ft = Math.min(Math.max(getDevicePixelRatio(), MIN_CANVAS_SCALE), MAX_CANVAS_SCALE);
-    let Et = Ht / zt.height * yt * ft, jt = Tt.page.getViewport({ scale: Et });
-    const $t = jt.width * jt.height;
-    $t > MAX_CANVAS_PIXELS && (Et *= Math.sqrt(MAX_CANVAS_PIXELS / $t), jt = Tt.page.getViewport({ scale: Et }));
-    const Ct = document.createElement("canvas");
-    Ct.width = jt.width, Ct.height = jt.height, Ct.style.width = `${jt.width}px`, Ct.style.height = `${jt.height}px`, Ct.style.visibility = "hidden";
-    const dl = Ct.getContext("2d", { alpha: !1 });
-    if (!dl)
+    let Et = Ht / zt.height * yt * ft, gt = Tt.page.getViewport({ scale: Et });
+    const qt = gt.width * gt.height;
+    qt > MAX_CANVAS_PIXELS && (Et *= Math.sqrt(MAX_CANVAS_PIXELS / qt), gt = Tt.page.getViewport({ scale: Et }));
+    const Ft = document.createElement("canvas");
+    Ft.width = gt.width, Ft.height = gt.height, Ft.style.width = `${gt.width}px`, Ft.style.height = `${gt.height}px`, Ft.style.visibility = "hidden";
+    const il = Ft.getContext("2d", { alpha: !1 });
+    if (!il)
       return null;
-    const Wl = {
+    const hl = {
       annotationMode: 1,
-      canvasContext: dl,
-      viewport: jt
-    }, ul = Tt.page.render(Wl);
-    Tt.renderTask = ul;
-    const Gl = ul;
+      canvasContext: il,
+      viewport: gt
+    }, bl = Tt.page.render(hl);
+    Tt.renderTask = bl;
+    const Wl = bl;
     try {
-      await Gl.promise;
+      await Wl.promise;
     } catch {
       return null;
     }
-    return Ct.width === 0 || Ct.height === 0 ? null : await createImageBitmap(Ct);
+    return Ft.width === 0 || Ft.height === 0 ? null : await createImageBitmap(Ft);
   }, [at, M, y]), At = async (Nt) => {
     const yt = z.current[Nt];
     if (!yt || !yt.page)
@@ -22252,33 +22325,28 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
       ...yt,
       pageNumber: yt.pageNumber
     });
-  }, St = reactExports.useCallback(() => {
-    y && y.focus();
-  }, [y]), qt = reactExports.useCallback(
+  }, wt = reactExports.useCallback(
     (Nt) => {
       Nt.target === Nt.currentTarget && P?.hide();
     },
     [P]
-  ), ll = reactExports.useCallback(
+  ), $t = reactExports.useCallback(
     (Nt) => {
       Nt.target === Nt.currentTarget && Nt.key === "Enter" && (U?.focus(), P?.show());
     },
     [P, U]
-  ), tl = reactExports.useCallback(
+  ), ll = reactExports.useCallback((Nt) => {
+    o(Nt);
+  }, []), tl = reactExports.useCallback(
     (Nt) => {
-      o(Nt), St();
+      B(Nt), v(Nt);
     },
-    [St]
-  ), el = reactExports.useCallback(
+    [v, B]
+  ), sl = reactExports.useCallback(
     (Nt) => {
-      B(Nt), v(Nt), St();
-    },
-    [St, v, B]
-  ), Yt = reactExports.useCallback(
-    (Nt) => {
-      if (!gt.keyword || !Dt || !nt)
+      if (!Dt.keyword || !xt || !nt)
         return Nt.str;
-      const yt = Nt.itemIndex, Tt = Dt[Nt.pageNumber];
+      const yt = Nt.itemIndex, Tt = xt[Nt.pageNumber];
       if (!Tt)
         return Nt.str;
       const zt = Tt.filter(
@@ -22288,12 +22356,12 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
         return Nt.str;
       let Ht = Nt.str;
       return zt.reverse().forEach((ft) => {
-        const Et = ft.begin.divIdx === yt ? ft.begin.offset : 0, jt = ft.end.divIdx === yt ? ft.end.offset : Ht.length, $t = Ht.substring(0, Et), Ct = Ht.substring(Et, jt), dl = Ht.substring(jt);
-        Ht = `${$t}<mark class="${ft.matchOrder === pt ? "active" : ""}">${Ct}</mark>${dl}`;
+        const Et = ft.begin.divIdx === yt ? ft.begin.offset : 0, gt = ft.end.divIdx === yt ? ft.end.offset : Ht.length, qt = Ht.substring(0, Et), Ft = Ht.substring(Et, gt), il = Ht.substring(gt);
+        Ht = `${qt}<mark class="${ft.matchOrder === pt ? "active" : ""}">${Ft}</mark>${il}`;
       }), Ht;
     },
-    [gt, Dt, nt, pt]
-  ), Lt = reactExports.useCallback(
+    [Dt, xt, nt, pt]
+  ), Yt = reactExports.useCallback(
     ({ pageNumber: Nt }) => {
       mt(Nt);
     },
@@ -22315,7 +22383,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
       yt.bitmap?.close(), yt.bitmap = void 0, yt.isRendering = !1;
     }), X({ ...z.current }));
   }, [M]);
-  const Jt = reactExports.useRef(null);
+  const Lt = reactExports.useRef(null);
   reactExports.useEffect(() => {
     const Nt = async () => {
       if (!k.current.length)
@@ -22324,8 +22392,8 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
       if (!Tt || yt && Tt.pageNumber === yt.pageNumber || !Tt)
         return;
       const zt = Tt.pageNumber;
-      Jt.current = zt;
-      const Ht = await wt(zt);
+      Lt.current = zt;
+      const Ht = await St(zt);
       if (Ht) {
         if (k.current = k.current.filter((Et) => Et !== zt), z.current[zt]) {
           const Et = z.current[zt].bitmap;
@@ -22335,22 +22403,22 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
         if (Object.values(z.current).length >= MAX_STORED_PAGES) {
           z.current = omitBy(
             z.current,
-            (jt) => !jt.bitmap && !ft.includes(jt.pageNumber)
+            (gt) => !gt.bitmap && !ft.includes(gt.pageNumber)
           );
           const Et = Object.values(z.current);
           if (Et.length >= MAX_STORED_PAGES) {
-            let jt = null, $t = null;
-            for (const Ct of Et)
-              ft.includes(Ct.pageNumber) || (!Ct.visitedAt && Ct.renderedAt && (!jt?.renderedAt || Ct.renderedAt < jt.renderedAt) && (jt = Ct), Ct.visitedAt && (!$t?.visitedAt || Ct.visitedAt < $t.visitedAt) && ($t = Ct));
-            jt ? (jt.bitmap?.close(), delete z.current[jt.pageNumber]) : $t && ($t.bitmap?.close(), delete z.current[$t.pageNumber]);
+            let gt = null, qt = null;
+            for (const Ft of Et)
+              ft.includes(Ft.pageNumber) || (!Ft.visitedAt && Ft.renderedAt && (!gt?.renderedAt || Ft.renderedAt < gt.renderedAt) && (gt = Ft), Ft.visitedAt && (!qt?.visitedAt || Ft.visitedAt < qt.visitedAt) && (qt = Ft));
+            gt ? (gt.bitmap?.close(), delete z.current[gt.pageNumber]) : qt && (qt.bitmap?.close(), delete z.current[qt.pageNumber]);
           }
         }
-        X({ ...z.current }), L(k.current), zt === Jt.current && Nt();
+        X({ ...z.current }), L(k.current), zt === Lt.current && Nt();
       }
     };
     Nt();
-  }, [wt, Y, Wt, N, y]);
-  const xt = reactExports.useMemo(
+  }, [St, Y, Wt, N, y]);
+  const Ct = reactExports.useMemo(
     () => _debounce(
       (Nt) => {
         Object.keys(z.current).forEach((yt) => {
@@ -22368,11 +22436,11 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
     ),
     []
   );
-  reactExports.useEffect(() => (xt(at), () => xt.cancel()), [at, xt]), reactExports.useEffect(() => {
+  reactExports.useEffect(() => (Ct(at), () => Ct.cancel()), [at, Ct]), reactExports.useEffect(() => {
     if (!Z)
       return;
     const Nt = () => {
-      xt.cancel();
+      Ct.cancel();
       const yt = Object.values(z.current);
       Xt?.pdf && yt.forEach((Tt) => {
         Tt.bitmap?.close(), Tt.page && (Tt.renderTask && Tt.renderTask.cancel(), Tt.page.cleanup());
@@ -22381,8 +22449,8 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
     return O.current.onClosed && O.current.onClosed(Nt), () => {
       Nt();
     };
-  }, [xt, Xt?.pdf, Z]);
-  const sl = reactExports.useMemo(
+  }, [Ct, Xt?.pdf, Z]);
+  const jt = reactExports.useMemo(
     () => ({
       onLoadedPDFPageProxy: Pt,
       pageViews: G,
@@ -22406,29 +22474,29 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
       }, At(Tt);
     });
   }, [it, at]);
-  const cl = reactExports.useContext(TranslationContext), [nl, kt] = reactExports.useState(null), [Zl, ml] = reactExports.useState(null), { closeMenu: bl, openMenu: ol } = usePopoverMenu(U, nl), il = reactExports.useMemo(() => d ? [
+  const el = reactExports.useContext(TranslationContext), [al, nl] = reactExports.useState(null), [kt, ul] = reactExports.useState(null), { closeMenu: Zl, openMenu: ml } = usePopoverMenu(U, al), cl = reactExports.useMemo(() => d ? [
     {
       icon: "link",
-      label: cl.term("getLinkToThisAsset"),
+      label: el.term("getLinkToThisAsset"),
       onClick: () => {
-        Qt && Qt("GET_LINK", { pageNumber: Zl }), bl();
+        Qt && Qt("GET_LINK", { pageNumber: kt }), Zl();
       },
-      tooltip: cl.term("getLinkToThisAsset"),
+      tooltip: el.term("getLinkToThisAsset"),
       value: "GET_LINK"
     }
-  ] : [], [bl, Zl, d, cl, Qt]), hl = reactExports.useCallback(
+  ] : [], [Zl, kt, d, el, Qt]), ol = reactExports.useCallback(
     (Nt) => {
-      const yt = il.find((Tt) => Tt.value === Nt.detail.item.value);
+      const yt = cl.find((Tt) => Tt.value === Nt.detail.item.value);
       yt && yt.onClick();
     },
-    [il]
+    [cl]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "cx-tooltip",
     {
       trigger: "manual",
       hoist: !0,
-      content: cl.term("useKeyboardArrowsToNavigateThroughTheDocument"),
+      content: el.term("useKeyboardArrowsToNavigateThroughTheDocument"),
       ref: lt,
       className: "a11y-tooltip",
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -22439,10 +22507,10 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
           tabIndex: 0,
           ref: R,
           className: "focus-root w-full h-full no-gap",
-          onBlur: qt,
-          onKeyDown: ll,
+          onBlur: wt,
+          onKeyDown: $t,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(BookContext.Provider, { value: sl, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(BookContext.Provider, { value: jt, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "cx-space",
                 {
@@ -22452,7 +22520,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                   tabIndex: -1,
                   ref: f,
                   className: "relative flex-full no-gap z-10 content-focus-root",
-                  onBlur: qt,
+                  onBlur: wt,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "div",
@@ -22494,7 +22562,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                                     width: J?.width,
                                     error: /* @__PURE__ */ jsxRuntimeExports.jsx(PageError, { pageWidth: J?.width }),
                                     loading: /* @__PURE__ */ jsxRuntimeExports.jsx(PageLoading, { fullSize: !0 }),
-                                    customTextRenderer: Yt,
+                                    customTextRenderer: sl,
                                     currentMatch: pt,
                                     openSearchBox: nt,
                                     onFireEvent: Qt,
@@ -22503,7 +22571,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                                     fullscreen: I,
                                     containerElement: U,
                                     onContextMenu: (yt) => {
-                                      I || (yt.preventDefault(), ol(yt), ml(Nt));
+                                      I || (yt.preventDefault(), ml(yt), ul(Nt));
                                     }
                                   },
                                   Nt
@@ -22521,7 +22589,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                         pageNumber: Wt,
                         totalPages: Z,
                         open: T,
-                        onItemClick: Lt,
+                        onItemClick: Yt,
                         showCover: N,
                         pageHeight: it?.height || 0,
                         pageWidth: it?.width || 0,
@@ -22541,14 +22609,14 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                   onNextPage: ut,
                   onPageChange: mt,
                   scale: at,
-                  onScaleChange: el,
+                  onScaleChange: tl,
                   scaleOption: bt,
                   pageNumber: Wt,
                   totalPages: Z,
                   onZoomIn: ct,
                   onZoomOut: ht,
                   viewMode: M,
-                  onViewModeChange: tl,
+                  onViewModeChange: ll,
                   onNextMatch: Kt,
                   onPreviousMatch: Ut,
                   onSearch: Gt,
@@ -22558,7 +22626,7 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                   imageSearchResult: It,
                   openSearchBox: nt,
                   onToggleSearchBox: Zt,
-                  onClosedSearchBox: Ft,
+                  onClosedSearchBox: Ot,
                   pdfSearching: Vt,
                   imageSearching: Rt,
                   toggleFullscreen: vt,
@@ -22568,13 +22636,13 @@ const ThumbnailItem = ({ data: l, index: t, style: s }) => {
                 }
               )
             ] }),
-            !I && il.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("cx-popup", { ref: kt, strategy: "fixed", placement: "right-start", flip: !0, shift: !0, className: "context-menu-popup", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !I && cl.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("cx-popup", { ref: nl, strategy: "fixed", placement: "right-start", flip: !0, shift: !0, className: "context-menu-popup", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               "cx-menu",
               {
-                "oncx-select": hl,
+                "oncx-select": ol,
                 className: "context-menu",
                 "data-cy": "video-context-menu",
-                children: il.map((Nt) => /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: Nt.tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-menu-item", { value: Nt.value, children: [
+                children: cl.map((Nt) => /* @__PURE__ */ jsxRuntimeExports.jsx("cx-tooltip", { hoist: !0, content: Nt.tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("cx-menu-item", { value: Nt.value, children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("cx-icon", { slot: "prefix", name: Nt.icon }),
                   Nt.label
                 ] }) }, Nt.value))
@@ -23305,16 +23373,16 @@ function createFormControl(l = {}) {
     };
     if (mt) {
       let rt, Xt;
-      const pt = ot(), It = J.type === EVENTS.BLUR || J.type === EVENTS.FOCUS_OUT, Rt = !hasValidation(mt._f) && !t.resolver && !get(s.errors, st) && !mt._f.deps || skipValidation(It, get(s.touchedFields, st), s.isSubmitted, M, W), Ft = isWatched(st, h, It);
+      const pt = ot(), It = J.type === EVENTS.BLUR || J.type === EVENTS.FOCUS_OUT, Rt = !hasValidation(mt._f) && !t.resolver && !get(s.errors, st) && !mt._f.deps || skipValidation(It, get(s.touchedFields, st), s.isSubmitted, M, W), Ot = isWatched(st, h, It);
       set(a, st, pt), It ? (mt._f.onBlur && mt._f.onBlur(J), N && N(0)) : mt._f.onChange && mt._f.onChange(J);
-      const Kt = R(st, pt, It, !1), Ot = !isEmptyObject(Kt) || Ft;
+      const Kt = R(st, pt, It, !1), Jt = !isEmptyObject(Kt) || Ot;
       if (!It && m.values.next({
         name: st,
         type: J.type,
         values: { ...a }
       }), Rt)
-        return Z.isValid && X(), Ot && m.state.next({ name: st, ...Ft ? {} : Kt });
-      if (!It && Ft && m.state.next({ ...s }), t.resolver) {
+        return Z.isValid && X(), Jt && m.state.next({ name: st, ...Ot ? {} : Kt });
+      if (!It && Ot && m.state.next({ ...s }), t.resolver) {
         const { errors: Ut } = await f([st]);
         if (Wt(pt), ut) {
           const Gt = schemaErrorLookup(s.errors, c, st), Zt = schemaErrorLookup(Ut, c, Gt.name || st);