@readerseye2/cr_viewer 1.0.21 → 1.0.23

package/dist/index.js

@@ -3496,10 +3496,10 @@ const wl = /* @__PURE__ */ xe(
               return yl(so(bt, Vt, J));
             }
             const Ne = ki(Oe, Te, le);
-            let Le, $e;
-            re ? K === 0 && ne === 0 && se > 0 ? (Le = 0, $e = se - 1) : (Le = Ne * Sn((K + we) / (me + we)), $e = Ne * oo((ne + we) / (me + we)) - 1, $e = Vn(z - 1, Kt($e, Ne - 1)), Le = Vn($e, Kt(0, Le))) : (Le = 0, $e = -1);
-            const ut = so(Le, $e, J), { bottom: Qe, top: He } = lo(V, H, oe, ut), ot = oo(z / Ne), Je = ot * me + (ot - 1) * we - Qe;
-            return { bottom: Qe, itemHeight: me, items: ut, itemWidth: Te, offsetBottom: Je, offsetTop: He, top: He };
+            let Ae, $e;
+            re ? K === 0 && ne === 0 && se > 0 ? (Ae = 0, $e = se - 1) : (Ae = Ne * Sn((K + we) / (me + we)), $e = Ne * oo((ne + we) / (me + we)) - 1, $e = Vn(z - 1, Kt($e, Ne - 1)), Ae = Vn($e, Kt(0, Ae))) : (Ae = 0, $e = -1);
+            const ut = so(Ae, $e, J), { bottom: Qe, top: Ge } = lo(V, H, oe, ut), ot = oo(z / Ne), Je = ot * me + (ot - 1) * we - Qe;
+            return { bottom: Qe, itemHeight: me, items: ut, itemWidth: Te, offsetBottom: Je, offsetTop: Ge, top: Ge };
           }
         )
       ),
@@ -5050,8 +5050,9 @@ function Ta() {
       fontSize: r,
       lineHeight: o,
       overflow: "hidden",
-      // padding: `${marginY}px ${marginX}px`,
-      WebkitOverflowScrolling: "touch"
+      WebkitTextSizeAdjust: "none",
+      MozTextSizeAdjust: "none",
+      textSizeAdjust: "none"
     }),
     [n, i.bg, i.fg, r, o]
   ), b = ve(
@@ -5075,7 +5076,7 @@ function Ma(e) {
 function Ea(e) {
   return rt({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z", opacity: ".87" }, child: [] }, { tag: "path", attr: { d: "M17.51 3.87 15.73 2.1 5.84 12l9.9 9.9 1.77-1.77L9.38 12l8.13-8.13z" }, child: [] }] })(e);
 }
-const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31", za = "_row2_1hfub_34", Aa = "_controls_1hfub_44", La = "_row1_1hfub_52", Ga = "_groupExpand_1hfub_80", Ha = "_groupPlayback_1hfub_81", Na = "_groupSpeed_1hfub_82", Fa = "_groupFeatures_1hfub_83", Wa = "_groupNav_1hfub_84", Da = "_btn_1hfub_116", $a = "_btnForbidden_1hfub_141", Va = "_btnActive_1hfub_147", qa = "_label_1hfub_158", ja = "_compactBtn_1hfub_168", Ge = {
+const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31", za = "_row2_1hfub_34", Aa = "_controls_1hfub_44", La = "_row1_1hfub_52", Ga = "_groupExpand_1hfub_80", Ha = "_groupPlayback_1hfub_81", Na = "_groupSpeed_1hfub_82", Fa = "_groupFeatures_1hfub_83", Wa = "_groupNav_1hfub_84", Da = "_btn_1hfub_116", $a = "_btnForbidden_1hfub_141", Va = "_btnActive_1hfub_147", qa = "_label_1hfub_158", ja = "_compactBtn_1hfub_168", Le = {
   wrap: Oa,
   visible: Pa,
   compact: Ba,
@@ -5539,7 +5540,7 @@ function Ic() {
   return /* @__PURE__ */ X(
     "div",
     {
-      className: `${Ge.wrap} ${e ? Ge.visible : ""} ${d ? Ge.compact : ""}`,
+      className: `${Le.wrap} ${e ? Le.visible : ""} ${d ? Le.compact : ""}`,
       onClick: (C) => {
         C.stopPropagation();
       },
@@ -5549,21 +5550,21 @@ function Ic() {
       children: [
         !d && /* @__PURE__ */ x(nc, {}),
         /* @__PURE__ */ x("div", { style: d ? { display: "none" } : void 0, children: r && !o ? /* @__PURE__ */ x(Ka, {}) : /* @__PURE__ */ x(oc, {}) }),
-        /* @__PURE__ */ X("div", { className: Ge.controls, children: [
-          /* @__PURE__ */ X("div", { className: Ge.row1, children: [
-            /* @__PURE__ */ x("div", { className: Ge.groupExpand, children: /* @__PURE__ */ x(
+        /* @__PURE__ */ X("div", { className: Le.controls, children: [
+          /* @__PURE__ */ X("div", { className: Le.row1, children: [
+            /* @__PURE__ */ x("div", { className: Le.groupExpand, children: /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 onClick: (C) => {
                   C.stopPropagation(), v();
                 },
-                className: Ge.compactBtn,
+                className: Le.compactBtn,
                 title: d ? "오버레이 확대" : "오버레이 축소",
                 children: d ? /* @__PURE__ */ x(wc, { size: 24 }) : /* @__PURE__ */ x(xc, { size: 24 })
               }
             ) }),
-            /* @__PURE__ */ X("div", { className: Ge.groupPlayback, children: [
+            /* @__PURE__ */ X("div", { className: Le.groupPlayback, children: [
               /* @__PURE__ */ x(xo, { direction: "left" }),
               /* @__PURE__ */ x(
                 yc,
@@ -5576,10 +5577,10 @@ function Ic() {
               ),
               /* @__PURE__ */ x(xo, { direction: "right" })
             ] }),
-            /* @__PURE__ */ x("div", { className: Ge.groupSpeed, children: /* @__PURE__ */ x(pc, {}) })
+            /* @__PURE__ */ x("div", { className: Le.groupSpeed, children: /* @__PURE__ */ x(pc, {}) })
           ] }),
-          /* @__PURE__ */ X("div", { className: Ge.row2, children: [
-            /* @__PURE__ */ X("div", { className: Ge.groupFeatures, children: [
+          /* @__PURE__ */ X("div", { className: Le.row2, children: [
+            /* @__PURE__ */ X("div", { className: Le.groupFeatures, children: [
               r && /* @__PURE__ */ X(
                 "button",
                 {
@@ -5587,11 +5588,11 @@ function Ic() {
                   onClick: (C) => {
                     C.stopPropagation(), c();
                   },
-                  className: `${Ge.btn} ${o ? "" : Ge.btnActive}`,
+                  className: `${Le.btn} ${o ? "" : Le.btnActive}`,
                   title: "오디오북 음소거 전환",
                   children: [
                     o ? /* @__PURE__ */ x(ka, { size: 18 }) : /* @__PURE__ */ x(Ra, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Ge.label, children: "오디오북" })
+                    /* @__PURE__ */ x("span", { className: Le.label, children: "오디오북" })
                   ]
                 }
               ),
@@ -5602,11 +5603,11 @@ function Ic() {
                   onClick: (C) => {
                     C.stopPropagation(), l();
                   },
-                  className: `${Ge.btn} ${i ? Ge.btnActive : ""}`,
+                  className: `${Le.btn} ${i ? Le.btnActive : ""}`,
                   title: "포인터 표시",
                   children: [
                     /* @__PURE__ */ x(_a, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Ge.label, children: "포인터" })
+                    /* @__PURE__ */ x("span", { className: Le.label, children: "포인터" })
                   ]
                 }
               ),
@@ -5618,16 +5619,16 @@ function Ic() {
                     C.stopPropagation(), a();
                   },
                   disabled: !n,
-                  className: `${Ge.btn} ${s ? Ge.btnActive : ""} ${n ? "" : Ge.btnForbidden}`,
+                  className: `${Le.btn} ${s ? Le.btnActive : ""} ${n ? "" : Le.btnForbidden}`,
                   title: "끊어읽기 표시",
                   children: [
                     /* @__PURE__ */ x(Ma, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Ge.label, children: "끊어읽기" })
+                    /* @__PURE__ */ x("span", { className: Le.label, children: "끊어읽기" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ X("div", { className: Ge.groupNav, children: [
+            /* @__PURE__ */ X("div", { className: Le.groupNav, children: [
               /* @__PURE__ */ x(xa, {}),
               /* @__PURE__ */ x(Cn, {})
             ] })
@@ -5670,7 +5671,7 @@ function Pc() {
     )
   ] }) });
 }
-const Bc = N.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "_wrapVisible_62su0_35", Gc = "_scrollArea_62su0_71", Hc = "_row_62su0_81", Nc = "_label_62su0_89", Fc = "_btn_62su0_95", Wc = "_btnActive_62su0_106", Dc = "_btnSmall_62su0_110", $c = "_pill_62su0_122", Vc = "_themeCircle_62su0_133", qc = "_themeCircleActive_62su0_146", jc = "_stepRow_62su0_151", Uc = "_stepLabel_62su0_159", Kc = "_levelBox_62su0_172", Qc = "_inlineFlex_62su0_177", Ae = {
+const Bc = N.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "_wrapVisible_62su0_35", Gc = "_scrollArea_62su0_71", Hc = "_row_62su0_81", Nc = "_label_62su0_89", Fc = "_btn_62su0_95", Wc = "_btnActive_62su0_106", Dc = "_btnSmall_62su0_110", $c = "_pill_62su0_122", Vc = "_themeCircle_62su0_133", qc = "_themeCircleActive_62su0_146", jc = "_stepRow_62su0_151", Uc = "_stepLabel_62su0_159", Kc = "_levelBox_62su0_172", Qc = "_inlineFlex_62su0_177", ze = {
   wrap: zc,
   wrapHidden: Ac,
   wrapVisible: Lc,
@@ -5689,21 +5690,21 @@ const Bc = N.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "
   inlineFlex: Qc
 };
 function Yc({ visible: e }) {
-  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), v = Y((h) => h.setFontLevel), g = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), m = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), p = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), u = Y((h) => h.breakMarks), T = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), R = Y((h) => h.setBreakGapLevel), C = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
+  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), v = Y((h) => h.setFontLevel), g = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), m = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), p = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), u = Y((h) => h.breakMarks), T = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), R = Y((h) => h.setBreakGapLevel), C = `${ze.wrap} ${e ? ze.wrapVisible : ze.wrapHidden}`;
   return /* @__PURE__ */ X("div", { className: C, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
-    /* @__PURE__ */ X("div", { className: Ae.scrollArea, children: [
-      /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ X("div", { className: Ae.inlineFlex, children: [
+    /* @__PURE__ */ X("div", { className: ze.scrollArea, children: [
+      /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ X("div", { className: ze.inlineFlex, children: [
         /* @__PURE__ */ x(Lt, { active: t === "page", onClick: () => n("page"), children: "페이지" }),
         /* @__PURE__ */ x(Lt, { active: t === "scroll", onClick: () => n("scroll"), children: "스크롤" })
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Object.keys(bn).map((h) => {
+      /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Object.keys(bn).map((h) => {
         const S = h, I = bn[S];
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             onClick: () => o(S),
-            className: `${Ae.themeCircle} ${r === h ? Ae.themeCircleActive : ""}`,
+            className: `${ze.themeCircle} ${r === h ? ze.themeCircleActive : ""}`,
             style: { background: I.bg, color: I.fg, fontFamily: i },
             title: String(h),
             "aria-label": `테마: ${String(h)}`,
@@ -5712,7 +5713,7 @@ function Yc({ visible: e }) {
           `${h}_tc_button`
         );
       }) }) }),
-      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Ko.map((h) => /* @__PURE__ */ x(
+      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Ko.map((h) => /* @__PURE__ */ x(
         Lt,
         {
           active: i === h.value,
@@ -5755,7 +5756,7 @@ function Yc({ visible: e }) {
           onInc: () => b(Math.min(5, d + 1))
         }
       ),
-      /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ X("div", { className: Ae.inlineFlex, children: [
+      /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ X("div", { className: ze.inlineFlex, children: [
         /* @__PURE__ */ x(Lt, { active: m === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
         /* @__PURE__ */ x(Lt, { active: m === "underline", onClick: () => y("underline"), children: "밑줄" }),
         /* @__PURE__ */ x(
@@ -5775,7 +5776,7 @@ function Yc({ visible: e }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: /* @__PURE__ */ x(Lt, { active: u.slash, onClick: () => T("slash"), children: "슬래쉬" }) }) }),
+      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: /* @__PURE__ */ x(Lt, { active: u.slash, onClick: () => T("slash"), children: "슬래쉬" }) }) }),
       /* @__PURE__ */ x(
         pn,
         {
@@ -5788,12 +5789,12 @@ function Yc({ visible: e }) {
         }
       )
     ] }),
-    /* @__PURE__ */ x("div", { className: Ae.inlineFlex, style: { justifyContent: "center" }, children: /* @__PURE__ */ x("button", { type: "button", onClick: c, className: Ae.pill, children: "보기 설정 초기화" }) })
+    /* @__PURE__ */ x("div", { className: ze.inlineFlex, style: { justifyContent: "center" }, children: /* @__PURE__ */ x("button", { type: "button", onClick: c, className: ze.pill, children: "보기 설정 초기화" }) })
   ] });
 }
 function jt({ label: e, children: t }) {
-  return /* @__PURE__ */ X("div", { className: Ae.row, children: [
-    /* @__PURE__ */ x("label", { className: Ae.label, children: e }),
+  return /* @__PURE__ */ X("div", { className: ze.row, children: [
+    /* @__PURE__ */ x("label", { className: ze.label, children: e }),
     t
   ] });
 }
@@ -5809,7 +5810,7 @@ function Lt({
       type: "button",
       onClick: t,
       title: n,
-      className: `${Ae.btn} ${e ? Ae.btnActive : ""}`,
+      className: `${ze.btn} ${e ? ze.btnActive : ""}`,
       children: r
     }
   );
@@ -5823,28 +5824,28 @@ function pn({
   onInc: i
 }) {
   const s = t <= n, c = t >= r;
-  return /* @__PURE__ */ X("div", { className: Ae.stepRow, children: [
-    /* @__PURE__ */ x("label", { className: Ae.stepLabel, children: e }),
-    /* @__PURE__ */ X("div", { className: Ae.inlineFlex, children: [
+  return /* @__PURE__ */ X("div", { className: ze.stepRow, children: [
+    /* @__PURE__ */ x("label", { className: ze.stepLabel, children: e }),
+    /* @__PURE__ */ X("div", { className: ze.inlineFlex, children: [
       /* @__PURE__ */ x(
         "button",
         {
           type: "button",
           onClick: o,
           disabled: s,
-          className: Ae.btnSmall,
+          className: ze.btnSmall,
           "aria-label": "감소",
           children: "−"
         }
       ),
-      /* @__PURE__ */ x("div", { className: Ae.levelBox, children: t }),
+      /* @__PURE__ */ x("div", { className: ze.levelBox, children: t }),
       /* @__PURE__ */ x(
         "button",
         {
           type: "button",
           onClick: i,
           disabled: c,
-          className: Ae.btnSmall,
+          className: ze.btnSmall,
           "aria-label": "증가",
           children: "+"
         }
@@ -7179,8 +7180,8 @@ async function Ou({
       if (M.dataset.block = String(H), M.innerHTML = "", oe.kind === "image") {
         const Te = oe.block, Oe = ke(Te);
         M.appendChild(Oe);
-        const Ne = Oe.getBoundingClientRect(), { mt: Le, mb: $e } = sr(Oe);
-        F[H] = { contentH: Math.ceil(Ne.height), mt: Le, mb: $e }, await D(24);
+        const Ne = Oe.getBoundingClientRect(), { mt: Ae, mb: $e } = sr(Oe);
+        F[H] = { contentH: Math.ceil(Ne.height), mt: Ae, mb: $e }, await D(24);
         continue;
       }
       const V = oe.block, J = V.list ? (V.list.level ?? 0) * 24 : 0, se = oe.paraIndex ?? 0, re = g[se] ?? (((f = V.list) == null ? void 0 : f.kind) === "bullet" ? ((u = V.list) == null ? void 0 : u.glyph) ?? "•" : void 0);
@@ -7191,15 +7192,15 @@ async function Ou({
         Oe.dataset.variant = "no";
         const Ne = document.createElement("span");
         Ne.textContent = `${re} `, Ne.style.minWidth = "16px", Ne.style.display = "inline-block", Ne.style.whiteSpace = "nowrap", Ne.style.userSelect = "none", Te.appendChild(Ne), ue(Te, V.runs), ue(Oe, V.runs);
-        const Le = document.createDocumentFragment();
-        Le.appendChild(Te), Le.appendChild(Oe), M.appendChild(Le);
+        const Ae = document.createDocumentFragment();
+        Ae.appendChild(Te), Ae.appendChild(Oe), M.appendChild(Ae);
       } else {
         const Te = q(V, J);
         Te.dataset.variant = "with", ue(Te, V.runs), M.appendChild(Te);
       }
       const le = M.querySelector('p[data-variant="with"]'), we = M.querySelector('p[data-variant="no"]'), me = we ?? le;
       if (le && me) {
-        const Te = Ho(le), Oe = Ho(me), { mt: Ne, mb: Le } = sr(le), { mt: $e, mb: ut } = sr(me), Qe = ((T = V.runs) == null ? void 0 : T.length) ?? 0, He = we ? Oe : Te, ot = we ? $e : Ne, Je = we ? ut : Le;
+        const Te = Ho(le), Oe = Ho(me), { mt: Ne, mb: Ae } = sr(le), { mt: $e, mb: ut } = sr(me), Qe = ((T = V.runs) == null ? void 0 : T.length) ?? 0, Ge = we ? Oe : Te, ot = we ? $e : Ne, Je = we ? ut : Ae;
         if (H < 3) {
           const bt = le.getBoundingClientRect().height;
           console.log(
@@ -7209,9 +7210,9 @@ async function Ou({
         B.set(H, {
           runsLen: Qe,
           lastBottomWith: Te,
-          lastBottomNo: He,
+          lastBottomNo: Ge,
           mtWith: Ne,
-          mbWith: Le,
+          mbWith: Ae,
           mtNo: ot,
           mbNo: Je
         });
@@ -7233,9 +7234,9 @@ async function Ou({
       let se = -1, re;
       for (; Q < r.length; ) {
         if (lt(p, y), r[Q].kind === "image") {
-          const He = F[Q] ?? { contentH: 0, mt: 0, mb: 0 }, Je = (oe === 0 ? He.mt : V + He.mt) + He.contentH;
+          const Ge = F[Q] ?? { contentH: 0, mt: 0, mb: 0 }, Je = (oe === 0 ? Ge.mt : V + Ge.mt) + Ge.contentH;
           if (_(Je, oe)) {
-            oe += Je, se = Q, re = void 0, V = He.mb, Q += 1, z = void 0, K = null, ne = null;
+            oe += Je, se = Q, re = void 0, V = Ge.mb, Q += 1, z = void 0, K = null, ne = null;
             continue;
           }
           if (oe === 0) {
@@ -7254,16 +7255,16 @@ async function Ou({
           Q += 1, z = void 0, K = null, ne = null;
           continue;
         }
-        const Te = me > 0, Oe = Re(le, me, we - 1, Te), Le = (oe === 0 ? Oe.top : V + Oe.top) + Oe.content;
-        if (_(Le, oe)) {
-          oe += Le, se = Q, re = we - 1, V = Oe.mb, Q += 1, z = void 0, K = null, ne = null;
+        const Te = me > 0, Oe = Re(le, me, we - 1, Te), Ae = (oe === 0 ? Oe.top : V + Oe.top) + Oe.content;
+        if (_(Ae, oe)) {
+          oe += Ae, se = Q, re = we - 1, V = Oe.mb, Q += 1, z = void 0, K = null, ne = null;
           continue;
         }
         let $e = me, ut = we - 1, Qe = me - 1;
         for (; $e <= ut; ) {
           lt(p, y);
-          const He = $e + ut >> 1, ot = Re(le, me, He, Te), Je = (oe === 0 ? ot.top : V + ot.top) + ot.content;
-          _(Je, oe) ? (Qe = He, $e = He + 1) : ut = He - 1;
+          const Ge = $e + ut >> 1, ot = Re(le, me, Ge, Te), Je = (oe === 0 ? ot.top : V + ot.top) + ot.content;
+          _(Je, oe) ? (Qe = Ge, $e = Ge + 1) : ut = Ge - 1;
         }
         if (Qe >= me) {
           ee.push({
@@ -7283,13 +7284,13 @@ async function Ou({
           }), V = 0;
           break;
         } else {
-          const He = me;
+          const Ge = me;
           ee.push({
             startBlock: H,
             endBlock: Q,
             ...J != null ? { startOffsetInBlock: J } : {},
-            endOffsetInBlock: He
-          }), z = He + 1, K = Q, ne = He, V = 0;
+            endOffsetInBlock: Ge
+          }), z = Ge + 1, K = Q, ne = Ge, V = 0;
           break;
         }
       }
@@ -7365,11 +7366,11 @@ function Lu() {
     var $;
     return Au((($ = t == null ? void 0 : t.ast) == null ? void 0 : $.blocks) ?? []);
   }, [t]), f = ve(() => {
-    const $ = [], ze = Or();
+    const $ = [], He = Or();
     return p.forEach((We) => {
       if (We.kind === "paragraph") {
         const Ct = We.paraIndex;
-        $[Ct] = Pr(We.block, ze);
+        $[Ct] = Pr(We.block, He);
       }
     }), $;
   }, [p]), [u, T] = et({
@@ -7384,11 +7385,13 @@ function Lu() {
       fontSize: d,
       lineHeight: v,
       overflow: "hidden",
-      WebkitOverflowScrolling: "touch",
       width: "100%",
       height: "100%",
       position: "relative",
-      boxSizing: "border-box"
+      boxSizing: "border-box",
+      WebkitTextSizeAdjust: "none",
+      MozTextSizeAdjust: "none",
+      textSizeAdjust: "none"
     }),
     [a, l.bg, l.fg, d, v]
   ), {
@@ -7397,11 +7400,11 @@ function Lu() {
     slash: M
   } = Y(
     nn(($) => {
-      var ze;
+      var He;
       return {
         showSplit: $.showSplit,
         breakGapPx: $.breakGapPx ?? 0,
-        slash: ((ze = $.breakMarks) == null ? void 0 : ze.slash) ?? !1
+        slash: ((He = $.breakMarks) == null ? void 0 : He.slash) ?? !1
       };
     })
   ), B = Rt();
@@ -7413,8 +7416,8 @@ function Lu() {
   }, [u, B]);
   const F = Z(() => {
     console.log("@@@@@@recalc호출");
-    const $ = y.current, ze = le.current, We = we.current;
-    if (console.log("showSplit", A), !$ || !ze || !We || p.length === 0) {
+    const $ = y.current, He = le.current, We = we.current;
+    if (console.log("showSplit", A), !$ || !He || !We || p.length === 0) {
       T({ pages: [], pageByRunIndex: null }), R(0);
       return;
     }
@@ -7423,7 +7426,7 @@ function Lu() {
       try {
         const it = s.getState().playbackScale, { pages: Bt, pageByRunIndex: Di } = await Ou({
           viewHost: $,
-          measureRoot: ze,
+          measureRoot: He,
           contentArea: We,
           items: p,
           cfgMaxWidth: m,
@@ -7466,12 +7469,12 @@ function Lu() {
     b,
     e
   ]), D = j(($) => $.setCurrentGlobalRunIndex), q = j(($) => {
-    var ze;
-    return ((ze = $.layout) == null ? void 0 : ze.prefix) ?? [];
+    var He;
+    return ((He = $.layout) == null ? void 0 : He.prefix) ?? [];
   }), ue = _e(($) => $.syncToGI), de = Z(
     ($) => {
-      const ze = u.pages.length + 1, We = k + $;
-      if (We < 0 || We >= ze) return;
+      const He = u.pages.length + 1, We = k + $;
+      if (We < 0 || We >= He) return;
       const Ct = k === u.pages.length;
       if (We === u.pages.length) {
         R(We);
@@ -7491,14 +7494,14 @@ function Lu() {
   }, [S, de]), Re = Z(() => {
     S || C.current !== 0 ? (O("next"), I(!1)) : de(1);
   }, [S, de]), ee = kn(), Q = Z(() => {
-    const { isSettingsOpen: $, setSettingsOpen: ze, toggleOverlays: We } = ee.getState();
-    $ ? ze(!1) : We();
+    const { isSettingsOpen: $, setSettingsOpen: He, toggleOverlays: We } = ee.getState();
+    $ ? He(!1) : We();
   }, [ee]), z = u.pages.length + 1, K = ((zr = y.current) == null ? void 0 : zr.clientWidth) || 400, ne = Z(($) => {
     var it;
-    const ze = h.current;
-    if (!ze) return;
+    const He = h.current;
+    if (!He) return;
     const We = ((it = y.current) == null ? void 0 : it.clientWidth) || 1, Ct = $ / We * 33.333;
-    ze.style.transform = `translate3d(${-33.333 + Ct}%, 0, 0)`;
+    He.style.transform = `translate3d(${-33.333 + Ct}%, 0, 0)`;
   }, []), H = Z(
     ($) => {
       k === 0 && $ > 0 || k >= z - 1 && $ < 0 || (C.current = $, ne($), S || I(!0));
@@ -7511,8 +7514,8 @@ function Lu() {
   }, []), V = Z(
     ($) => {
       if ($.target !== $.currentTarget || $.propertyName !== "transform") return;
-      const ze = _;
-      w(!0), O(null), C.current = 0, ze === "prev" ? de(-1) : ze === "next" && de(1);
+      const He = _;
+      w(!0), O(null), C.current = 0, He === "prev" ? de(-1) : He === "next" && de(1);
     },
     [_, de]
   );
@@ -7527,10 +7530,7 @@ function Lu() {
     ($) => i || zu($) ? !0 : Bu($),
     [i]
   ), re = Z(
-    ($) => {
-      const ze = J.getState().status;
-      return ze === "playing" || ze === "loading" ? !0 : se($);
-    },
+    ($) => J.getState().status === "playing" ? !0 : se($),
     [J, se]
   ), pe = hu({
     onPrev: ke,
@@ -7579,8 +7579,8 @@ function Lu() {
     b,
     t == null ? void 0 : t.section_id
   ]), pu([y], Oe);
-  const Le = j(($) => $.registerSectionScrollApi);
-  Se(() => (Le({
+  const Ae = j(($) => $.registerSectionScrollApi);
+  Se(() => (Ae({
     // 페이지 모드에서는 GI 기반 스크롤 불필요 - 더미 구현
     ensureVisibleGI: () => Promise.resolve(!0),
     scrollToGI: () => Promise.resolve(!0),
@@ -7592,8 +7592,8 @@ function Lu() {
     scrollToGIAtOffset: () => Promise.resolve(),
     // 페이지 이동 구현
     stepPage: de
-  }), () => Le(void 0)), [Le, de]);
-  const $e = t.quizzes && t.quizzes.length > 0, ut = u.pages.length > 0 && k === u.pages.length, Qe = k > 0 ? k - 1 : null, He = k < z - 1 ? k + 1 : null, ot = ve(() => _ === "prev" ? "translate3d(0%, 0, 0)" : _ === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [_]), Je = ($) => n ? null : $ === u.pages.length ? /* @__PURE__ */ X(
+  }), () => Ae(void 0)), [Ae, de]);
+  const $e = t.quizzes && t.quizzes.length > 0, ut = u.pages.length > 0 && k === u.pages.length, Qe = k > 0 ? k - 1 : null, Ge = k < z - 1 ? k + 1 : null, ot = ve(() => _ === "prev" ? "translate3d(0%, 0, 0)" : _ === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [_]), Je = ($) => n ? null : $ === u.pages.length ? /* @__PURE__ */ X(
     "div",
     {
       style: {
@@ -7622,7 +7622,7 @@ function Lu() {
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
   }, Vt = !P && (!S || _ !== null);
-  return console.log("여기리랜더"), /* @__PURE__ */ X("div", { ref: y, style: { ...E, touchAction: "pan-y" }, ...pe, children: [
+  return console.log("여기리랜더"), /* @__PURE__ */ X("div", { ref: y, style: { ...E, touchAction: "none" }, ...pe, children: [
     /* @__PURE__ */ X(
       "div",
       {
@@ -7643,7 +7643,7 @@ function Lu() {
         children: [
           /* @__PURE__ */ x("div", { style: bt, children: Qe !== null && Je(Qe) }),
           /* @__PURE__ */ x("div", { style: bt, children: Je(k) }),
-          /* @__PURE__ */ x("div", { style: bt, children: He !== null && Je(He) })
+          /* @__PURE__ */ x("div", { style: bt, children: Ge !== null && Je(Ge) })
         ]
       }
     ),
@@ -8875,7 +8875,9 @@ function zd() {
         // 텍스트 선택 방지
         userSelect: "none",
         WebkitUserSelect: "none",
-        WebkitTouchCallout: "none"
+        WebkitTouchCallout: "none",
+        // 모바일 기본 터치 동작 차단 (스와이프 페이지 넘김용)
+        touchAction: "none"
       },
       children: [
         e === "scroll" ? /* @__PURE__ */ x(Ta, {}) : /* @__PURE__ */ x(Lu, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readerseye2/cr_viewer",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",