@fluid-topics/ft-reader-content 1.4.4 → 1.4.5

package/build/ft-reader-content.js

@@ -4,15 +4,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { Debouncer, redux } from "@fluid-topics/ft-wc-utils";
-import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
-import { FtInfiniteScroll } from "@fluid-topics/ft-infinite-scroll";
+import { html, } from "lit";
+import { property, query, } from "lit/decorators.js";
+import { Debouncer, numberProperty, redux, } from "@fluid-topics/ft-wc-utils";
+import { FtReaderComponent, } from "@fluid-topics/ft-reader-context/build/registration";
+import { FtInfiniteScroll, } from "@fluid-topics/ft-infinite-scroll";
 import { styles } from "./ft-reader-content.styles";
 import "@fluid-topics/ft-reader-topic-context";
-import { FtReaderWatermark } from "./watermark";
 import { FtReaderStoreEvents } from "@fluid-topics/ft-reader-context";
+import { FtContentWatermark } from "@fluid-topics/ft-content-watermark";
 class FtReaderContent extends FtReaderComponent {
     constructor() {
         super(...arguments);
@@ -30,7 +30,7 @@ class FtReaderContent extends FtReaderComponent {
         this.visibleTopicsDebouncer = new Debouncer(50);
     }
     render() {
-        var _a, _b, _c;
+        var _a, _b;
         const topics = ((_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.topics) || [];
         return html `
             <ft-infinite-scroll class="ft-reader-content"
@@ -46,10 +46,10 @@ class FtReaderContent extends FtReaderComponent {
                                 @visible-items-change=${this.visibleTopicChange}
                                 @scrolled-to-target=${this.onScrollDone}>
             </ft-infinite-scroll>
-            <ft-reader-watermark part="watermark"
-                                 .watermark=${this.watermark}
-                                 .exportpartsPrefixes=${["watermark"]}
-                                 height="${(_c = this.container) === null || _c === void 0 ? void 0 : _c.scrollable.clientHeight}px"></ft-reader-watermark>
+            <ft-content-watermark part="watermark"
+                                  .watermark=${this.watermark}
+                                  .exportpartsPrefixes=${["watermark"]}
+                                  .heightReference=${this.offsetParent}></ft-content-watermark>
         `;
     }
     renderTopicInContext(tocId, index) {
@@ -94,7 +94,7 @@ class FtReaderContent extends FtReaderComponent {
 }
 FtReaderContent.elementDefinitions = {
     "ft-infinite-scroll": FtInfiniteScroll,
-    "ft-reader-watermark": FtReaderWatermark,
+    "ft-content-watermark": FtContentWatermark,
 };
 FtReaderContent.styles = styles;
 __decorate([
@@ -104,7 +104,7 @@ __decorate([
     property({ type: Boolean })
 ], FtReaderContent.prototype, "disableContextInteractions", void 0);
 __decorate([
-    property({ type: Number })
+    numberProperty()
 ], FtReaderContent.prototype, "headingLevelsShift", void 0);
 __decorate([
     redux()