@d-i-t-a/reader 2.4.2 → 2.4.4

package/dist/esm/index.js

@@ -15518,53 +15518,76 @@ var require_loglevel = __commonJS({
 var require_debounce = __commonJS({
   "node_modules/debounce/index.js"(exports2, module2) {
     init_polyfills();
-    function debounce8(func, wait, immediate) {
-      var timeout, args, context, timestamp, result;
-      if (null == wait)
-        wait = 100;
+    function debounce8(function_, wait = 100, options = {}) {
+      if (typeof function_ !== "function") {
+        throw new TypeError(`Expected the first parameter to be a function, got \`${typeof function_}\`.`);
+      }
+      if (wait < 0) {
+        throw new RangeError("`wait` must not be negative.");
+      }
+      const { immediate } = typeof options === "boolean" ? { immediate: options } : options;
+      let storedContext;
+      let storedArguments;
+      let timeoutId;
+      let timestamp;
+      let result;
       function later() {
-        var last = Date.now() - timestamp;
+        const last = Date.now() - timestamp;
         if (last < wait && last >= 0) {
-          timeout = setTimeout(later, wait - last);
+          timeoutId = setTimeout(later, wait - last);
         } else {
-          timeout = null;
+          timeoutId = void 0;
           if (!immediate) {
-            result = func.apply(context, args);
-            context = args = null;
+            const callContext = storedContext;
+            const callArguments = storedArguments;
+            storedContext = void 0;
+            storedArguments = void 0;
+            result = function_.apply(callContext, callArguments);
           }
         }
       }
-      ;
-      var debounced = function() {
-        context = this;
-        args = arguments;
+      const debounced = function(...arguments_) {
+        if (storedContext && this !== storedContext) {
+          throw new Error("Debounced method called with different contexts.");
+        }
+        storedContext = this;
+        storedArguments = arguments_;
         timestamp = Date.now();
-        var callNow = immediate && !timeout;
-        if (!timeout)
-          timeout = setTimeout(later, wait);
+        const callNow = immediate && !timeoutId;
+        if (!timeoutId) {
+          timeoutId = setTimeout(later, wait);
+        }
         if (callNow) {
-          result = func.apply(context, args);
-          context = args = null;
+          const callContext = storedContext;
+          const callArguments = storedArguments;
+          storedContext = void 0;
+          storedArguments = void 0;
+          result = function_.apply(callContext, callArguments);
         }
         return result;
       };
-      debounced.clear = function() {
-        if (timeout) {
-          clearTimeout(timeout);
-          timeout = null;
+      debounced.clear = () => {
+        if (!timeoutId) {
+          return;
         }
+        clearTimeout(timeoutId);
+        timeoutId = void 0;
       };
-      debounced.flush = function() {
-        if (timeout) {
-          result = func.apply(context, args);
-          context = args = null;
-          clearTimeout(timeout);
-          timeout = null;
+      debounced.flush = () => {
+        if (!timeoutId) {
+          return;
         }
+        const callContext = storedContext;
+        const callArguments = storedArguments;
+        storedContext = void 0;
+        storedArguments = void 0;
+        result = function_.apply(callContext, callArguments);
+        clearTimeout(timeoutId);
+        timeoutId = void 0;
       };
       return debounced;
     }
-    debounce8.debounce = debounce8;
+    module2.exports.debounce = debounce8;
     module2.exports = debounce8;
   }
 });
@@ -46842,7 +46865,7 @@ var ReflowableBookView = class {
     return wrapper.clientHeight;
   }
   setIframeHeight(iframe) {
-    let d = (0, import_debounce.debounce)((iframe2) => {
+    let d = (0, import_debounce.default)((iframe2) => {
       if (iframe2) {
         let body = iframe2.contentWindow.document.body, html = iframe2.contentWindow.document.documentElement;
         let height = Math.max(
@@ -47059,7 +47082,9 @@ var _UserSettings = class _UserSettings {
         import_loglevel2.default.log(settings.verticalScroll);
       }
       if (initialUserSettings.appearance) {
-        settings.appearance = _UserSettings.parseAppearanceSetting(initialUserSettings.appearance);
+        settings.appearance = _UserSettings.parseAppearanceSetting(
+          initialUserSettings.appearance
+        );
         let prop = settings.userProperties.getByRef(ReadiumCSS.APPEARANCE_REF);
         if (prop) {
           prop.value = settings.appearance;
@@ -47611,8 +47636,9 @@ var _UserSettings = class _UserSettings {
     return ((_a = await this.getProperty(key)) == null ? void 0 : _a.value) ?? this[name];
   }
   async resetUserSettings() {
-    await this.store.remove(this.USERSETTINGS);
+    this.store.remove(this.USERSETTINGS);
     await this.reset();
+    this.viewChangeCallback();
     this.settingsChangeCallback();
   }
   get currentSettings() {
@@ -47637,7 +47663,9 @@ var _UserSettings = class _UserSettings {
   async applyUserSettings(userSettings) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     if (userSettings.appearance) {
-      this.appearance = _UserSettings.parseAppearanceSetting(userSettings.appearance);
+      this.appearance = _UserSettings.parseAppearanceSetting(
+        userSettings.appearance
+      );
       let prop = (_a = this.userProperties) == null ? void 0 : _a.getByRef(ReadiumCSS.APPEARANCE_REF);
       if (prop) {
         prop.value = this.appearance;
@@ -47762,9 +47790,7 @@ var _UserSettings = class _UserSettings {
     } else {
       a = inputSetting;
     }
-    return _UserSettings.appearanceValues.findIndex(
-      (el) => el === a
-    );
+    return _UserSettings.appearanceValues.findIndex((el) => el === a);
   }
   async scroll(scroll) {
     var _a, _b, _c, _d, _e;
@@ -47786,7 +47812,9 @@ var _UserSettings = class _UserSettings {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
     if (incremental === "fontSize") {
       ((_a = this.userProperties) == null ? void 0 : _a.getByRef(ReadiumCSS.FONT_SIZE_REF)).increment();
-      this.fontSize = (_c = (_b = this.userProperties) == null ? void 0 : _b.getByRef(ReadiumCSS.FONT_SIZE_REF)) == null ? void 0 : _c.value;
+      this.fontSize = (_c = (_b = this.userProperties) == null ? void 0 : _b.getByRef(
+        ReadiumCSS.FONT_SIZE_REF
+      )) == null ? void 0 : _c.value;
       let prop = (_d = this.userProperties) == null ? void 0 : _d.getByRef(ReadiumCSS.FONT_SIZE_REF);
       if (prop) {
         await this.storeProperty(prop);
@@ -47830,7 +47858,9 @@ var _UserSettings = class _UserSettings {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
     if (incremental === "fontSize") {
       ((_a = this.userProperties) == null ? void 0 : _a.getByRef(ReadiumCSS.FONT_SIZE_REF)).decrement();
-      this.fontSize = (_c = (_b = this.userProperties) == null ? void 0 : _b.getByRef(ReadiumCSS.FONT_SIZE_REF)) == null ? void 0 : _c.value;
+      this.fontSize = (_c = (_b = this.userProperties) == null ? void 0 : _b.getByRef(
+        ReadiumCSS.FONT_SIZE_REF
+      )) == null ? void 0 : _c.value;
       let prop = (_d = this.userProperties) == null ? void 0 : _d.getByRef(ReadiumCSS.FONT_SIZE_REF);
       if (prop) {
         await this.storeProperty(prop);
@@ -49549,7 +49579,7 @@ var TextHighlighter = class _TextHighlighter {
   constructor(layerSettings, properties, hasEventListener, options, api) {
     this.lastSelectedHighlight = void 0;
     this.activeAnnotationMarkerId = void 0;
-    this.showTool = (0, import_debounce2.debounce)(
+    this.showTool = (0, import_debounce2.default)(
       (b) => {
         if (!this.isAndroid()) {
           this.snapSelectionToWord(b);
@@ -49559,7 +49589,7 @@ var TextHighlighter = class _TextHighlighter {
       navigator.userAgent.toLowerCase().indexOf("firefox") > -1 ? 200 : 100
     );
     this.isSelectionMenuOpen = false;
-    this.selectionMenuOpened = (0, import_debounce2.debounce)(() => {
+    this.selectionMenuOpened = (0, import_debounce2.default)(() => {
       var _a, _b;
       if (!this.isSelectionMenuOpen) {
         this.isSelectionMenuOpen = true;
@@ -49568,7 +49598,7 @@ var TextHighlighter = class _TextHighlighter {
         this.navigator.emit("toolbox.opened", "opened");
       }
     }, 100);
-    this.selectionMenuClosed = (0, import_debounce2.debounce)(() => {
+    this.selectionMenuClosed = (0, import_debounce2.default)(() => {
       var _a, _b;
       if (this.isSelectionMenuOpen) {
         this.isSelectionMenuOpen = false;
@@ -49577,7 +49607,7 @@ var TextHighlighter = class _TextHighlighter {
         this.navigator.emit("toolbox.closed", "closed");
       }
     }, 100);
-    this.selection = (0, import_debounce2.debounce)((text, selection) => {
+    this.selection = (0, import_debounce2.default)((text, selection) => {
       var _a, _b;
       if ((_a = this.api) == null ? void 0 : _a.selection)
         (_b = this.api) == null ? void 0 : _b.selection(text, selection);
@@ -49984,7 +50014,12 @@ var TextHighlighter = class _TextHighlighter {
       window.addEventListener("resize", this.toolboxPlacement.bind(this));
     }
     doc.addEventListener("selectionchange", this.toolboxPlacement.bind(this));
-    doc.addEventListener("selectionchange", this.toolboxShowDelayed.bind(this));
+    if (!this.isIOS()) {
+      doc.addEventListener(
+        "selectionchange",
+        this.toolboxShowDelayed.bind(this)
+      );
+    }
     el.addEventListener("mousedown", this.toolboxHide.bind(this));
     el.addEventListener("touchstart", this.toolboxHide.bind(this));
     if (this.isAndroid()) {
@@ -57093,7 +57128,7 @@ var ContentProtectionModule = class {
   async handleResize() {
     var _a;
     if ((_a = this.properties) == null ? void 0 : _a.enableObfuscation) {
-      const onDoResize = (0, import_debounce3.debounce)(() => {
+      const onDoResize = (0, import_debounce3.default)(() => {
         this.calcRects(this.rects);
         if (this.rects !== void 0) {
           this.rects.forEach(
@@ -57350,7 +57385,7 @@ var ContentProtectionModule = class {
     return new Promise((resolve) => {
       var _a;
       if ((_a = this.properties) == null ? void 0 : _a.enableObfuscation) {
-        const onDoResize = (0, import_debounce3.debounce)(() => {
+        const onDoResize = (0, import_debounce3.default)(() => {
           this.calcRects(this.rects);
           if (this.rects !== void 0) {
             this.rects.forEach(
@@ -57461,8 +57496,18 @@ var ContentProtectionModule = class {
     const windowRight = windowLeft + this.wrapper.clientWidth;
     const right = rect.left + rect.width;
     const bottom = rect.top + rect.height;
-    const windowTop = this.wrapper.scrollTop;
-    const windowBottom = windowTop + this.wrapper.clientHeight;
+    const windowTop = this.wrapper.scrollTop - (rect.node.parentElement ? parseInt(
+      getComputedStyle(rect.node.parentElement).lineHeight.replace(
+        "px",
+        ""
+      )
+    ) : 10);
+    const windowBottom = windowTop + this.wrapper.clientHeight + (rect.node.parentElement ? parseInt(
+      getComputedStyle(rect.node.parentElement).lineHeight.replace(
+        "px",
+        ""
+      )
+    ) : 10);
     const isAbove = bottom < windowTop;
     const isBelow = rect.top > windowBottom;
     const isLeft = right < windowLeft - window.innerWidth;
@@ -58916,7 +58961,7 @@ init_polyfills();
 var import_debounce4 = __toESM(require_debounce());
 var SampleReadEventHandler = class {
   constructor(navigator2) {
-    this.enforceSampleRead = (0, import_debounce4.debounce)((position) => {
+    this.enforceSampleRead = (0, import_debounce4.default)((position) => {
       var _a, _b, _c, _d, _e, _f;
       let progress = Math.round(position.locations.totalProgression * 100);
       let valid = false;
@@ -59240,7 +59285,7 @@ var TTSModule2 = class {
     this.restartIndex = -1;
     this.ttsQueueIndex = -1;
     this.ttsQueue = void 0;
-    this.ttsPlayQueueIndexDebounced = (0, import_debounce5.debounce)((ttsQueueIndex, ttsQueue) => {
+    this.ttsPlayQueueIndexDebounced = (0, import_debounce5.default)((ttsQueueIndex, ttsQueue) => {
       if (this.restartIndex >= 0) {
         this.ttsQueueIndex = this.restartIndex;
         this.restartIndex = -1;
@@ -60239,7 +60284,7 @@ var DefinitionsModule = class {
   constructor(publication, properties, highlighter, api) {
     this.currentChapterPopupResult = [];
     this.currentPopupHighlights = [];
-    this.definitions = (0, import_debounce6.debounce)(async () => {
+    this.definitions = (0, import_debounce6.default)(async () => {
       await this.highlighter.destroyHighlights(4 /* Definition */);
       if (this.properties.definitions) {
         for (const item of this.properties.definitions) {
@@ -61373,12 +61418,12 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
         await this.navigate(lastReadingPosition);
       }
     };
-    this.savePosition = (0, import_debounce7.debounce)(() => {
+    this.savePosition = (0, import_debounce7.default)(() => {
       if (this.annotator) {
         this.saveCurrentReadingPosition();
       }
     }, 200);
-    this.checkResourcePosition = (0, import_debounce7.debounce)(() => {
+    this.checkResourcePosition = (0, import_debounce7.default)(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       if (((_a = this.view) == null ? void 0 : _a.atStart()) && ((_b = this.view) == null ? void 0 : _b.atEnd())) {
         if ((_c = this.api) == null ? void 0 : _c.resourceFitsScreen)
@@ -62011,7 +62056,7 @@ var IFrameNavigator = class _IFrameNavigator extends eventemitter3_default {
                 this.previousChapterTopAnchorElement.style.display = "none";
             }
           }
-          const onDoScrolling = (0, import_debounce7.debounce)(() => {
+          const onDoScrolling = (0, import_debounce7.default)(() => {
             this.isScrolling = false;
           }, 200);
           const wrapper = findRequiredElement(