@d-i-t-a/reader 2.2.0-beta.2 → 2.2.0-beta.4

package/dist/esm/index.js

@@ -30641,8 +30641,37 @@ var require_devtools_detector = __commonJS({
           return e.d(n2, "a", n2), n2;
         }, e.o = function(t2, n2) {
           return Object.prototype.hasOwnProperty.call(t2, n2);
-        }, e.p = "", e(e.s = 4);
+        }, e.p = "", e(e.s = 3);
       }([function(t, n, e) {
+        "use strict";
+        e.d(n, "j", function() {
+          return s;
+        }), e.d(n, "e", function() {
+          return l;
+        }), e.d(n, "f", function() {
+          return d;
+        }), e.d(n, "d", function() {
+          return h;
+        }), e.d(n, "i", function() {
+          return p;
+        }), e.d(n, "g", function() {
+          return v;
+        }), e.d(n, "c", function() {
+          return b;
+        }), e.d(n, "h", function() {
+          return y;
+        }), n.a = function() {
+          for (var t2, n2 = [], e2 = 0; e2 < arguments.length; e2++)
+            n2[e2] = arguments[e2];
+          if (f === null || f === void 0 ? void 0 : f.document)
+            return (t2 = f.document).createElement.apply(t2, n2);
+          return {};
+        }, e.d(n, "b", function() {
+          return w;
+        });
+        var r, i, o, u, c, a = e(1), f = Object(a.a)(), s = ((r = f === null || f === void 0 ? void 0 : f.navigator) === null || r === void 0 ? void 0 : r.userAgent) || "unknown", l = "InstallTrigger" in ((f === null || f === void 0 ? void 0 : f.window) || {}) || /firefox/i.test(s), d = /trident/i.test(s) || /msie/i.test(s), h = /edge/i.test(s), p = /webkit/i.test(s) && !h, v = /IqiyiApp/.test(s), b = ((i = f === null || f === void 0 ? void 0 : f.window) === null || i === void 0 ? void 0 : i.chrome) !== void 0 || /chrome/i.test(s) || /CriOS/i.test(s), y = (((u = (o = f === null || f === void 0 ? void 0 : f.window) === null || o === void 0 ? void 0 : o.safari) === null || u === void 0 ? void 0 : u.pushNotification) || false).toString() === "[object SafariRemoteNotification]" || /safari/i.test(s) && !b;
+        var w = typeof ((c = f.document) === null || c === void 0 ? void 0 : c.createElement) == "function";
+      }, function(t, n, e) {
         "use strict";
         (function(t2) {
           n.c = function() {
@@ -30678,24 +30707,8 @@ var require_devtools_detector = __commonJS({
               return t2;
             return this;
           };
-          var r = e(11), i = (e.n(r), e(5));
-        }).call(n, e(10));
-      }, function(t, n, e) {
-        "use strict";
-        e.d(n, "c", function() {
-          return f;
-        }), e.d(n, "d", function() {
-          return s;
-        }), e.d(n, "b", function() {
-          return l;
-        }), e.d(n, "f", function() {
-          return d;
-        }), e.d(n, "a", function() {
-          return h;
-        }), e.d(n, "e", function() {
-          return p;
-        });
-        var r, i, o, u = e(3), c = e(0), a = Object(c.a)(), f = "InstallTrigger" in ((a === null || a === void 0 ? void 0 : a.window) || {}) || /firefox/i.test(u.b), s = /trident/i.test(u.b) || /msie/i.test(u.b), l = /edge/i.test(u.b), d = /webkit/i.test(u.b) && !l, h = ((r = a === null || a === void 0 ? void 0 : a.window) === null || r === void 0 ? void 0 : r.chrome) !== void 0 || /chrome/i.test(u.b) || /CriOS/i.test(u.b), p = (((o = (i = a === null || a === void 0 ? void 0 : a.window) === null || i === void 0 ? void 0 : i.safari) === null || o === void 0 ? void 0 : o.pushNotification) || false).toString() === "[object SafariRemoteNotification]" || /safari/i.test(u.b) && !h;
+          var r = e(8), i = (e.n(r), e(4));
+        }).call(n, e(7));
       }, function(t, n, e) {
         "use strict";
         e.d(n, "b", function() {
@@ -30705,10 +30718,10 @@ var require_devtools_detector = __commonJS({
         }), e.d(n, "a", function() {
           return c;
         });
-        var r = e(1);
+        var r = e(0);
         function i(t2) {
           if (console) {
-            if (!r.d && !r.b)
+            if (!r.f && !r.d)
               return console[t2];
             if (t2 === "log" || t2 === "clear")
               return function() {
@@ -30723,59 +30736,54 @@ var require_devtools_detector = __commonJS({
           };
         }
         var o = i("log"), u = i("table"), c = i("clear");
-      }, function(t, n, e) {
-        "use strict";
-        n.a = function() {
-          for (var t2, n2 = [], e2 = 0; e2 < arguments.length; e2++)
-            n2[e2] = arguments[e2];
-          if (o === null || o === void 0 ? void 0 : o.document)
-            return (t2 = o.document).createElement.apply(t2, n2);
-          return {};
-        }, e.d(n, "b", function() {
-          return u;
-        });
-        var r, i = e(0), o = Object(i.a)();
-        var u = ((r = o === null || o === void 0 ? void 0 : o.navigator) === null || r === void 0 ? void 0 : r.userAgent) || "xxxxx";
       }, function(t, n, e) {
         "use strict";
         Object.defineProperty(n, "__esModule", { value: true }), n.addListener = function(t2) {
-          l.addListener(t2);
+          s.addListener(t2);
         }, n.removeListener = function(t2) {
-          l.removeListener(t2);
+          s.removeListener(t2);
         }, n.isLaunch = function() {
-          return l.isLaunch();
+          return s.isLaunch();
         }, n.launch = function() {
-          l.launch();
+          s.launch();
         }, n.stop = function() {
-          l.stop();
+          s.stop();
         }, n.setDetectDelay = function(t2) {
-          l.setDetectDelay(t2);
+          s.setDetectDelay(t2);
         };
-        var r = e(7), i = e(8);
+        var r = e(6), i = e(9);
         e.d(n, "DevtoolsDetector", function() {
           return r.a;
         }), e.d(n, "checkers", function() {
           return i;
         });
-        var o = e(0);
+        var o = e(1);
         e.d(n, "match", function() {
           return o.b;
         }), e.d(n, "specificVersionMatch", function() {
           return o.d;
         });
-        var u = e(1);
-        e.d(n, "isFirefox", function() {
-          return u.c;
+        var u = e(0);
+        e.d(n, "userAgent", function() {
+          return u.j;
+        }), e.d(n, "isFirefox", function() {
+          return u.e;
         }), e.d(n, "isIE", function() {
-          return u.d;
+          return u.f;
         }), e.d(n, "isEdge", function() {
-          return u.b;
+          return u.d;
         }), e.d(n, "isWebkit", function() {
-          return u.f;
+          return u.i;
+        }), e.d(n, "isIqiyiApp", function() {
+          return u.g;
         }), e.d(n, "isChrome", function() {
-          return u.a;
+          return u.c;
         }), e.d(n, "isSafari", function() {
-          return u.e;
+          return u.h;
+        }), e.d(n, "createElement", function() {
+          return u.a;
+        }), e.d(n, "inBrowser", function() {
+          return u.b;
         });
         var c = e(2);
         e.d(n, "log", function() {
@@ -30785,34 +30793,30 @@ var require_devtools_detector = __commonJS({
         }), e.d(n, "clear", function() {
           return c.a;
         });
-        var a = e(18);
-        e.d(n, "isMobile", function() {
+        var a = e(4);
+        e.d(n, "versionMap", function() {
           return a.a;
         });
         var f = e(5);
-        e.d(n, "versionMap", function() {
-          return f.a;
-        });
-        var s = e(6);
         e.d(n, "isMac", function() {
-          return s.d;
+          return f.d;
         }), e.d(n, "isIpad", function() {
-          return s.b;
+          return f.b;
         }), e.d(n, "isIphone", function() {
-          return s.c;
+          return f.c;
         }), e.d(n, "isAndroid", function() {
-          return s.a;
+          return f.a;
         }), e.d(n, "isWindows", function() {
-          return s.e;
+          return f.e;
         });
-        var l = new r.a({ checkers: [i.erudaChecker, i.elementIdChecker, i.regToStringChecker, i.functionToStringChecker, i.depRegToStringChecker, i.dateToStringChecker, i.performanceChecker, i.debuggerChecker] });
-        n.default = l;
+        var s = new r.a({ checkers: [i.erudaChecker, i.elementIdChecker, i.regToStringChecker, i.functionToStringChecker, i.depRegToStringChecker, i.dateToStringChecker, i.performanceChecker, i.debuggerChecker] });
+        n.default = s;
       }, function(t, n, e) {
         "use strict";
         e.d(n, "a", function() {
           return r;
         });
-        for (var r = {}, i = 0, o = (e(3).b || "").match(/\w+\/(\d|\.)+(\s|$)/gi) || []; i < o.length; i++) {
+        for (var r = {}, i = 0, o = (e(0).j || "").match(/\w+\/(\d|\.)+(\s|$)/gi) || []; i < o.length; i++) {
           var u = o[i].split("/"), c = u[0], a = u[1];
           r[c] = a;
         }
@@ -30829,15 +30833,15 @@ var require_devtools_detector = __commonJS({
         }), e.d(n, "e", function() {
           return a;
         });
-        var r = e(3), i = /macintosh/i.test(r.b), o = /ipad/i.test(r.b) || i && navigator.maxTouchPoints > 1, u = /iphone/i.test(r.b), c = /android/i.test(r.b), a = /windows/i.test(r.b);
+        var r = e(0), i = /macintosh/i.test(r.j), o = /ipad/i.test(r.j) || i && navigator.maxTouchPoints > 1, u = /iphone/i.test(r.j), c = /android/i.test(r.j), a = /windows/i.test(r.j);
       }, function(t, n, e) {
         "use strict";
         e.d(n, "a", function() {
-          return o;
+          return u;
         });
-        var r = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(0), i = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
-            function u(t3) {
+            function u2(t3) {
               try {
                 a(r2.next(t3));
               } catch (t4) {
@@ -30856,12 +30860,12 @@ var require_devtools_detector = __commonJS({
                 return t4 instanceof e2 ? t4 : new e2(function(n3) {
                   n3(t4);
                 });
-              }(t3.value).then(u, c);
+              }(t3.value).then(u2, c);
             }
             a((r2 = r2.apply(t2, n2 || [])).next());
           });
-        }, i = this && this.__generator || function(t2, n2) {
-          var e2, r2, i2, o2, u = { label: 0, sent: function() {
+        }, o = this && this.__generator || function(t2, n2) {
+          var e2, r2, i2, o2, u2 = { label: 0, sent: function() {
             if (1 & i2[0])
               throw i2[1];
             return i2[1];
@@ -30874,7 +30878,7 @@ var require_devtools_detector = __commonJS({
               return function(o4) {
                 if (e2)
                   throw new TypeError("Generator is already executing.");
-                for (; u; )
+                for (; u2; )
                   try {
                     if (e2 = 1, r2 && (i2 = 2 & o4[0] ? r2.return : o4[0] ? r2.throw || ((i2 = r2.return) && i2.call(r2), 0) : r2.next) && !(i2 = i2.call(r2, o4[1])).done)
                       return i2;
@@ -30884,34 +30888,34 @@ var require_devtools_detector = __commonJS({
                         i2 = o4;
                         break;
                       case 4:
-                        return u.label++, { value: o4[1], done: false };
+                        return u2.label++, { value: o4[1], done: false };
                       case 5:
-                        u.label++, r2 = o4[1], o4 = [0];
+                        u2.label++, r2 = o4[1], o4 = [0];
                         continue;
                       case 7:
-                        o4 = u.ops.pop(), u.trys.pop();
+                        o4 = u2.ops.pop(), u2.trys.pop();
                         continue;
                       default:
-                        if (!(i2 = (i2 = u.trys).length > 0 && i2[i2.length - 1]) && (o4[0] === 6 || o4[0] === 2)) {
-                          u = 0;
+                        if (!(i2 = (i2 = u2.trys).length > 0 && i2[i2.length - 1]) && (o4[0] === 6 || o4[0] === 2)) {
+                          u2 = 0;
                           continue;
                         }
                         if (o4[0] === 3 && (!i2 || o4[1] > i2[0] && o4[1] < i2[3])) {
-                          u.label = o4[1];
+                          u2.label = o4[1];
                           break;
                         }
-                        if (o4[0] === 6 && u.label < i2[1]) {
-                          u.label = i2[1], i2 = o4;
+                        if (o4[0] === 6 && u2.label < i2[1]) {
+                          u2.label = i2[1], i2 = o4;
                           break;
                         }
-                        if (i2 && u.label < i2[2]) {
-                          u.label = i2[2], u.ops.push(o4);
+                        if (i2 && u2.label < i2[2]) {
+                          u2.label = i2[2], u2.ops.push(o4);
                           break;
                         }
-                        i2[2] && u.ops.pop(), u.trys.pop();
+                        i2[2] && u2.ops.pop(), u2.trys.pop();
                         continue;
                     }
-                    o4 = n2.call(t2, u);
+                    o4 = n2.call(t2, u2);
                   } catch (t3) {
                     o4 = [6, t3], r2 = 0;
                   } finally {
@@ -30923,13 +30927,13 @@ var require_devtools_detector = __commonJS({
               }([o3, c2]);
             };
           }
-        }, o = function() {
+        }, u = function() {
           function t2(t3) {
             var n2 = t3.checkers;
             this._listeners = [], this._isOpen = false, this._detectLoopStopped = true, this._detectLoopDelay = 500, this._checkers = n2.slice();
           }
           return t2.prototype.launch = function() {
-            this._detectLoopDelay <= 0 && this.setDetectDelay(500), this._detectLoopStopped && (this._detectLoopStopped = false, this._detectLoop());
+            r.b && (this._detectLoopDelay <= 0 && this.setDetectDelay(500), this._detectLoopStopped && (this._detectLoopStopped = false, this._detectLoop()));
           }, t2.prototype.stop = function() {
             this._detectLoopStopped || (this._detectLoopStopped = true, clearTimeout(this._timer));
           }, t2.prototype.isLaunch = function() {
@@ -30951,65 +30955,137 @@ var require_devtools_detector = __commonJS({
               }
             }
           }, t2.prototype._detectLoop = function() {
-            return r(this, void 0, void 0, function() {
-              var t3, n2, e2, r2, o2, u, c = this;
-              return i(this, function(i2) {
-                switch (i2.label) {
+            return i(this, void 0, void 0, function() {
+              var t3, n2, e2, r2, i2, u2 = this;
+              return o(this, function(o2) {
+                switch (o2.label) {
                   case 0:
-                    t3 = false, n2 = "", e2 = 0, r2 = this._checkers, i2.label = 1;
+                    t3 = false, n2 = "", e2 = 0, r2 = this._checkers, o2.label = 1;
                   case 1:
-                    return e2 < r2.length ? [4, (o2 = r2[e2]).isEnable()] : [3, 6];
+                    return e2 < r2.length ? [4, (i2 = r2[e2]).isEnable()] : [3, 6];
                   case 2:
-                    return u = i2.sent(), console.log("isEnable", u), u ? (n2 = o2.name, [4, o2.isOpen()]) : [3, 4];
+                    return o2.sent() ? (n2 = i2.name, [4, i2.isOpen()]) : [3, 4];
                   case 3:
-                    t3 = i2.sent(), i2.label = 4;
+                    t3 = o2.sent(), o2.label = 4;
                   case 4:
                     if (t3)
                       return [3, 6];
-                    i2.label = 5;
+                    o2.label = 5;
                   case 5:
                     return e2++, [3, 1];
                   case 6:
-                    return t3 != this._isOpen && (this._isOpen = t3, this._broadcast({ isOpen: t3, checkerName: n2 })), this._detectLoopDelay > 0 ? this._timer = setTimeout(function() {
-                      return c._detectLoop();
+                    return t3 != this._isOpen && (this._isOpen = t3, this._broadcast({ isOpen: t3, checkerName: n2 })), this._detectLoopDelay > 0 && !this._detectLoopStopped ? this._timer = setTimeout(function() {
+                      return u2._detectLoop();
                     }, this._detectLoopDelay) : this.stop(), [2];
                 }
               });
             });
           }, t2;
         }();
+      }, function(t, n) {
+        var e;
+        e = function() {
+          return this;
+        }();
+        try {
+          e = e || Function("return this")() || (0, eval)("this");
+        } catch (t2) {
+          typeof window == "object" && (e = window);
+        }
+        t.exports = e;
+      }, function(t, n, e) {
+        var r, i, o;
+        !function(e2, u) {
+          i = [], (o = typeof (r = u) == "function" ? r.apply(n, i) : r) === void 0 || (t.exports = o);
+        }(0, function() {
+          var t2 = /^v?(?:\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+))?(?:-[\da-z\-]+(?:\.[\da-z\-]+)*)?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
+          function n2(t3) {
+            var n3 = t3.replace(/^v/, "").replace(/\+.*$/, ""), e3 = function(t4, n4) {
+              return t4.indexOf(n4) === -1 ? t4.length : t4.indexOf(n4);
+            }(n3, "-"), r3 = n3.substring(0, e3).split(".");
+            return r3.push(n3.substring(e3 + 1)), r3;
+          }
+          function e2(t3) {
+            return isNaN(Number(t3)) ? t3 : Number(t3);
+          }
+          function r2(n3) {
+            if (typeof n3 != "string")
+              throw new TypeError("Invalid argument expected string");
+            if (!t2.test(n3))
+              throw new Error("Invalid argument not valid semver ('" + n3 + "' received)");
+          }
+          function i2(t3, i3) {
+            [t3, i3].forEach(r2);
+            for (var o3 = n2(t3), u2 = n2(i3), c = 0; c < Math.max(o3.length - 1, u2.length - 1); c++) {
+              var a = parseInt(o3[c] || 0, 10), f = parseInt(u2[c] || 0, 10);
+              if (a > f)
+                return 1;
+              if (f > a)
+                return -1;
+            }
+            var s = o3[o3.length - 1], l = u2[u2.length - 1];
+            if (s && l) {
+              var d = s.split(".").map(e2), h = l.split(".").map(e2);
+              for (c = 0; c < Math.max(d.length, h.length); c++) {
+                if (d[c] === void 0 || typeof h[c] == "string" && typeof d[c] == "number")
+                  return -1;
+                if (h[c] === void 0 || typeof d[c] == "string" && typeof h[c] == "number")
+                  return 1;
+                if (d[c] > h[c])
+                  return 1;
+                if (h[c] > d[c])
+                  return -1;
+              }
+            } else if (s || l)
+              return s ? -1 : 1;
+            return 0;
+          }
+          var o2 = [">", ">=", "=", "<", "<="], u = { ">": [1], ">=": [0, 1], "=": [0], "<=": [-1, 0], "<": [-1] };
+          return i2.validate = function(n3) {
+            return typeof n3 == "string" && t2.test(n3);
+          }, i2.compare = function(t3, n3, e3) {
+            !function(t4) {
+              if (typeof t4 != "string")
+                throw new TypeError("Invalid operator type, expected string but got " + typeof t4);
+              if (o2.indexOf(t4) === -1)
+                throw new TypeError("Invalid operator, expected one of " + o2.join("|"));
+            }(e3);
+            var r3 = i2(t3, n3);
+            return u[e3].indexOf(r3) > -1;
+          }, i2;
+        });
       }, function(t, n, e) {
         "use strict";
         Object.defineProperty(n, "__esModule", { value: true });
-        var r = e(9);
+        var r = e(10);
         e.d(n, "depRegToStringChecker", function() {
           return r.a;
         });
-        var i = e(12);
+        var i = e(11);
         e.d(n, "elementIdChecker", function() {
           return i.a;
         });
-        var o = e(13);
+        var o = e(12);
         e.d(n, "functionToStringChecker", function() {
           return o.a;
         });
-        var u = e(14);
+        var u = e(13);
         e.d(n, "regToStringChecker", function() {
           return u.a;
         });
-        var c = e(15);
+        var c = e(14);
         e.d(n, "debuggerChecker", function() {
           return c.a;
         });
-        var a = e(16);
+        var a = e(15);
         e.d(n, "dateToStringChecker", function() {
           return a.a;
         });
-        var f = e(17);
+        var f = e(16);
         e.d(n, "performanceChecker", function() {
           return f.a;
         });
-        var s = e(19);
+        var s = e(17);
         e.d(n, "erudaChecker", function() {
           return s.a;
         });
@@ -31018,7 +31094,7 @@ var require_devtools_detector = __commonJS({
         e.d(n, "a", function() {
           return s;
         });
-        var r = e(1), i = e(2), o = e(0), u = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(0), i = e(2), o = e(1), u = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31119,88 +31195,16 @@ var require_devtools_detector = __commonJS({
         }, isEnable: function() {
           return u(this, void 0, void 0, function() {
             return c(this, function(t2) {
-              return [2, Object(o.b)({ includes: [true], excludes: [r.c, r.d] })];
+              return [2, Object(o.b)({ includes: [true], excludes: [r.e, r.f] })];
             });
           });
         } };
-      }, function(t, n) {
-        var e;
-        e = function() {
-          return this;
-        }();
-        try {
-          e = e || Function("return this")() || (0, eval)("this");
-        } catch (t2) {
-          typeof window == "object" && (e = window);
-        }
-        t.exports = e;
-      }, function(t, n, e) {
-        var r, i, o;
-        !function(e2, u) {
-          i = [], (o = typeof (r = u) == "function" ? r.apply(n, i) : r) === void 0 || (t.exports = o);
-        }(0, function() {
-          var t2 = /^v?(?:\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+)(\.(?:[x*]|\d+))?(?:-[\da-z\-]+(?:\.[\da-z\-]+)*)?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
-          function n2(t3) {
-            var n3 = t3.replace(/^v/, "").replace(/\+.*$/, ""), e3 = function(t4, n4) {
-              return t4.indexOf(n4) === -1 ? t4.length : t4.indexOf(n4);
-            }(n3, "-"), r3 = n3.substring(0, e3).split(".");
-            return r3.push(n3.substring(e3 + 1)), r3;
-          }
-          function e2(t3) {
-            return isNaN(Number(t3)) ? t3 : Number(t3);
-          }
-          function r2(n3) {
-            if (typeof n3 != "string")
-              throw new TypeError("Invalid argument expected string");
-            if (!t2.test(n3))
-              throw new Error("Invalid argument not valid semver ('" + n3 + "' received)");
-          }
-          function i2(t3, i3) {
-            [t3, i3].forEach(r2);
-            for (var o3 = n2(t3), u2 = n2(i3), c = 0; c < Math.max(o3.length - 1, u2.length - 1); c++) {
-              var a = parseInt(o3[c] || 0, 10), f = parseInt(u2[c] || 0, 10);
-              if (a > f)
-                return 1;
-              if (f > a)
-                return -1;
-            }
-            var s = o3[o3.length - 1], l = u2[u2.length - 1];
-            if (s && l) {
-              var d = s.split(".").map(e2), h = l.split(".").map(e2);
-              for (c = 0; c < Math.max(d.length, h.length); c++) {
-                if (d[c] === void 0 || typeof h[c] == "string" && typeof d[c] == "number")
-                  return -1;
-                if (h[c] === void 0 || typeof d[c] == "string" && typeof h[c] == "number")
-                  return 1;
-                if (d[c] > h[c])
-                  return 1;
-                if (h[c] > d[c])
-                  return -1;
-              }
-            } else if (s || l)
-              return s ? -1 : 1;
-            return 0;
-          }
-          var o2 = [">", ">=", "=", "<", "<="], u = { ">": [1], ">=": [0, 1], "=": [0], "<=": [-1, 0], "<": [-1] };
-          return i2.validate = function(n3) {
-            return typeof n3 == "string" && t2.test(n3);
-          }, i2.compare = function(t3, n3, e3) {
-            !function(t4) {
-              if (typeof t4 != "string")
-                throw new TypeError("Invalid operator type, expected string but got " + typeof t4);
-              if (o2.indexOf(t4) === -1)
-                throw new TypeError("Invalid operator, expected one of " + o2.join("|"));
-            }(e3);
-            var r3 = i2(t3, n3);
-            return u[e3].indexOf(r3) > -1;
-          }, i2;
-        });
       }, function(t, n, e) {
         "use strict";
         e.d(n, "a", function() {
-          return l;
+          return s;
         });
-        var r = e(1), i = e(2), o = e(0), u = e(3), c = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(0), i = e(2), o = e(1), u = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31225,7 +31229,7 @@ var require_devtools_detector = __commonJS({
             }
             a2((r2 = r2.apply(t2, n2 || [])).next());
           });
-        }, a = this && this.__generator || function(t2, n2) {
+        }, c = this && this.__generator || function(t2, n2) {
           var e2, r2, i2, o2, u2 = { label: 0, sent: function() {
             if (1 & i2[0])
               throw i2[1];
@@ -31288,20 +31292,20 @@ var require_devtools_detector = __commonJS({
               }([o3, c3]);
             };
           }
-        }, f = Object(u.a)("div"), s = false;
-        Object.defineProperty(f, "id", { get: function() {
-          return s = true, l.name;
+        }, a = Object(r.a)("div"), f = false;
+        Object.defineProperty(a, "id", { get: function() {
+          return f = true, s.name;
         }, configurable: true });
-        var l = { name: "element-id", isOpen: function() {
-          return c(this, void 0, void 0, function() {
-            return a(this, function(t2) {
-              return s = false, Object(i.b)(f), Object(i.a)(), [2, s];
+        var s = { name: "element-id", isOpen: function() {
+          return u(this, void 0, void 0, function() {
+            return c(this, function(t2) {
+              return f = false, Object(i.b)(a), Object(i.a)(), [2, f];
             });
           });
         }, isEnable: function() {
-          return c(this, void 0, void 0, function() {
-            return a(this, function(t2) {
-              return [2, Object(o.b)({ includes: [true], excludes: [r.d, r.b, r.c] })];
+          return u(this, void 0, void 0, function() {
+            return c(this, function(t2) {
+              return [2, Object(o.b)({ includes: [true], excludes: [r.f, r.d, r.e] })];
             });
           });
         } };
@@ -31310,7 +31314,7 @@ var require_devtools_detector = __commonJS({
         e.d(n, "a", function() {
           return l;
         });
-        var r = e(1), i = e(2), o = e(6), u = e(0), c = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(0), i = e(2), o = e(5), u = e(1), c = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31414,7 +31418,7 @@ var require_devtools_detector = __commonJS({
         }, isEnable: function() {
           return c(this, void 0, void 0, function() {
             return a(this, function(t2) {
-              return [2, Object(u.b)({ includes: [true], excludes: [r.c, (o.b || o.c) && r.a] })];
+              return [2, Object(u.b)({ includes: [true], excludes: [r.g, r.e, (o.b || o.c) && r.c] })];
             });
           });
         } };
@@ -31423,7 +31427,7 @@ var require_devtools_detector = __commonJS({
         e.d(n, "a", function() {
           return s;
         });
-        var r = e(2), i = e(1), o = e(0), u = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(2), i = e(0), o = e(1), u = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31524,7 +31528,7 @@ var require_devtools_detector = __commonJS({
         }, isEnable: function() {
           return u(this, void 0, void 0, function() {
             return c(this, function(t2) {
-              return [2, Object(o.b)({ includes: [true], excludes: [i.f] })];
+              return [2, Object(o.b)({ includes: [true], excludes: [i.i] })];
             });
           });
         } };
@@ -31533,7 +31537,7 @@ var require_devtools_detector = __commonJS({
         e.d(n, "a", function() {
           return u;
         });
-        var r = e(0), i = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(1), i = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31641,7 +31645,7 @@ var require_devtools_detector = __commonJS({
         e.d(n, "a", function() {
           return l;
         });
-        var r = e(1), i = e(2), o = e(0), u = e(4), c = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(0), i = e(2), o = e(1), u = e(3), c = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31742,16 +31746,16 @@ var require_devtools_detector = __commonJS({
         }, isEnable: function() {
           return c(this, void 0, void 0, function() {
             return a(this, function(t2) {
-              return [2, Object(o.b)({ includes: [r.a], excludes: [(u.isIpad || u.isIphone) && r.a] })];
+              return [2, Object(o.b)({ includes: [r.c], excludes: [(u.isIpad || u.isIphone) && r.c] })];
             });
           });
         } };
       }, function(t, n, e) {
         "use strict";
         e.d(n, "a", function() {
-          return d;
+          return s;
         });
-        for (var r = e(1), i = e(2), o = e(0), u = this && this.__awaiter || function(t2, n2, e2, r2) {
+        var r = e(0), i = e(2), o = e(1), u = this && this.__awaiter || function(t2, n2, e2, r2) {
           return new (e2 || (e2 = Promise))(function(i2, o2) {
             function u2(t3) {
               try {
@@ -31839,41 +31843,34 @@ var require_devtools_detector = __commonJS({
               }([o3, c3]);
             };
           }
-        }, a = function() {
-          for (var t2 = {}, n2 = 0; n2 < 500; n2++)
-            t2["".concat(n2)] = "".concat(n2);
-          return t2;
-        }(), f = [], s = 0; s < 50; s++)
-          f.push(a);
-        var l = Math.max(h(), 1e-3);
-        Object(i.a)();
-        var d = { name: "performance", isOpen: function() {
+        }, a = null, f = 0, s = { name: "performance", isOpen: function() {
           return u(this, void 0, void 0, function() {
-            var t2;
-            return c(this, function(n2) {
-              return t2 = function() {
+            var t2, n2;
+            return c(this, function(e2) {
+              return a === null && (a = function() {
+                for (var t3 = function() {
+                  for (var t4 = {}, n4 = 0; n4 < 500; n4++)
+                    t4["".concat(n4)] = "".concat(n4);
+                  return t4;
+                }(), n3 = [], e3 = 0; e3 < 50; e3++)
+                  n3.push(t3);
+                return n3;
+              }()), t2 = function() {
+                var t3 = Object(o.c)();
+                return Object(i.c)(a), Object(o.c)() - t3;
+              }(), n2 = function() {
                 var t3 = Object(o.c)();
-                return Object(i.c)(f), Object(o.c)() - t3;
-              }(), l = Math.max(l, h()), Object(i.a)(), t2 === 0 ? [2, false] : [2, t2 > 10 * l];
+                return Object(i.b)(a), Object(o.c)() - t3;
+              }(), f = Math.max(f, n2), Object(i.a)(), t2 === 0 ? [2, false] : f === 0 ? [2, false] : [2, t2 > 10 * f];
             });
           });
         }, isEnable: function() {
           return u(this, void 0, void 0, function() {
             return c(this, function(t2) {
-              return [2, Object(o.b)({ includes: [r.a], excludes: [] })];
+              return [2, Object(o.b)({ includes: [r.c], excludes: [] })];
             });
           });
         } };
-        function h() {
-          var t2 = Object(o.c)();
-          return Object(i.b)(f), Object(o.c)() - t2;
-        }
-      }, function(t, n, e) {
-        "use strict";
-        e.d(n, "a", function() {
-          return i;
-        });
-        var r = e(3), i = /mobile/i.test(r.b);
       }, function(t, n, e) {
         "use strict";
         e.d(n, "a", function() {
@@ -55563,17 +55560,7 @@ var TextHighlighter = class {
           toolbox.style.top = ev.clientY + (self2.delegate.attributes?.navHeight ?? 0) + "px";
           toolbox.style.left = ev.clientX + "px";
           if (getComputedStyle(toolbox).display === "none") {
-            let noteH = function() {
-              self2.delegate.annotationModule?.api?.addCommentToAnnotation(anno).then((result) => {
-                self2.delegate.annotationModule?.updateAnnotation(result).then(async () => {
-                  import_loglevel5.default.log("update highlight " + result.id);
-                  toolbox.style.display = "none";
-                  self2.selectionMenuClosed();
-                });
-                toolbox.style.display = "none";
-                self2.selectionMenuClosed();
-              });
-            }, deleteH = function() {
+            let deleteH = function() {
               if (self2.delegate.rights.enableAnnotations) {
                 self2.delegate.annotationModule?.deleteSelectedHighlight(anno).then(async () => {
                   import_loglevel5.default.log("delete highlight " + anno.id);
@@ -55608,14 +55595,6 @@ var TextHighlighter = class {
             }
             if (commentIcon) {
               commentIcon.style.display = "none";
-              let clone = commentIcon.cloneNode(true);
-              let parent = commentIcon.parentElement;
-              clone.style.display = "unset";
-              clone.id = "cloneCommentIcon";
-              clone.addEventListener("click", noteH, false);
-              if (parent) {
-                parent.append(clone);
-              }
             }
             let deleteIcon = document.getElementById("deleteIcon");
             let cloneDeleteIcon = document.getElementById("cloneDeleteIcon");
@@ -58323,6 +58302,9 @@ var ContentProtectionModule = class {
     return true;
   }
   restrictCopy(event) {
+    if (this.citation) {
+      return;
+    }
     import_loglevel13.default.log("copy action initiated");
     let win = this.delegate.iframes[0].contentWindow;
     if (win) {
@@ -58982,14 +58964,14 @@ var SearchModule = class {
     this.currentSearchHighlights = [];
     this.bookSearchResult = [];
     reset();
-    this.searchAndPaintChapter(term, 0, async () => {
+    await this.searchAndPaintChapter(term, 0, async () => {
     });
-    var chapter = this.searchChapter(term);
-    var book = this.searchBook(term);
     if (current) {
-      return chapter;
+      await this.searchBook(term);
+      return await this.searchChapter(term);
     } else {
-      return book;
+      await this.searchChapter(term);
+      return await this.searchBook(term);
     }
   }
   async goToSearchID(href, index2, current) {
@@ -59197,18 +59179,33 @@ var SearchModule = class {
       }
       if (tocItem) {
         let href = this.publication.getAbsoluteHref(tocItem.Href);
-        await fetch(href, this.delegate.requestConfig).then((r) => r.text()).then(async (data) => {
-          let parser = new DOMParser();
-          let doc = parser.parseFromString(this.delegate.requestConfig?.encoded ? this.decodeBase64(data) : data, "application/xhtml+xml");
-          if (tocItem) {
-            searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
-              result.forEach((searchItem) => {
-                localSearchResultBook.push(searchItem);
-                this.bookSearchResult.push(searchItem);
+        if (this.delegate.api?.getContent) {
+          await this.delegate.api?.getContent(href).then((content) => {
+            let parser = new DOMParser();
+            let doc = parser.parseFromString(this.delegate.requestConfig?.encoded ? this.decodeBase64(content) : content, "application/xhtml+xml");
+            if (tocItem) {
+              searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
+                result.forEach((searchItem) => {
+                  localSearchResultBook.push(searchItem);
+                  this.bookSearchResult.push(searchItem);
+                });
               });
-            });
-          }
-        });
+            }
+          });
+        } else {
+          await fetch(href, this.delegate.requestConfig).then((r) => r.text()).then(async (data) => {
+            let parser = new DOMParser();
+            let doc = parser.parseFromString(this.delegate.requestConfig?.encoded ? this.decodeBase64(data) : data, "application/xhtml+xml");
+            if (tocItem) {
+              searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
+                result.forEach((searchItem) => {
+                  localSearchResultBook.push(searchItem);
+                  this.bookSearchResult.push(searchItem);
+                });
+              });
+            }
+          });
+        }
       }
       if (index2 === this.publication.readingOrder.length - 1) {
         return localSearchResultBook;
@@ -59234,17 +59231,31 @@ var SearchModule = class {
     }
     if (tocItem) {
       let href = this.publication.getAbsoluteHref(tocItem.Href);
-      await fetch(href, this.delegate.requestConfig).then((r) => r.text()).then(async (data) => {
-        let parser = new DOMParser();
-        let doc = parser.parseFromString(this.delegate.requestConfig?.encoded ? this.decodeBase64(data) : data, "application/xhtml+xml");
-        if (tocItem) {
-          searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
-            result.forEach((searchItem) => {
-              localSearchResultBook.push(searchItem);
+      if (this.delegate.api?.getContent) {
+        await this.delegate.api?.getContent(href).then((content) => {
+          let parser = new DOMParser();
+          let doc = parser.parseFromString(this.delegate.requestConfig?.encoded ? this.decodeBase64(content) : content, "application/xhtml+xml");
+          if (tocItem) {
+            searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
+              result.forEach((searchItem) => {
+                localSearchResultBook.push(searchItem);
+              });
             });
-          });
-        }
-      });
+          }
+        });
+      } else {
+        await fetch(href, this.delegate.requestConfig).then((r) => r.text()).then(async (data) => {
+          let parser = new DOMParser();
+          let doc = parser.parseFromString(this.delegate.requestConfig?.encoded ? this.decodeBase64(data) : data, "application/xhtml+xml");
+          if (tocItem) {
+            searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
+              result.forEach((searchItem) => {
+                localSearchResultBook.push(searchItem);
+              });
+            });
+          }
+        });
+      }
     }
     return localSearchResultBook;
   }
@@ -64360,9 +64371,12 @@ var CitationModule = class {
     return module2;
   }
   async stop() {
-    import_loglevel23.default.log("Timeline module stop");
+    import_loglevel23.default.log("Citation module stop");
   }
   copyToClipboard(textToClipboard) {
+    if (this.delegate?.contentProtectionModule) {
+      this.delegate.contentProtectionModule.citation = true;
+    }
     let success = true;
     if (window.clipboardData) {
       window.clipboardData.setData("text/plain", textToClipboard);
@@ -64412,7 +64426,11 @@ var CitationModule = class {
           let chicagoString = "";
           let mlaString = "";
           let apaString = "";
-          if (self2.publication.Metadata.Author?.length > 0) {
+          if (self2.properties.author) {
+            apaString = apaString + self2.properties.author;
+            mlaString = mlaString + self2.properties.author;
+            chicagoString = chicagoString + self2.properties.author;
+          } else if (self2.publication.Metadata.Author?.length > 0) {
             let authorIndex = 0;
             if (authorIndex === 0) {
               if (self2.publication.Metadata.Author[0].Name) {
@@ -64433,11 +64451,18 @@ var CitationModule = class {
           let chicagoString = "";
           let mlaString = "";
           let apaString = "";
-          if (self2.publication.Metadata.Publisher && self2.publication.Metadata.Publisher[0].Name) {
+          if (self2.properties.publisher) {
+            mlaString = mlaString + self2.properties.publisher + ", ";
+            chicagoString = chicagoString + self2.properties.publisher + ", ";
+          } else if (self2.publication.Metadata.Publisher && self2.publication.Metadata.Publisher[0].Name) {
             mlaString = mlaString + self2.publication.Metadata.Publisher[0].Name + ", ";
             chicagoString = chicagoString + self2.publication.Metadata.Publisher[0].Name + ", ";
           }
-          if (self2.publication.Metadata.PublicationDate) {
+          if (self2.properties.published) {
+            apaString = apaString + "(" + self2.properties.published + ")";
+            mlaString = mlaString + self2.properties.published;
+            chicagoString = chicagoString + self2.properties.published;
+          } else if (self2.publication.Metadata.PublicationDate) {
             if (self2.publication.Metadata.PublicationDate.getFullYear() > 0) {
               apaString = apaString + "(" + self2.publication.Metadata.PublicationDate.getFullYear() + ")";
               mlaString = mlaString + self2.publication.Metadata.PublicationDate.getFullYear();
@@ -64450,7 +64475,13 @@ var CitationModule = class {
           return ["", "", ""];
         };
         let bookTitleFormatted = function() {
-          if (self2.publication.Metadata.Title) {
+          if (self2.properties.title) {
+            return [
+              self2.properties.title + ". ",
+              self2.properties.title + ". ",
+              self2.properties.title + ". "
+            ];
+          } else if (self2.publication.Metadata.Title) {
             return [
               self2.publication.Metadata.Title + ". ",
               self2.publication.Metadata.Title + ". ",
@@ -64467,7 +64498,11 @@ var CitationModule = class {
           let chicagoString = "";
           let mlaString = "";
           let apaString = "";
-          if (self2.publication.Metadata.Publisher && self2.publication.Metadata.Publisher[0].Name) {
+          if (self2.properties.publisher) {
+            mlaString = mlaString + self2.properties.publisher + ", ";
+            chicagoString = chicagoString + self2.properties.publisher + ", ";
+            apaString = apaString + self2.properties.publisher + ", ";
+          } else if (self2.publication.Metadata.Publisher && self2.publication.Metadata.Publisher[0].Name) {
             mlaString = mlaString + self2.publication.Metadata.Publisher[0].Name + ", ";
             chicagoString = chicagoString + self2.publication.Metadata.Publisher[0].Name + ", ";
             apaString = apaString + self2.publication.Metadata.Publisher[0].Name + ", ";
@@ -64549,13 +64584,126 @@ var CitationModule = class {
 init_polyfills();
 var import_eventemitter32 = __toModule(require_eventemitter3());
 var import_pdfjs_dist = __toModule(require_pdf());
+
+// src/utils/GrabToPan.ts
+init_polyfills();
+var CSS_CLASS_GRAB = "grab-to-pan-grab";
+var _onMouseDown, onMouseDown_fn, _onMouseMove, onMouseMove_fn, _endPan, endPan_fn;
+var GrabToPan = class {
+  constructor(options) {
+    __privateAdd(this, _onMouseDown);
+    __privateAdd(this, _onMouseMove);
+    __privateAdd(this, _endPan);
+    this.element = options.element;
+    this.document = options.element.ownerDocument;
+    if (typeof options.ignoreTarget === "function") {
+      this.ignoreTarget = options.ignoreTarget;
+    }
+    this.onActiveChanged = options.onActiveChanged;
+    this.activate = this.activate.bind(this);
+    this.deactivate = this.deactivate.bind(this);
+    this.toggle = this.toggle.bind(this);
+    this._onMouseDown = __privateMethod(this, _onMouseDown, onMouseDown_fn).bind(this);
+    this._onMouseMove = __privateMethod(this, _onMouseMove, onMouseMove_fn).bind(this);
+    this._endPan = __privateMethod(this, _endPan, endPan_fn).bind(this);
+    const overlay = this.overlay = document.createElement("div");
+    overlay.className = "grab-to-pan-grabbing";
+  }
+  activate() {
+    if (!this.active) {
+      this.active = true;
+      this.element.addEventListener("mousedown", this._onMouseDown, true);
+      this.element.classList.add(CSS_CLASS_GRAB);
+      this.onActiveChanged?.(true);
+    }
+  }
+  deactivate() {
+    if (this.active) {
+      this.active = false;
+      this.element.removeEventListener("mousedown", this._onMouseDown, true);
+      this._endPan();
+      this.element.classList.remove(CSS_CLASS_GRAB);
+      this.onActiveChanged?.(false);
+    }
+  }
+  toggle() {
+    if (this.active) {
+      this.deactivate();
+    } else {
+      this.activate();
+    }
+  }
+  ignoreTarget(node) {
+    return node.matches("a[href], a[href] *, input, textarea, button, button *, select, option");
+  }
+};
+_onMouseDown = new WeakSet();
+onMouseDown_fn = function(event) {
+  if (event.button !== 0 || this.ignoreTarget(event.target)) {
+    return;
+  }
+  if (event.originalTarget) {
+    try {
+      event.originalTarget.tagName;
+    } catch (e) {
+      return;
+    }
+  }
+  this.scrollLeftStart = this.element.scrollLeft;
+  this.scrollTopStart = this.element.scrollTop;
+  this.clientXStart = event.clientX;
+  this.clientYStart = event.clientY;
+  this.document.addEventListener("mousemove", this._onMouseMove, true);
+  this.document.addEventListener("mouseup", this._endPan, true);
+  this.element.addEventListener("scroll", this._endPan, true);
+  event.preventDefault();
+  event.stopPropagation();
+  const focusedElement = document.activeElement;
+  if (focusedElement && !focusedElement.contains(event.target)) {
+    focusedElement.blur();
+  }
+};
+_onMouseMove = new WeakSet();
+onMouseMove_fn = function(event) {
+  this.element.removeEventListener("scroll", this._endPan, true);
+  if (!(event.buttons & 1)) {
+    this._endPan();
+    return;
+  }
+  const xDiff = event.clientX - this.clientXStart;
+  const yDiff = event.clientY - this.clientYStart;
+  const scrollTop = this.scrollTopStart - yDiff;
+  const scrollLeft = this.scrollLeftStart - xDiff;
+  if (this.element.scrollTo) {
+    this.element.scrollTo({
+      top: scrollTop,
+      left: scrollLeft,
+      behavior: "instant"
+    });
+  } else {
+    this.element.scrollTop = scrollTop;
+    this.element.scrollLeft = scrollLeft;
+  }
+  if (!this.overlay.parentNode) {
+    document.body.append(this.overlay);
+  }
+};
+_endPan = new WeakSet();
+endPan_fn = function() {
+  this.element.removeEventListener("scroll", this._endPan, true);
+  this.document.removeEventListener("mousemove", this._onMouseMove, true);
+  this.document.removeEventListener("mouseup", this._endPan, true);
+  this.overlay.remove();
+};
+
+// src/navigator/PDFNavigator.ts
 var ScaleType;
 (function(ScaleType2) {
   ScaleType2[ScaleType2["Page"] = 0] = "Page";
   ScaleType2[ScaleType2["Width"] = 1] = "Width";
 })(ScaleType || (ScaleType = {}));
 var PDFNavigator = class extends import_eventemitter32.default {
-  constructor(settings, publication) {
+  constructor(settings, publication, api) {
     super();
     this.pdfDoc = null;
     this.pageNum = 1;
@@ -64570,9 +64718,10 @@ var PDFNavigator = class extends import_eventemitter32.default {
     };
     this.settings = settings;
     this.publication = publication;
+    this.api = api;
   }
   static async create(config2) {
-    const navigator2 = new this(config2.settings, config2.publication);
+    const navigator2 = new this(config2.settings, config2.publication, config2.api);
     await navigator2.start(config2.mainElement, config2.headerMenu, config2.footerMenu);
     return new Promise((resolve) => resolve(navigator2));
   }
@@ -64585,40 +64734,58 @@ var PDFNavigator = class extends import_eventemitter32.default {
     console.log(this.resource);
     console.log(this.resource.Href1);
     import_pdfjs_dist.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.worker.js`;
-    const wrapper = findRequiredElement(this.mainElement, "main#iframe-wrapper");
-    this.canvas = document.getElementById("canvas");
-    if (this.canvas == null) {
-      const newCanvas = document.createElement("canvas");
-      newCanvas.id = "canvas";
-      wrapper.appendChild(newCanvas);
-      this.canvas = document.getElementById("canvas");
-    }
-    this.ctx = this.canvas.getContext("2d");
+    this.wrapper = findRequiredElement(this.mainElement, "main#iframe-wrapper");
+    this.pdfContainer = findRequiredElement(this.mainElement, "#pdf-container");
+    this.handTool = new GrabToPan({
+      element: this.pdfContainer
+    });
     const self2 = this;
+    let loadingMessage = document.createElement("div");
+    loadingMessage.id = "loadingpdf";
+    loadingMessage.innerHTML = readerLoading;
+    loadingMessage.style.width = getComputedStyle(this.wrapper).width;
+    loadingMessage.style.height = getComputedStyle(this.wrapper).height;
+    loadingMessage.style.display = "flex";
+    loadingMessage.style.zIndex = "100";
+    loadingMessage.style.position = "absolute";
+    loadingMessage.style.alignItems = "center";
+    loadingMessage.style.justifyContent = "center";
+    loadingMessage.style.background = "white";
+    loadingMessage.className = "loading is-loading";
+    this.pdfContainer.appendChild(loadingMessage);
     (0, import_pdfjs_dist.getDocument)(this.publication.getAbsoluteHref(this.resource.Href)).promise.then(function(pdfDoc_) {
       self2.pdfDoc = pdfDoc_;
-      self2.renderPage(self2.pageNum, self2.scaleType);
+      self2.loadPDFJS(self2.pageNum);
     });
     this.setupEvents();
   }
   async handleResize() {
-    this.renderPage(this.pageNum, this.scaleType);
+    this.loadPDFJS(this.pageNum);
   }
   setupEvents() {
     addEventListenerOptional(window, "resize", this.onResize);
   }
-  renderPage(num, type) {
+  loadPDFJS(num) {
     const self2 = this;
-    self2.pageRendering = true;
-    const wrapper = findRequiredElement(self2.mainElement, "main#iframe-wrapper");
-    wrapper.style.height = "calc(100vh - 10px)";
-    self2.pdfDoc.getPage(num).then(function(page) {
+    let currentPage = 1;
+    this.wrapper.style.height = "calc(100vh - 10px)";
+    this.pdfContainer.style.height = "calc(100vh - 10px)";
+    this.pdfContainer.style.flexDirection = "column";
+    let collection = document.getElementsByTagName("canvas");
+    Array.from(collection).forEach(function(element) {
+      element?.parentNode?.removeChild(element);
+    });
+    function renderPage(page) {
+      const canvas = document.createElement("canvas");
+      canvas.id = String(currentPage);
+      canvas.style.border = "1px solid gray";
+      canvas.style.margin = "1px";
       let viewport = page.getViewport({ scale: self2.scale });
       if (self2.scale === 1) {
-        const fitPage = wrapper.clientHeight / viewport.height;
-        const fitWidth = wrapper.clientWidth / viewport.width;
+        const fitPage = self2.wrapper.clientHeight / viewport.height;
+        const fitWidth = self2.wrapper.clientWidth / viewport.width;
         console.log(fitPage, fitWidth);
-        if (type === 0) {
+        if (self2.scaleType === 0) {
           viewport = page.getViewport({
             scale: fitPage < fitWidth ? fitPage : fitWidth
           });
@@ -64626,41 +64793,55 @@ var PDFNavigator = class extends import_eventemitter32.default {
           viewport = page.getViewport({ scale: fitWidth });
         }
       }
-      self2.canvas.height = viewport.height;
-      self2.canvas.width = viewport.width;
+      self2.pdfContainer.appendChild(canvas);
+      const context = canvas.getContext("2d");
+      canvas.height = viewport.height;
+      canvas.width = viewport.width;
       const renderContext = {
-        canvasContext: self2.ctx,
+        canvasContext: context,
         viewport
       };
+      let pdfload = document.getElementById("loadingpdf");
+      pdfload.style.display = "flex";
+      pdfload.style.width = getComputedStyle(self2.wrapper).width;
+      pdfload.style.height = getComputedStyle(self2.wrapper).height;
       const renderTask = page.render(renderContext);
       renderTask.promise.then(function() {
-        self2.pageRendering = false;
-        if (self2.pageNumPending !== null) {
-          self2.renderPage(self2.pageNumPending, type);
-          self2.pageNumPending = null;
+        if (currentPage < self2.pdfDoc.numPages) {
+          currentPage++;
+          self2.pdfDoc.getPage(currentPage).then(renderPage);
+        } else {
+          document.getElementById(String(num))?.scrollIntoView();
+          pdfload.style.display = "none";
         }
       });
-    });
+    }
+    this.pdfDoc.getPage(currentPage).then(renderPage);
   }
   queueRenderPage(num) {
     const self2 = this;
     if (self2.pageRendering) {
       self2.pageNumPending = num;
     } else {
-      self2.renderPage(num, self2.scaleType);
+      this.pageNum = num;
+      document.getElementById(String(num))?.scrollIntoView();
     }
   }
   readingOrder() {
+    return this.publication.readingOrder;
   }
   tableOfContents() {
+    return this.publication.tableOfContents;
   }
   currentResource() {
   }
   totalResources() {
+    return this.publication.readingOrder.length;
   }
   currentLocator() {
   }
   positions() {
+    return this.publication.positions ? this.publication.positions : [];
   }
   nextPage() {
     const self2 = this;
@@ -64692,7 +64873,7 @@ var PDFNavigator = class extends import_eventemitter32.default {
     (0, import_pdfjs_dist.getDocument)(this.publication.getAbsoluteHref(this.resource.Href)).promise.then(function(pdfDoc_) {
       self2.pdfDoc = pdfDoc_;
       self2.pageNum = 1;
-      self2.renderPage(self2.pageNum, self2.scaleType);
+      self2.loadPDFJS(self2.pageNum);
     });
   }
   previousResource() {
@@ -64707,38 +64888,67 @@ var PDFNavigator = class extends import_eventemitter32.default {
     (0, import_pdfjs_dist.getDocument)(this.publication.getAbsoluteHref(this.resource.Href)).promise.then(function(pdfDoc_) {
       self2.pdfDoc = pdfDoc_;
       self2.pageNum = self2.pdfDoc.numPages;
-      self2.renderPage(self2.pageNum, self2.scaleType);
+      self2.loadPDFJS(self2.pageNum);
     });
   }
   goTo(locator) {
     console.log(locator);
+    const url = new URL(locator.href);
+    if (url.searchParams.has("start")) {
+      const page = url.searchParams.get("start");
+      if (page) {
+        this.queueRenderPage(parseInt(page));
+      }
+    } else {
+      this.queueRenderPage(1);
+    }
   }
   goToPosition(value) {
     console.log(value);
+    this.queueRenderPage(value);
   }
   async goToPage(page) {
     console.log(page);
     this.queueRenderPage(page);
   }
   fitToWidth() {
-    console.log("fit to width");
+    console.log("fit to width", this.pageNum);
     this.scale = 1;
     this.scaleType = 1;
-    this.renderPage(this.pageNum, this.scaleType);
+    this.loadPDFJS(this.pageNum);
   }
   fitToPage() {
-    console.log("fit to page");
+    console.log("fit to page", this.pageNum);
     this.scale = 1;
     this.scaleType = 0;
-    this.renderPage(this.pageNum, this.scaleType);
+    this.loadPDFJS(this.pageNum);
   }
   zoomIn() {
     this.scale = this.scale + 0.2;
-    this.renderPage(this.pageNum, this.scaleType);
+    this.loadPDFJS(this.pageNum);
   }
   zoomOut() {
     this.scale = this.scale - 0.2;
-    this.renderPage(this.pageNum, this.scaleType);
+    this.loadPDFJS(this.pageNum);
+  }
+  activateHand() {
+    this.handTool.activate();
+  }
+  deactivateHand() {
+    this.handTool.deactivate();
+  }
+  async scroll(scroll, direction) {
+    if (scroll) {
+      if (direction === "horizontal") {
+        this.pdfContainer.style.flexDirection = "row";
+      } else {
+        this.pdfContainer.style.flexDirection = "column";
+      }
+      this.pdfContainer.style.overflow = "auto";
+    } else {
+      this.pdfContainer.style.flexDirection = "column";
+      this.pdfContainer.style.overflow = "hidden";
+    }
   }
   stop() {
     removeEventListenerOptional(window, "resize", this.onResize);
@@ -64868,7 +65078,10 @@ var D2Reader = class {
     this.applyUserSettings = async (userSettings) => {
       return await this.settings.applyUserSettings(userSettings);
     };
-    this.scroll = async (value) => {
+    this.scroll = async (value, direction) => {
+      if (this.navigator instanceof PDFNavigator) {
+        return this.navigator.scroll(value, direction);
+      }
       return await this.settings.scroll(value);
     };
     this.increase = async (incremental) => {
@@ -64951,6 +65164,16 @@ var D2Reader = class {
         this.navigator.zoomOut();
       }
     };
+    this.activateHand = () => {
+      if (this.navigator instanceof PDFNavigator) {
+        this.navigator.activateHand();
+      }
+    };
+    this.deactivateHand = () => {
+      if (this.navigator instanceof PDFNavigator) {
+        this.navigator.deactivateHand();
+      }
+    };
     this.copyToClipboard = (text) => {
       this.contentProtectionModule?.copyToClipboard(text);
     };
@@ -65150,6 +65373,11 @@ var D2Reader = class {
       const contentProtectionModule = rights.enableContentProtection ? await ContentProtectionModule.create(__spreadValues({
         delegate: navigator2
       }, initialConfig.protection)) : void 0;
+      const citationModule = rights.enableCitations ? await CitationModule.create(__spreadValues({
+        publication,
+        delegate: navigator2,
+        highlighter
+      }, initialConfig.citations)) : void 0;
       const enableMediaOverlays = rights.enableMediaOverlays;
       const mediaOverlaySettings = enableMediaOverlays ? await MediaOverlaySettings.create(__spreadValues({
         store: settingsStore,
@@ -65178,11 +65406,6 @@ var D2Reader = class {
         delegate: navigator2,
         headerMenu
       }) : void 0;
-      const citationModule = rights.enableCitations ? await CitationModule.create(__spreadValues({
-        publication,
-        delegate: navigator2,
-        highlighter
-      }, initialConfig.citations)) : void 0;
       return new D2Reader(settings, navigator2, highlighter, bookmarkModule, annotationModule, ttsSettings, ttsModule, searchModule, definitionsModule, contentProtectionModule, timelineModule, mediaOverlaySettings, mediaOverlayModule, pageBreakModule, lineFocusModule, historyModule, citationModule);
     }
   }