@fluid-topics/ft-reader-metadata 1.1.80 → 1.1.82

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

@@ -2,7 +2,7 @@ import { PropertyValues } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderMetadataProperties } from "./ft-reader-metadata.properties";
 import { FtReaderComponent, FtReaderStateManager } from "@fluid-topics/ft-reader-context/build/registration";
-declare const FtReaderMetadata_base: typeof FtReaderComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
+declare const FtReaderMetadata_base: typeof FtReaderComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface> & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-app-context/build/mixins/withDateFormat").FtLitElementWithDateFormatInterface>;
 export declare class FtReaderMetadata extends FtReaderMetadata_base implements FtReaderMetadataProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;

package/build/ft-reader-metadata.js

@@ -18,7 +18,8 @@ import { FtRipple } from "@fluid-topics/ft-ripple";
 import { withI18n } from "@fluid-topics/ft-i18n/build/lit/i18n";
 import { readerMetadataContext } from "./ReaderMetadataMessages";
 import { i18n } from "@fluid-topics/ft-i18n";
-class FtReaderMetadata extends withI18n(FtReaderComponent) {
+import { withDateFormat } from "@fluid-topics/ft-app-context/build/mixins/withDateFormat";
+class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)) {
     constructor() {
         super();
         this.multiLine = false;
@@ -168,8 +169,8 @@ class FtReaderMetadata extends withI18n(FtReaderComponent) {
                 (_d = this.stateManager) === null || _d === void 0 ? void 0 : _d.unregisterMetadataForSwitchToRelatives(this.key);
             }
         }
-        if (props.has("metadata")) {
-            this.flatMetadata = ClusteringHelper.flattenMetadata(this.metadata);
+        if (props.has("metadata") || this.dateFormatOptionsChanged(props)) {
+            this.flatMetadata = ClusteringHelper.flattenMetadata(this.formatDateValues(this.metadata));
         }
     }
     get metadataLabel() {
@@ -206,16 +207,16 @@ __decorate([
     property({ attribute: false })
 ], FtReaderMetadata.prototype, "editorMode", void 0);
 __decorate([
-    redux({ selector: (s, e) => { var _a, _b; return (_b = (_a = s.map) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(m => m.key === e.key); } })
+    redux({ store: "reader", selector: (s, e) => { var _a, _b; return (_b = (_a = s.map) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(m => m.key === e.key); } })
 ], FtReaderMetadata.prototype, "metadata", void 0);
 __decorate([
     state()
 ], FtReaderMetadata.prototype, "flatMetadata", void 0);
 __decorate([
-    redux()
+    redux({ store: "reader" })
 ], FtReaderMetadata.prototype, "map", void 0);
 __decorate([
-    redux({ selector: (s) => { var _a; return (_a = s.configuration) === null || _a === void 0 ? void 0 : _a.relativeTopicPivotMetadata; } })
+    redux({ store: "reader", selector: (s) => { var _a; return (_a = s.configuration) === null || _a === void 0 ? void 0 : _a.relativeTopicPivotMetadata; } })
 ], FtReaderMetadata.prototype, "relativeTopicPivotMetadata", void 0);
 __decorate([
     state()