@fluid-topics/ft-reader-topic-content 2.1.9 → 2.1.11

package/build/ft-reader-topic-content.d.ts

@@ -1,7 +1,7 @@
 import { PropertyValues } from "lit";
 import { FtReaderTopicContentProperties } from "./ft-reader-topic-content.properties";
 import { FtReaderTopicComponent } from "@fluid-topics/ft-reader-topic-context/build/registration";
-import { FtReaderScrollTarget } from "@fluid-topics/ft-reader-context/build/store/model";
+import { FtReaderPage, FtReaderScrollTarget } from "@fluid-topics/ft-reader-context/build/store/model";
 import { FtMap } from "@fluid-topics/public-api";
 import "@fluid-topics/ft-icon";
 export declare class FtReaderTopicContent extends FtReaderTopicComponent implements FtReaderTopicContentProperties {
@@ -14,6 +14,7 @@ export declare class FtReaderTopicContent extends FtReaderTopicComponent impleme
     private translationError?;
     linkPreviewDialogId?: string;
     scrollTarget?: FtReaderScrollTarget;
+    currentPage?: FtReaderPage;
     content?: string;
     error?: Error;
     searchInDocumentQuery?: string;

package/build/ft-reader-topic-content.js

@@ -4,12 +4,12 @@ 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, nothing } from "lit";
+import { html, nothing, } from "lit";
 import { styles } from "./ft-reader-topic-content.styles";
 import { FtReaderTopicComponent } from "@fluid-topics/ft-reader-topic-context/build/registration";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { highlightHtml, highlightHtmlStyles, redux, waitFor } from "@fluid-topics/ft-wc-utils";
-import { property, query, queryAll, state } from "lit/decorators.js";
+import { highlightHtml, highlightHtmlStyles, redux, waitFor, } from "@fluid-topics/ft-wc-utils";
+import { property, query, queryAll, state, } from "lit/decorators.js";
 import "@fluid-topics/ft-icon";
 import { context } from "./i18n/TopicContentMessages";
 export class FtReaderTopicContent extends FtReaderTopicComponent {
@@ -127,7 +127,7 @@ export class FtReaderTopicContent extends FtReaderTopicComponent {
         this.updateContent();
     }
     renderTopicContent() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         if (this.error) {
             return html `
                 <div class="topic-on-error">
@@ -139,7 +139,10 @@ export class FtReaderTopicContent extends FtReaderTopicComponent {
             `;
         }
         const customClasses = (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a.contentStyles.customCssClasses.join(" ")) !== null && _b !== void 0 ? _b : "";
-        const topicLevel = (((_c = this.tocNode) === null || _c === void 0 ? void 0 : _c.depth) || 1) + this.headingLevelsShift;
+        let topicLevel = (((_c = this.tocNode) === null || _c === void 0 ? void 0 : _c.depth) || 1) + this.headingLevelsShift;
+        if (this.headingStartLevel != null && ((_d = this.currentPage) === null || _d === void 0 ? void 0 : _d.rootTocId)) {
+            topicLevel = (((_e = this.tocNode) === null || _e === void 0 ? void 0 : _e.depth) || 1) - (((_f = this.currentPage) === null || _f === void 0 ? void 0 : _f.rootDepth) || 1) + this.headingStartLevel;
+        }
         return this.translationLoading || !this.content
             ? html `
                 <ft-skeleton></ft-skeleton>`
@@ -195,6 +198,9 @@ __decorate([
 __decorate([
     redux()
 ], FtReaderTopicContent.prototype, "scrollTarget", void 0);
+__decorate([
+    redux()
+], FtReaderTopicContent.prototype, "currentPage", void 0);
 __decorate([
     state()
 ], FtReaderTopicContent.prototype, "content", void 0);