@fluid-topics/ft-reader-topic-metadata 2.2.21 → 2.2.25

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

@@ -11,15 +11,17 @@ export declare class FtReaderTopicMetadata extends FtReaderTopicMetadata_base im
     displayLabel: boolean;
     hierarchicalValueTruncatingLevel?: number;
     forceTooltip: boolean;
+    translateValues: boolean;
     editorMode: boolean;
     private metadata?;
     private flatMetadata?;
-    protected render(): import("lit-html").TemplateResult<1>;
+    private availableContentLocales?;
+    protected render(): import("lit").TemplateResult<1>;
     private renderChip;
     private get metadataValue();
     private hideIfEmpty;
     private get tooltipText();
-    protected update(props: PropertyValues): void;
+    protected willUpdate(props: PropertyValues): void;
     onStoreAvailable(): void;
     private updateContent;
 }

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

@@ -8,10 +8,11 @@ import { html, nothing, } from "lit";
 import { property, state, } from "lit/decorators.js";
 import { styles } from "./ft-reader-topic-metadata.styles";
 import { FtReaderTopicComponent } from "@fluid-topics/ft-reader-topic-context/build/registration";
-import { ClusteringHelper, numberProperty, } from "@fluid-topics/ft-wc-utils";
+import { ClusteringHelper, MetadataValueLocalizer, numberProperty, redux, } from "@fluid-topics/ft-wc-utils";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
 import { FtChip } from "@fluid-topics/ft-chip";
 import { withDateFormat } from "@fluid-topics/ft-app-context/build/mixins/withDateFormat";
+import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
 export class FtReaderTopicMetadata extends withDateFormat(FtReaderTopicComponent) {
     constructor() {
         super(...arguments);
@@ -19,6 +20,7 @@ export class FtReaderTopicMetadata extends withDateFormat(FtReaderTopicComponent
         this.displayLabel = false;
         this.hierarchicalValueTruncatingLevel = 3;
         this.forceTooltip = false;
+        this.translateValues = false;
         this.editorMode = false;
     }
     render() {
@@ -77,15 +79,19 @@ export class FtReaderTopicMetadata extends withDateFormat(FtReaderTopicComponent
     get tooltipText() {
         return this.flatMetadata ? this.flatMetadata.label + ": " + this.flatMetadata.displayTooltipValue : "";
     }
-    update(props) {
-        super.update(props);
+    willUpdate(props) {
+        var _a;
+        super.willUpdate(props);
         if (["key", "tocNode"].some((p) => props.has(p))) {
             this.updateContent();
         }
-        if (props.has("metadata") || props.has("hierarchicalValueTruncatingLevel") || this.dateFormatOptionsChanged(props)) {
+        if (props.has("translateValues") || props.has("metadata") || props.has("hierarchicalValueTruncatingLevel") || this.dateFormatOptionsChanged(props)) {
             this.flatMetadata = this.metadata
                 ? ClusteringHelper.flattenMetadata(this.metadata, this.hierarchicalValueTruncatingLevel, this.getDateFormatter(this.metadata.key))
                 : undefined;
+            if (this.translateValues) {
+                this.flatMetadata = new MetadataValueLocalizer((_a = this.availableContentLocales) !== null && _a !== void 0 ? _a : []).localize(this.flatMetadata);
+            }
         }
     }
     onStoreAvailable() {
@@ -120,6 +126,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtReaderTopicMetadata.prototype, "forceTooltip", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtReaderTopicMetadata.prototype, "translateValues", void 0);
 __decorate([
     state()
 ], FtReaderTopicMetadata.prototype, "editorMode", void 0);
@@ -129,3 +138,6 @@ __decorate([
 __decorate([
     state()
 ], FtReaderTopicMetadata.prototype, "flatMetadata", void 0);
+__decorate([
+    redux({ store: ftAppInfoStore.name })
+], FtReaderTopicMetadata.prototype, "availableContentLocales", void 0);