@fluid-topics/ft-reader-metadata 2.2.17 → 2.2.19

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

@@ -1,6 +1,7 @@
 import { PropertyValues } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderMetadataProperties } from "./ft-reader-metadata.properties";
+import { FtMetadataFilter } from "@fluid-topics/public-api";
 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> & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-app-context").FtLitElementWithDateFormatInterface>;
 export declare class FtReaderMetadata extends FtReaderMetadata_base implements FtReaderMetadataProperties {
@@ -20,6 +21,7 @@ export declare class FtReaderMetadata extends FtReaderMetadata_base implements F
     private relativeTopicPivotMetadata?;
     private relatives;
     private availableContentLocales?;
+    metadataFilters?: FtMetadataFilter[];
     private noValueMessage;
     constructor();
     setReaderStateManager(readerStateManager: FtReaderStateManager): void;

package/build/ft-reader-metadata.js

@@ -43,7 +43,8 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
         }
     }
     updateRelatives() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
+        var _d;
         if (this.useForSwitchingToRelatives && this.key) {
             this.relatives = (_d = (_b = (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.clusteringHelper) === null || _b === void 0 ? void 0 : _b.computeClustersItemsForMetadata(this.key, ((_c = this.map) === null || _c === void 0 ? void 0 : _c.lang) || "en", this.noValueMessage, this.hierarchicalValueTruncatingLevel, this.getDateFormatter(this.key))) !== null && _d !== void 0 ? _d : [];
         }
@@ -69,9 +70,10 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
         `;
     }
     renderChip(inFloatingMenu = false) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
+        var _e, _f;
         const noTooltip = !this.forceTooltip && this.displayLabel && ((_a = this.flatMetadata) === null || _a === void 0 ? void 0 : _a.displayTooltipValue) == ((_b = this.flatMetadata) === null || _b === void 0 ? void 0 : _b.displayValue);
-        const tooltipLabel = `${this.metadataLabel}: ${(_d = (_c = this.flatMetadata) === null || _c === void 0 ? void 0 : _c.displayTooltipValue) !== null && _d !== void 0 ? _d : this.noValueMessage}`;
+        const tooltipLabel = `${this.metadataLabel}: ${(_e = (_c = this.flatMetadata) === null || _c === void 0 ? void 0 : _c.displayTooltipValue) !== null && _e !== void 0 ? _e : this.noValueMessage}`;
         const chip = html `
             <ft-chip part="chip"
                      exportpartsPrefix="chip"
@@ -81,7 +83,7 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
                      ?clickable=${inFloatingMenu}
                      ?multiLine=${this.multiLine}>
                 ${this.displayLabel ? html `
-                        <span part="label">${(_f = (_e = this.metadata) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : this.key}: </span>
+                        <span part="label">${(_f = (_d = this.metadata) === null || _d === void 0 ? void 0 : _d.label) !== null && _f !== void 0 ? _f : this.key}: </span>
                     ` : nothing}
                 ${this.metadataValue.length === 0 ? nothing : html `
                         <span part="values">${this.metadataValue}</span>
@@ -113,11 +115,10 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
     renderRelativeItem(result, metadata) {
         var _a, _b;
         const translatedMetadata = this.translateValues
-            ? (_b = new MetadataValueLocalizer((_a = this.availableContentLocales) !== null && _a !== void 0 ? _a : []).localize(metadata)) !== null && _b !== void 0 ? _b : metadata
-            : metadata;
+            ? (_b = new MetadataValueLocalizer((_a = this.availableContentLocales) !== null && _a !== void 0 ? _a : []).localize(metadata)) !== null && _b !== void 0 ? _b : metadata : metadata;
         return html `
             <a part="relative-item-link"
-               href="${getResultUrl(result)}"
+               href="${getResultUrl(result, this.metadataFilters)}"
                @click=${(e) => this.addTopicPivotParam(e, result)}>
                 <ft-ripple part="relative-item-ripple"></ft-ripple>
                 <ft-floating-menu-item part="relative-item" value="${translatedMetadata.value}" notFocusable>
@@ -150,7 +151,7 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
             e.preventDefault();
             this.service.getTopicMetadataValue(currentTocId, this.relativeTopicPivotMetadata).then((topicPivotMetadata) => {
                 var _a;
-                const url = addPivotQueryParam((_a = getResultUrl(result)) !== null && _a !== void 0 ? _a : "", topicPivotMetadata);
+                const url = addPivotQueryParam((_a = getResultUrl(result, this.metadataFilters)) !== null && _a !== void 0 ? _a : "", topicPivotMetadata);
                 const link = document.createElement("a");
                 link.href = url;
                 if (e.ctrlKey || e.metaKey) {
@@ -162,7 +163,8 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
         }
     }
     willUpdate(props) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d;
+        var _e;
         super.willUpdate(props);
         if (props.has("key") && this.useForSwitchingToRelatives) {
             if (props.get("key")) {
@@ -190,11 +192,12 @@ export class FtReaderMetadata extends withDateFormat(withI18n(FtReaderComponent)
         }
     }
     get metadataLabel() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
+        var _e, _f;
         if (this.metadata) {
             return this.metadata.label;
         }
-        return (_f = (_d = (_c = (_b = (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.clusteringHelper) === null || _b === void 0 ? void 0 : _b.getMetadataDescriptor(this.key)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : (_e = this.relatives.find((item) => item.metadata.value)) === null || _e === void 0 ? void 0 : _e.metadata.label) !== null && _f !== void 0 ? _f : this.key;
+        return (_f = (_e = (_c = (_b = (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.clusteringHelper) === null || _b === void 0 ? void 0 : _b.getMetadataDescriptor(this.key)) === null || _c === void 0 ? void 0 : _c.label) !== null && _e !== void 0 ? _e : (_d = this.relatives.find((item) => item.metadata.value)) === null || _d === void 0 ? void 0 : _d.metadata.label) !== null && _f !== void 0 ? _f : this.key;
     }
 }
 FtReaderMetadata.elementDefinitions = {
@@ -249,6 +252,9 @@ __decorate([
 __decorate([
     redux({ store: ftAppInfoStore.name })
 ], FtReaderMetadata.prototype, "availableContentLocales", void 0);
+__decorate([
+    redux({ store: "reader" })
+], FtReaderMetadata.prototype, "metadataFilters", void 0);
 __decorate([
     i18n(readerMetadataContext.properties.itemWithNoValueForSwitchToRelatives())
 ], FtReaderMetadata.prototype, "noValueMessage", void 0);