@fluid-topics/ft-reader-topic-content 2.2.16 → 2.2.18

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

@@ -2,7 +2,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 { FtReaderPage, FtReaderScrollTarget } from "@fluid-topics/ft-reader-context/build/store/model";
-import { FtMap } from "@fluid-topics/public-api";
+import { FtMap, FtTocNodeFiltered } from "@fluid-topics/public-api";
 import "@fluid-topics/ft-icon/build/define";
 export declare class FtReaderTopicContent extends FtReaderTopicComponent implements FtReaderTopicContentProperties {
     static styles: import("lit").CSSResult[];
@@ -15,6 +15,7 @@ export declare class FtReaderTopicContent extends FtReaderTopicComponent impleme
     linkPreviewDialogId?: string;
     scrollTarget?: FtReaderScrollTarget;
     currentPage?: FtReaderPage;
+    filteredTocNodes?: Record<string, FtTocNodeFiltered>;
     content?: string;
     error?: Error;
     searchInDocumentQuery?: string;
@@ -25,6 +26,7 @@ export declare class FtReaderTopicContent extends FtReaderTopicComponent impleme
     protected render(): import("lit-html").TemplateResult<1>;
     protected update(props: PropertyValues): void;
     private updateContent;
+    get isFiltered(): FtTocNodeFiltered | undefined;
     protected contentAvailableCallback(props: PropertyValues<FtReaderTopicContent>): void;
     processExpandingBlocks(): void;
     processOpenApiSelect(): void;

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

@@ -20,7 +20,7 @@ export class FtReaderTopicContent extends FtReaderTopicComponent {
     }
     render() {
         var _a, _b, _c;
-        if (!this.map || (!this.error && !this.content && ((_a = this.translationSourceLanguage) === null || _a === void 0 ? void 0 : _a.code) == ((_b = this.translationDestinationLanguage) === null || _b === void 0 ? void 0 : _b.code))) {
+        if (!this.map || (!this.error && !this.content && !this.isFiltered && ((_a = this.translationSourceLanguage) === null || _a === void 0 ? void 0 : _a.code) == ((_b = this.translationDestinationLanguage) === null || _b === void 0 ? void 0 : _b.code))) {
             return html `
                 <section class="topic-loading"></section>
             `;
@@ -36,7 +36,7 @@ export class FtReaderTopicContent extends FtReaderTopicComponent {
     }
     update(props) {
         super.update(props);
-        if (["map", "tocNode", "translationDestinationLanguage", "translationProfileId"].some((p) => props.has(p))) {
+        if (["map", "tocNode", "translationDestinationLanguage", "translationProfileId", "filteredTocNodes"].some((p) => props.has(p))) {
             this.updateContent();
         }
     }
@@ -44,10 +44,14 @@ export class FtReaderTopicContent extends FtReaderTopicComponent {
         var _a;
         this.error = undefined;
         this.content = undefined;
-        if (this.map && this.tocNode) {
+        if (this.tocNode && !this.isFiltered) {
             (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.fetchTopicContent(this.tocNode).then((content) => this.contentPreprocessor(content || "<div class=\"empty-topic\"></div>")).then((content) => this.content = content).catch((e) => this.error = e);
         }
     }
+    get isFiltered() {
+        var _a;
+        return this.tocNode && ((_a = this.filteredTocNodes) === null || _a === void 0 ? void 0 : _a[this.tocNode.tocId]);
+    }
     contentAvailableCallback(props) {
         var _a, _b, _c, _d, _e, _f, _g;
         super.contentAvailableCallback(props);
@@ -143,7 +147,7 @@ export class FtReaderTopicContent extends FtReaderTopicComponent {
         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
+        return this.translationLoading || (!this.content && !this.isFiltered)
             ? html `
                 <ft-skeleton></ft-skeleton>`
             : html `
@@ -201,6 +205,11 @@ __decorate([
 __decorate([
     redux({ store: "reader" })
 ], FtReaderTopicContent.prototype, "currentPage", void 0);
+__decorate([
+    redux({
+        store: "reader",
+    })
+], FtReaderTopicContent.prototype, "filteredTocNodes", void 0);
 __decorate([
     state()
 ], FtReaderTopicContent.prototype, "content", void 0);