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

package/dist/esm/index.js

@@ -47082,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;
@@ -47634,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() {
@@ -47660,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;
@@ -47785,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;
@@ -47809,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);
@@ -47853,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);
@@ -57489,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;