vue-book-reader 1.1.5 → 1.1.7

package/lib/index.css

@@ -1,14 +1,14 @@
 
-.reader[data-v-8392fe11] {
+.reader[data-v-45c8d647] {
   position: absolute;
   inset: 50px 50px 20px;
 }
-.viewHolder[data-v-8392fe11] {
+.viewHolder[data-v-45c8d647] {
   height: 100%;
   width: 100%;
   position: relative;
 }
-#viewer[data-v-8392fe11] {
+#viewer[data-v-45c8d647] {
   height: 100%;
 }
 
@@ -83,15 +83,15 @@
 }
 
 /* container */
-.container[data-v-a2442a4b] {
+.container[data-v-829d32cd] {
   overflow: hidden;
   position: relative;
   height: 100%;
 }
-.containerExpanded[data-v-a2442a4b] {
+.containerExpanded[data-v-829d32cd] {
   transform: translateX(256px);
 }
-.readerArea[data-v-a2442a4b] {
+.readerArea[data-v-829d32cd] {
   position: relative;
   z-index: 1;
   height: 100%;
@@ -99,7 +99,7 @@
   background-color: #fff;
   transition: all 0.3s ease;
 }
-.container .titleArea[data-v-a2442a4b] {
+.container .titleArea[data-v-829d32cd] {
   position: absolute;
   top: 20px;
   left: 50px;
@@ -112,7 +112,7 @@
 }
 
 /* toc */
-.tocBackground[data-v-a2442a4b] {
+.tocBackground[data-v-829d32cd] {
   position: absolute;
   left: 256px;
   top: 0;
@@ -120,7 +120,7 @@
   right: 0;
   z-index: 1;
 }
-.tocArea[data-v-a2442a4b] {
+.tocArea[data-v-829d32cd] {
   position: absolute;
   left: 0;
   top: 0;
@@ -134,18 +134,18 @@
 }
 
 /* 滚动条 */
-.tocArea[data-v-a2442a4b]::-webkit-scrollbar {
+.tocArea[data-v-829d32cd]::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }
-.tocArea[data-v-a2442a4b]::-webkit-scrollbar-thumb:vertical {
+.tocArea[data-v-829d32cd]::-webkit-scrollbar-thumb:vertical {
   height: 5px;
   background-color: rgba(0, 0, 0, 0.1);
   border-radius: 0.5rem;
 }
 
 /* tocButton */
-.tocButton[data-v-a2442a4b] {
+.tocButton[data-v-829d32cd] {
   background: none;
   border: none;
   width: 32px;
@@ -157,7 +157,7 @@
   outline: none;
   cursor: pointer;
 }
-.tocButtonBar[data-v-a2442a4b] {
+.tocButtonBar[data-v-829d32cd] {
   position: absolute;
   width: 60%;
   background: #ccc;
@@ -167,12 +167,12 @@
   top: 50%;
   transition: all 0.5s ease;
 }
-.tocButtonExpanded[data-v-a2442a4b] {
+.tocButtonExpanded[data-v-829d32cd] {
   background: #f2f2f2;
 }
 
 /* 翻页 */
-.arrow[data-v-a2442a4b] {
+.arrow[data-v-829d32cd] {
   outline: none;
   border: none;
   background: none;
@@ -188,22 +188,22 @@
   appearance: none;
   font-weight: normal;
 }
-.arrow[data-v-a2442a4b]:hover {
+.arrow[data-v-829d32cd]:hover {
   color: #777;
 }
-.arrow[data-v-a2442a4b]:disabled {
+.arrow[data-v-829d32cd]:disabled {
   cursor: not-allowed;
   color: #e2e2e2;
 }
-.prev[data-v-a2442a4b] {
+.prev[data-v-829d32cd] {
   left: 1px;
 }
-.next[data-v-a2442a4b] {
+.next[data-v-829d32cd] {
   right: 1px;
 }
 
 /* loading */
-.loadingView[data-v-a2442a4b] {
+.loadingView[data-v-829d32cd] {
   position: absolute;
   top: 50%;
   left: 10%;
@@ -214,12 +214,12 @@
 }
 
 /* errorView */
-.errorView[data-v-a2442a4b] {
+.errorView[data-v-829d32cd] {
   position: absolute;
   top: 50%;
   left: 10%;
   right: 10%;
   color: #c00;
   text-align: center;
-  margin-top: -.5em;
+  margin-top: -0.5em;
 }

package/lib/vue-book-reader.cjs.js

@@ -1163,6 +1163,7 @@ const _sfc_main$2 = {
     const initBook = async () => {
       Promise.resolve().then(() => require("./view-BWKNxnVD.cjs")).then((n) => n.view).then(async (res) => {
         view = document.createElement("foliate-view");
+        getRendition(view);
         viewer.value.append(view);
         if (url.value) {
           view && view.close();
@@ -1191,9 +1192,6 @@ const _sfc_main$2 = {
         })
       );
       registerEvents();
-      view.addEventListener("load", () => {
-        getRendition(view);
-      });
       tocChanged && tocChanged(book.toc);
       if (location.value) {
         view == null ? void 0 : view.goTo(location.value);
@@ -1255,7 +1253,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8392fe11"]]);
+const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-45c8d647"]]);
 const _hoisted_1$1 = ["onClick"];
 const _hoisted_2$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
@@ -1317,7 +1315,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Toc = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-300395c2"]]);
-const _withScopeId = (n) => (vue.pushScopeId("data-v-a2442a4b"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-829d32cd"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "container" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", {
   class: "tocButtonBar",
@@ -1373,12 +1371,14 @@ const _sfc_main = {
       currentHref.value = (_a = detail.tocItem) == null ? void 0 : _a.href;
     };
     const onGetRendition = (val) => {
-      var _a;
       rendition = val;
       getRendition && getRendition(rendition);
-      const { book: book2 } = rendition;
-      const title = (_a = book2.metadata) == null ? void 0 : _a.title;
-      bookName.value = title || "";
+      rendition.addEventListener("load", () => {
+        var _a;
+        const { book: book2 } = rendition;
+        const title = (_a = book2.metadata) == null ? void 0 : _a.title;
+        bookName.value = title || "";
+      });
       rendition.addEventListener("relocate", onRelocate);
     };
     const onTocChange = (_toc) => {
@@ -1467,7 +1467,7 @@ const _sfc_main = {
     };
   }
 };
-const VueReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2442a4b"]]);
+const VueReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829d32cd"]]);
 exports.BookView = BookView;
 exports.VueReader = VueReader;
 exports.default = VueReader;

package/lib/vue-book-reader.es.js

@@ -1161,6 +1161,7 @@ const _sfc_main$2 = {
     const initBook = async () => {
       import("./view-DXqPfWdc.js").then((n) => n.v).then(async (res) => {
         view = document.createElement("foliate-view");
+        getRendition(view);
         viewer.value.append(view);
         if (url.value) {
           view && view.close();
@@ -1189,9 +1190,6 @@ const _sfc_main$2 = {
         })
       );
       registerEvents();
-      view.addEventListener("load", () => {
-        getRendition(view);
-      });
       tocChanged && tocChanged(book.toc);
       if (location.value) {
         view == null ? void 0 : view.goTo(location.value);
@@ -1253,7 +1251,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8392fe11"]]);
+const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-45c8d647"]]);
 const _hoisted_1$1 = ["onClick"];
 const _hoisted_2$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -1315,7 +1313,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const Toc = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-300395c2"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-a2442a4b"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-829d32cd"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "container" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", {
   class: "tocButtonBar",
@@ -1371,12 +1369,14 @@ const _sfc_main = {
       currentHref.value = (_a = detail.tocItem) == null ? void 0 : _a.href;
     };
     const onGetRendition = (val) => {
-      var _a;
       rendition = val;
       getRendition && getRendition(rendition);
-      const { book: book2 } = rendition;
-      const title = (_a = book2.metadata) == null ? void 0 : _a.title;
-      bookName.value = title || "";
+      rendition.addEventListener("load", () => {
+        var _a;
+        const { book: book2 } = rendition;
+        const title = (_a = book2.metadata) == null ? void 0 : _a.title;
+        bookName.value = title || "";
+      });
       rendition.addEventListener("relocate", onRelocate);
     };
     const onTocChange = (_toc) => {
@@ -1465,7 +1465,7 @@ const _sfc_main = {
     };
   }
 };
-const VueReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2442a4b"]]);
+const VueReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829d32cd"]]);
 export {
   BookView,
   VueReader,

package/lib/vue-book-reader.umd.js

@@ -34,7 +34,7 @@ var __privateMethod = (obj, member, method) => {
 
   var _a, _fakeWorkerId, _isWorkerDisabled, _workerPorts, _resolve, resolve_fn, _mainThreadWorkerMessageHandler, mainThreadWorkerMessageHandler_get;
   var __vite_style__ = document.createElement("style");
-  __vite_style__.textContent = "\n.reader[data-v-8392fe11] {\r\n  position: absolute;\r\n  inset: 50px 50px 20px;\n}\n.viewHolder[data-v-8392fe11] {\r\n  height: 100%;\r\n  width: 100%;\r\n  position: relative;\n}\n#viewer[data-v-8392fe11] {\r\n  height: 100%;\n}\r\n\r\n/* ↓ */\n.tocAreaButton .expansion[data-v-300395c2]::before {\r\n  transform: rotate(-45deg) translateX(2.5px);\n}\n.tocAreaButton .expansion[data-v-300395c2]::after {\r\n  transform: rotate(45deg) translateX(-2.5px);\n}\r\n\r\n/* ↑ */\n.tocAreaButton .open[data-v-300395c2]::before {\r\n  transform: rotate(45deg) translateX(2.5px);\n}\n.tocAreaButton .open[data-v-300395c2]::after {\r\n  transform: rotate(-45deg) translateX(-2.5px);\n}\n.tocAreaButton[data-v-300395c2] {\r\n  user-select: none;\r\n  appearance: none;\r\n  background: none;\r\n  border: none;\r\n  display: block;\r\n  font-family: sans-serif;\r\n  width: 100%;\r\n  font-size: 0.9em;\r\n  text-align: left;\r\n  padding: 0.9em 1em;\r\n  border-bottom: 1px solid #ddd;\r\n  color: #aaa;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  cursor: pointer;\r\n  position: relative;\n}\n.tocAreaButton[data-v-300395c2]:hover {\r\n  background: rgba(0, 0, 0, 0.05);\n}\n.tocAreaButton[data-v-300395c2]:active {\r\n  background: rgba(0, 0, 0, 0.1);\n}\n.active[data-v-300395c2] {\r\n  color: #1565c0;\r\n  border-bottom: 2px solid #1565c0;\n}\r\n\r\n/* 二级目录 */\n.tocAreaButton .expansion[data-v-300395c2] {\r\n  cursor: pointer;\r\n  transform: translateY(-50%);\r\n  top: 50%;\r\n  right: 12px;\r\n  position: absolute;\r\n  width: 10px;\r\n  background-color: #a2a5b4;\r\n  transition:\r\n    transform 0.3s ease-in-out,\r\n    top 0.3s ease-in-out;\n}\n.tocAreaButton .expansion[data-v-300395c2]::after,\r\n.tocAreaButton .expansion[data-v-300395c2]::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 6px;\r\n  height: 2px;\r\n  background-color: currentcolor;\r\n  border-radius: 2px;\r\n  transition:\r\n    transform 0.3s ease-in-out,\r\n    top 0.3s ease-in-out;\n}\r\n\r\n/* container */\n.container[data-v-a2442a4b] {\r\n  overflow: hidden;\r\n  position: relative;\r\n  height: 100%;\n}\n.containerExpanded[data-v-a2442a4b] {\r\n  transform: translateX(256px);\n}\n.readerArea[data-v-a2442a4b] {\r\n  position: relative;\r\n  z-index: 1;\r\n  height: 100%;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  transition: all 0.3s ease;\n}\n.container .titleArea[data-v-a2442a4b] {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 50px;\r\n  right: 50px;\r\n  text-align: center;\r\n  color: #999;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\r\n\r\n/* toc */\n.tocBackground[data-v-a2442a4b] {\r\n  position: absolute;\r\n  left: 256px;\r\n  top: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  z-index: 1;\n}\n.tocArea[data-v-a2442a4b] {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n  width: 256px;\r\n  overflow-y: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n  background: #f2f2f2;\r\n  padding: 10px 0;\n}\r\n\r\n/* 滚动条 */\n.tocArea[data-v-a2442a4b]::-webkit-scrollbar {\r\n  width: 5px;\r\n  height: 5px;\n}\n.tocArea[data-v-a2442a4b]::-webkit-scrollbar-thumb:vertical {\r\n  height: 5px;\r\n  background-color: rgba(0, 0, 0, 0.1);\r\n  border-radius: 0.5rem;\n}\r\n\r\n/* tocButton */\n.tocButton[data-v-a2442a4b] {\r\n  background: none;\r\n  border: none;\r\n  width: 32px;\r\n  height: 32px;\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  border-radius: 2px;\r\n  outline: none;\r\n  cursor: pointer;\n}\n.tocButtonBar[data-v-a2442a4b] {\r\n  position: absolute;\r\n  width: 60%;\r\n  background: #ccc;\r\n  height: 2px;\r\n  left: 50%;\r\n  margin: -1px -30%;\r\n  top: 50%;\r\n  transition: all 0.5s ease;\n}\n.tocButtonExpanded[data-v-a2442a4b] {\r\n  background: #f2f2f2;\n}\r\n\r\n/* 翻页 */\n.arrow[data-v-a2442a4b] {\r\n  outline: none;\r\n  border: none;\r\n  background: none;\r\n  position: absolute;\r\n  top: 50%;\r\n  margin-top: -32px;\r\n  font-size: 64px;\r\n  padding: 0 10px;\r\n  color: #e2e2e2;\r\n  font-family: arial, sans-serif;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  appearance: none;\r\n  font-weight: normal;\n}\n.arrow[data-v-a2442a4b]:hover {\r\n  color: #777;\n}\n.arrow[data-v-a2442a4b]:disabled {\r\n  cursor: not-allowed;\r\n  color: #e2e2e2;\n}\n.prev[data-v-a2442a4b] {\r\n  left: 1px;\n}\n.next[data-v-a2442a4b] {\r\n  right: 1px;\n}\r\n\r\n/* loading */\n.loadingView[data-v-a2442a4b] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 10%;\r\n  right: 10%;\r\n  color: #ccc;\r\n  text-align: center;\r\n  margin-top: -0.5em;\n}\r\n\r\n/* errorView */\n.errorView[data-v-a2442a4b] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 10%;\r\n  right: 10%;\r\n  color: #c00;\r\n  text-align: center;\r\n  margin-top: -.5em;\n}\r\n";
+  __vite_style__.textContent = "\n.reader[data-v-45c8d647] {\r\n  position: absolute;\r\n  inset: 50px 50px 20px;\n}\n.viewHolder[data-v-45c8d647] {\r\n  height: 100%;\r\n  width: 100%;\r\n  position: relative;\n}\n#viewer[data-v-45c8d647] {\r\n  height: 100%;\n}\r\n\r\n/* ↓ */\n.tocAreaButton .expansion[data-v-300395c2]::before {\r\n  transform: rotate(-45deg) translateX(2.5px);\n}\n.tocAreaButton .expansion[data-v-300395c2]::after {\r\n  transform: rotate(45deg) translateX(-2.5px);\n}\r\n\r\n/* ↑ */\n.tocAreaButton .open[data-v-300395c2]::before {\r\n  transform: rotate(45deg) translateX(2.5px);\n}\n.tocAreaButton .open[data-v-300395c2]::after {\r\n  transform: rotate(-45deg) translateX(-2.5px);\n}\n.tocAreaButton[data-v-300395c2] {\r\n  user-select: none;\r\n  appearance: none;\r\n  background: none;\r\n  border: none;\r\n  display: block;\r\n  font-family: sans-serif;\r\n  width: 100%;\r\n  font-size: 0.9em;\r\n  text-align: left;\r\n  padding: 0.9em 1em;\r\n  border-bottom: 1px solid #ddd;\r\n  color: #aaa;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  cursor: pointer;\r\n  position: relative;\n}\n.tocAreaButton[data-v-300395c2]:hover {\r\n  background: rgba(0, 0, 0, 0.05);\n}\n.tocAreaButton[data-v-300395c2]:active {\r\n  background: rgba(0, 0, 0, 0.1);\n}\n.active[data-v-300395c2] {\r\n  color: #1565c0;\r\n  border-bottom: 2px solid #1565c0;\n}\r\n\r\n/* 二级目录 */\n.tocAreaButton .expansion[data-v-300395c2] {\r\n  cursor: pointer;\r\n  transform: translateY(-50%);\r\n  top: 50%;\r\n  right: 12px;\r\n  position: absolute;\r\n  width: 10px;\r\n  background-color: #a2a5b4;\r\n  transition:\r\n    transform 0.3s ease-in-out,\r\n    top 0.3s ease-in-out;\n}\n.tocAreaButton .expansion[data-v-300395c2]::after,\r\n.tocAreaButton .expansion[data-v-300395c2]::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 6px;\r\n  height: 2px;\r\n  background-color: currentcolor;\r\n  border-radius: 2px;\r\n  transition:\r\n    transform 0.3s ease-in-out,\r\n    top 0.3s ease-in-out;\n}\r\n\r\n/* container */\n.container[data-v-829d32cd] {\r\n  overflow: hidden;\r\n  position: relative;\r\n  height: 100%;\n}\n.containerExpanded[data-v-829d32cd] {\r\n  transform: translateX(256px);\n}\n.readerArea[data-v-829d32cd] {\r\n  position: relative;\r\n  z-index: 1;\r\n  height: 100%;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  transition: all 0.3s ease;\n}\n.container .titleArea[data-v-829d32cd] {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 50px;\r\n  right: 50px;\r\n  text-align: center;\r\n  color: #999;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\r\n\r\n/* toc */\n.tocBackground[data-v-829d32cd] {\r\n  position: absolute;\r\n  left: 256px;\r\n  top: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  z-index: 1;\n}\n.tocArea[data-v-829d32cd] {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n  width: 256px;\r\n  overflow-y: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n  background: #f2f2f2;\r\n  padding: 10px 0;\n}\r\n\r\n/* 滚动条 */\n.tocArea[data-v-829d32cd]::-webkit-scrollbar {\r\n  width: 5px;\r\n  height: 5px;\n}\n.tocArea[data-v-829d32cd]::-webkit-scrollbar-thumb:vertical {\r\n  height: 5px;\r\n  background-color: rgba(0, 0, 0, 0.1);\r\n  border-radius: 0.5rem;\n}\r\n\r\n/* tocButton */\n.tocButton[data-v-829d32cd] {\r\n  background: none;\r\n  border: none;\r\n  width: 32px;\r\n  height: 32px;\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  border-radius: 2px;\r\n  outline: none;\r\n  cursor: pointer;\n}\n.tocButtonBar[data-v-829d32cd] {\r\n  position: absolute;\r\n  width: 60%;\r\n  background: #ccc;\r\n  height: 2px;\r\n  left: 50%;\r\n  margin: -1px -30%;\r\n  top: 50%;\r\n  transition: all 0.5s ease;\n}\n.tocButtonExpanded[data-v-829d32cd] {\r\n  background: #f2f2f2;\n}\r\n\r\n/* 翻页 */\n.arrow[data-v-829d32cd] {\r\n  outline: none;\r\n  border: none;\r\n  background: none;\r\n  position: absolute;\r\n  top: 50%;\r\n  margin-top: -32px;\r\n  font-size: 64px;\r\n  padding: 0 10px;\r\n  color: #e2e2e2;\r\n  font-family: arial, sans-serif;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  appearance: none;\r\n  font-weight: normal;\n}\n.arrow[data-v-829d32cd]:hover {\r\n  color: #777;\n}\n.arrow[data-v-829d32cd]:disabled {\r\n  cursor: not-allowed;\r\n  color: #e2e2e2;\n}\n.prev[data-v-829d32cd] {\r\n  left: 1px;\n}\n.next[data-v-829d32cd] {\r\n  right: 1px;\n}\r\n\r\n/* loading */\n.loadingView[data-v-829d32cd] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 10%;\r\n  right: 10%;\r\n  color: #ccc;\r\n  text-align: center;\r\n  margin-top: -0.5em;\n}\r\n\r\n/* errorView */\n.errorView[data-v-829d32cd] {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 10%;\r\n  right: 10%;\r\n  color: #c00;\r\n  text-align: center;\r\n  margin-top: -0.5em;\n}\r\n";
   document.head.appendChild(__vite_style__);
   var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -1199,6 +1199,7 @@ var __privateMethod = (obj, member, method) => {
       const initBook = async () => {
         Promise.resolve().then(() => view).then(async (res) => {
           view$1 = document.createElement("foliate-view");
+          getRendition(view$1);
           viewer.value.append(view$1);
           if (url.value) {
             view$1 && view$1.close();
@@ -1227,9 +1228,6 @@ var __privateMethod = (obj, member, method) => {
           })
         );
         registerEvents();
-        view$1.addEventListener("load", () => {
-          getRendition(view$1);
-        });
         tocChanged && tocChanged(book.toc);
         if (location2.value) {
           view$1 == null ? void 0 : view$1.goTo(location2.value);
@@ -1291,7 +1289,7 @@ var __privateMethod = (obj, member, method) => {
       };
     }
   };
-  const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8392fe11"]]);
+  const BookView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-45c8d647"]]);
   const _hoisted_1$1 = ["onClick"];
   const _hoisted_2$1 = { key: 0 };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
@@ -1353,7 +1351,7 @@ var __privateMethod = (obj, member, method) => {
     }
   });
   const Toc = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-300395c2"]]);
-  const _withScopeId = (n2) => (vue.pushScopeId("data-v-a2442a4b"), n2 = n2(), vue.popScopeId(), n2);
+  const _withScopeId = (n2) => (vue.pushScopeId("data-v-829d32cd"), n2 = n2(), vue.popScopeId(), n2);
   const _hoisted_1 = { class: "container" };
   const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", {
     class: "tocButtonBar",
@@ -1409,12 +1407,14 @@ var __privateMethod = (obj, member, method) => {
         currentHref.value = (_a2 = detail.tocItem) == null ? void 0 : _a2.href;
       };
       const onGetRendition = (val) => {
-        var _a2;
         rendition = val;
         getRendition && getRendition(rendition);
-        const { book: book2 } = rendition;
-        const title = (_a2 = book2.metadata) == null ? void 0 : _a2.title;
-        bookName.value = title || "";
+        rendition.addEventListener("load", () => {
+          var _a2;
+          const { book: book2 } = rendition;
+          const title = (_a2 = book2.metadata) == null ? void 0 : _a2.title;
+          bookName.value = title || "";
+        });
         rendition.addEventListener("relocate", onRelocate);
       };
       const onTocChange = (_toc) => {
@@ -1503,7 +1503,7 @@ var __privateMethod = (obj, member, method) => {
       };
     }
   };
-  const VueReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2442a4b"]]);
+  const VueReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829d32cd"]]);
   const findIndices = (arr, f2) => arr.map((x2, i2, a2) => f2(x2, i2, a2) ? i2 : null).filter((x2) => x2 != null);
   const splitAt = (arr, is) => [-1, ...is, arr.length].reduce(({ xs, a: a2 }, b2) => ({ xs: (xs == null ? void 0 : xs.concat([arr.slice(a2 + 1, b2)])) ?? [], a: b2 }), {}).xs;
   const concatArrays = (a2, b2) => a2.slice(0, -1).concat([a2[a2.length - 1].concat(b2[0])]).concat(b2.slice(1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-book-reader",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "type": "module",
   "main": "lib/vue-book-reader.umd.js",
   "module": "lib/vue-book-reader.es.js",
@@ -10,6 +10,7 @@
   "keywords": [
     "vue3",
     "reader",
+    "ebooks",
     "epub",
     "MOBI",
     "KF8",