@fluid-topics/ft-search-result-metadata 1.1.16 → 1.1.17

package/build/ft-search-result-metadata.d.ts

@@ -26,6 +26,7 @@ export declare class FtSearchResultMetadata extends FtSearchResultMetadata_base
     setResultStateManager(resultStateManager: FtSearchResultStateManager): void;
     protected render(): import("lit").TemplateResult<1>;
     private renderClusterList;
+    private hideIfEmpty;
     private onClusterSelected;
     private computeClusters;
     private renderClusterItem;

package/build/ft-search-result-metadata.js

@@ -4,7 +4,7 @@ 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 } from "lit";
+import { html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { redux } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-search-result-metadata.css";
@@ -38,7 +38,10 @@ class FtSearchResultMetadata extends withI18n(FtSearchResultComponent) {
         }
     }
     render() {
-        return this.displayCluster ? this.renderClusterList() : this.renderChip();
+        return html `
+            ${this.displayCluster ? this.renderClusterList() : this.renderChip()}
+            ${this.hideIfEmpty()}
+        `;
     }
     renderClusterList() {
         return html `
@@ -53,6 +56,18 @@ class FtSearchResultMetadata extends withI18n(FtSearchResultComponent) {
             </div>
         `;
     }
+    hideIfEmpty() {
+        if (this.valueText.length == 0 && this.clusters.length == 0 && !this.editorMode) {
+            return html `
+                <style>
+                    :host {
+                        display: none !important;
+                    }
+                </style>
+            `;
+        }
+        return nothing;
+    }
     onClusterSelected(e) {
         var _a;
         (_a = this.resultStateManager) === null || _a === void 0 ? void 0 : _a.selectResult(this.clustersByValue[e.detail].result);

package/build/ft-search-result-metadata.light.js

@@ -1104,7 +1104,10 @@ const Pt=Symbol.for(""),Ht=t=>{if(t?.r===Pt)return t?._$litStatic$},Mt=t=>({_$li
                     <slot></slot>
                 </ft-typography>
             </div>
-        `}}function Zr(t){var o,e;return(null!==(e=null!==(o=null==t?void 0:t.map)&&void 0!==o?o:null==t?void 0:t.document)&&void 0!==e?e:null==t?void 0:t.topic).metadata.map((t=>function(t){if(t.hierarchicalValues){const o=[],e=[];return t.hierarchicalValues.forEach((t=>{o.push(t.join(" / ")),t.length>2?e.push(`... / ${t[t.length-1]}`):e.push(t.join(" / "))})),{key:t.key,value:o.join(", "),displayValue:e.join(", ")}}{const o=t.values.join(", ");return{key:t.key,value:o,displayValue:o}}}(t)))}Br.elementDefinitions={"ft-typography":de},Br.styles=Kr,o.customElement("ft-floating-menu")(Wr),o.customElement("ftds-floating-menu")(Ar),o.customElement("ft-floating-menu-item")(kr),o.customElement("ft-floating-menu-label")(Br);class Dr extends CustomEvent{constructor(t,o){super("ft-search-result-click",{detail:{result:t,rank:o},bubbles:!0,composed:!0})}}class Fr{constructor(t,o,e,i){this.cluster=t,this.selectedResult=o,this.clusteringMetadata=e,this.metadataDescriptors=i}computeClustersItemsForMetadata(t,o){var e;const i=null===(e=this.cluster)||void 0===e?void 0:e.entries.flatMap((o=>Zr(o).filter((o=>o.key===t)))).filter(((t,o,e)=>e.findIndex((o=>o.value===t.value))===o));return i.map((o=>({result:this.findMatchingResult(t,o.value),metadata:o}))).sort(((e,i)=>this.compareMetadata(e.metadata.value,i.metadata.value,t,o)))}compareMetadata(t,o,e,i){let r=this.metadataDescriptors.find((t=>e==t.key)),n=(null==r?void 0:r.sortRule)||"NONE",a=(null==r?void 0:r.reverseSort)||!1;if("ALPHABET"==n||"VERSION"==n){let e=t.localeCompare(o,i,{numeric:!0});return a?-1*e:e}return 0}findMatchingResult(t,o){var e,i;let r=Zr(this.selectedResult).filter((t=>this.clusteringMetadata.has(t.key))),n=[...r.filter((o=>o.key!==t)),{key:t,value:o,displayValue:o}];return null!==(i=null!==(e=this.findResultMatchingMetadata(n))&&void 0!==e?e:this.findResultMatchingMetadata([{key:t,value:o,displayValue:o}]))&&void 0!==i?i:this.cluster.entries[0]}findResultMatchingMetadata(t){return this.cluster.entries.find((o=>this.resultMatchesMetadata(o,t)))}resultMatchesMetadata(t,o){let e=Zr(t);return o.every((t=>e.some((o=>o.key==t.key&&o.value==t.value))))}}var Tr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Pr extends(Q(V)){constructor(){super(),this.useChip=!1,this.useAsClusterSwitch=!1,this.goToDocumentOnSwitch=!1,this.editorMode=!1,this.metadataDescriptors=[],this.clustersByValue={},this.clusters=[],this.addStore(I),this.addI18nContext(nt)}setResultStateManager(t){super.setResultStateManager(t),this.key&&this.useAsClusterSwitch&&t.registerMetadata(this.key)}render(){return this.displayCluster?this.renderClusterList():this.renderChip()}renderClusterList(){return e.html`
+        `}}function Zr(t){var o,e;return(null!==(e=null!==(o=null==t?void 0:t.map)&&void 0!==o?o:null==t?void 0:t.document)&&void 0!==e?e:null==t?void 0:t.topic).metadata.map((t=>function(t){if(t.hierarchicalValues){const o=[],e=[];return t.hierarchicalValues.forEach((t=>{o.push(t.join(" / ")),t.length>2?e.push(`... / ${t[t.length-1]}`):e.push(t.join(" / "))})),{key:t.key,value:o.join(", "),displayValue:e.join(", ")}}{const o=t.values.join(", ");return{key:t.key,value:o,displayValue:o}}}(t)))}Br.elementDefinitions={"ft-typography":de},Br.styles=Kr,o.customElement("ft-floating-menu")(Wr),o.customElement("ftds-floating-menu")(Ar),o.customElement("ft-floating-menu-item")(kr),o.customElement("ft-floating-menu-label")(Br);class Dr extends CustomEvent{constructor(t,o){super("ft-search-result-click",{detail:{result:t,rank:o},bubbles:!0,composed:!0})}}class Fr{constructor(t,o,e,i){this.cluster=t,this.selectedResult=o,this.clusteringMetadata=e,this.metadataDescriptors=i}computeClustersItemsForMetadata(t,o){var e;const i=null===(e=this.cluster)||void 0===e?void 0:e.entries.flatMap((o=>Zr(o).filter((o=>o.key===t)))).filter(((t,o,e)=>e.findIndex((o=>o.value===t.value))===o));return i.map((o=>({result:this.findMatchingResult(t,o.value),metadata:o}))).sort(((e,i)=>this.compareMetadata(e.metadata.value,i.metadata.value,t,o)))}compareMetadata(t,o,e,i){let r=this.metadataDescriptors.find((t=>e==t.key)),n=(null==r?void 0:r.sortRule)||"NONE",a=(null==r?void 0:r.reverseSort)||!1;if("ALPHABET"==n||"VERSION"==n){let e=t.localeCompare(o,i,{numeric:!0});return a?-1*e:e}return 0}findMatchingResult(t,o){var e,i;let r=Zr(this.selectedResult).filter((t=>this.clusteringMetadata.has(t.key))),n=[...r.filter((o=>o.key!==t)),{key:t,value:o,displayValue:o}];return null!==(i=null!==(e=this.findResultMatchingMetadata(n))&&void 0!==e?e:this.findResultMatchingMetadata([{key:t,value:o,displayValue:o}]))&&void 0!==i?i:this.cluster.entries[0]}findResultMatchingMetadata(t){return this.cluster.entries.find((o=>this.resultMatchesMetadata(o,t)))}resultMatchesMetadata(t,o){let e=Zr(t);return o.every((t=>e.some((o=>o.key==t.key&&o.value==t.value))))}}var Tr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Pr extends(Q(V)){constructor(){super(),this.useChip=!1,this.useAsClusterSwitch=!1,this.goToDocumentOnSwitch=!1,this.editorMode=!1,this.metadataDescriptors=[],this.clustersByValue={},this.clusters=[],this.addStore(I),this.addI18nContext(nt)}setResultStateManager(t){super.setResultStateManager(t),this.key&&this.useAsClusterSwitch&&t.registerMetadata(this.key)}render(){return e.html`
+            ${this.displayCluster?this.renderClusterList():this.renderChip()}
+            ${this.hideIfEmpty()}
+        `}renderClusterList(){return e.html`
             <div class="ft-search-result-metadata--container">
                 <ft-floating-menu icon="THIN_ARROW"
                                   @select=${this.onClusterSelected}
@@ -1114,7 +1117,13 @@ const Pt=Symbol.for(""),Ht=t=>{if(t?.r===Pt)return t?._$litStatic$},Mt=t=>({_$li
                     ${a.repeat(this.clusters,(t=>t.metadata.value),(t=>this.renderClusterItem(t.result,t.metadata)))}
                 </ft-floating-menu>
             </div>
-        `}onClusterSelected(t){var o;null===(o=this.resultStateManager)||void 0===o||o.selectResult(this.clustersByValue[t.detail].result)}computeClusters(){var t;const o={},e=new Fr(this.cluster,this.result,this.resultStateManager.registeredMetadata,this.metadataDescriptors);this.clusters=e.computeClustersItemsForMetadata(this.key,(null===(t=this.request)||void 0===t?void 0:t.contentLocale)||"en"),this.clusters.forEach((t=>{o[t.metadata.value]=t})),this.clustersByValue=o}renderClusterItem(t,o){return this.goToDocumentOnSwitch?e.html`
+        `}hideIfEmpty(){return 0!=this.valueText.length||0!=this.clusters.length||this.editorMode?e.nothing:e.html`
+                <style>
+                    :host {
+                        display: none !important;
+                    }
+                </style>
+            `}onClusterSelected(t){var o;null===(o=this.resultStateManager)||void 0===o||o.selectResult(this.clustersByValue[t.detail].result)}computeClusters(){var t;const o={},e=new Fr(this.cluster,this.result,this.resultStateManager.registeredMetadata,this.metadataDescriptors);this.clusters=e.computeClustersItemsForMetadata(this.key,(null===(t=this.request)||void 0===t?void 0:t.contentLocale)||"en"),this.clusters.forEach((t=>{o[t.metadata.value]=t})),this.clustersByValue=o}renderClusterItem(t,o){return this.goToDocumentOnSwitch?e.html`
                 <a href="${function(t){switch(t.type){case N.MAP:return t.map.readerUrl;case N.DOCUMENT:return t.document.viewerUrl;case N.TOPIC:return t.topic.readerUrl}return""}(t)}" @click=${()=>this.onResultClick(t)}>
                     <ft-floating-menu-item value="${o.value}">${this.renderClusterItemValue(o.value,o.displayValue)}
                     </ft-floating-menu-item>

package/build/ft-search-result-metadata.min.js

@@ -1255,7 +1255,10 @@ class zs extends ks{constructor(t){if(super(t),this.et=rt,t.type!==$s)throw Erro
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */var ic=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class rc extends(zr(Mr)){constructor(){super(),this.useChip=!1,this.useAsClusterSwitch=!1,this.goToDocumentOnSwitch=!1,this.editorMode=!1,this.metadataDescriptors=[],this.clustersByValue={},this.clusters=[],this.addStore(gr),this.addI18nContext(Vr)}setResultStateManager(t){super.setResultStateManager(t),this.key&&this.useAsClusterSwitch&&t.registerMetadata(this.key)}render(){return this.displayCluster?this.renderClusterList():this.renderChip()}renderClusterList(){return le`
+   */var ic=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class rc extends(zr(Mr)){constructor(){super(),this.useChip=!1,this.useAsClusterSwitch=!1,this.goToDocumentOnSwitch=!1,this.editorMode=!1,this.metadataDescriptors=[],this.clustersByValue={},this.clusters=[],this.addStore(gr),this.addI18nContext(Vr)}setResultStateManager(t){super.setResultStateManager(t),this.key&&this.useAsClusterSwitch&&t.registerMetadata(this.key)}render(){return le`
+            ${this.displayCluster?this.renderClusterList():this.renderChip()}
+            ${this.hideIfEmpty()}
+        `}renderClusterList(){return le`
             <div class="ft-search-result-metadata--container">
                 <ft-floating-menu icon="THIN_ARROW"
                                   @select=${this.onClusterSelected}
@@ -1265,7 +1268,13 @@ class zs extends ks{constructor(t){if(super(t),this.et=rt,t.type!==$s)throw Erro
                     ${oc(this.clusters,(t=>t.metadata.value),(t=>this.renderClusterItem(t.result,t.metadata)))}
                 </ft-floating-menu>
             </div>
-        `}onClusterSelected(t){var e;null===(e=this.resultStateManager)||void 0===e||e.selectResult(this.clustersByValue[t.detail].result)}computeClusters(){var t;const e={},o=new Vl(this.cluster,this.result,this.resultStateManager.registeredMetadata,this.metadataDescriptors);this.clusters=o.computeClustersItemsForMetadata(this.key,(null===(t=this.request)||void 0===t?void 0:t.contentLocale)||"en"),this.clusters.forEach((t=>{e[t.metadata.value]=t})),this.clustersByValue=e}renderClusterItem(t,e){return this.goToDocumentOnSwitch?le`
+        `}hideIfEmpty(){return 0!=this.valueText.length||0!=this.clusters.length||this.editorMode?fe:le`
+                <style>
+                    :host {
+                        display: none !important;
+                    }
+                </style>
+            `}onClusterSelected(t){var e;null===(e=this.resultStateManager)||void 0===e||e.selectResult(this.clustersByValue[t.detail].result)}computeClusters(){var t;const e={},o=new Vl(this.cluster,this.result,this.resultStateManager.registeredMetadata,this.metadataDescriptors);this.clusters=o.computeClustersItemsForMetadata(this.key,(null===(t=this.request)||void 0===t?void 0:t.contentLocale)||"en"),this.clusters.forEach((t=>{e[t.metadata.value]=t})),this.clustersByValue=e}renderClusterItem(t,e){return this.goToDocumentOnSwitch?le`
                 <a href="${function(t){switch(t.type){case hr.MAP:return t.map.readerUrl;case hr.DOCUMENT:return t.document.viewerUrl;case hr.TOPIC:return t.topic.readerUrl}return""}(t)}" @click=${()=>this.onResultClick(t)}>
                     <ft-floating-menu-item value="${e.value}">${this.renderClusterItemValue(e.value,e.displayValue)}
                     </ft-floating-menu-item>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-search-result-metadata",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "Search result metadata for integrated search component",
   "keywords": [
     "Lit"
@@ -19,15 +19,15 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-chip": "1.1.16",
-    "@fluid-topics/ft-floating-menu": "1.1.16",
-    "@fluid-topics/ft-search-result-context": "1.1.16",
-    "@fluid-topics/ft-tooltip": "1.1.16",
-    "@fluid-topics/ft-wc-utils": "1.1.16",
+    "@fluid-topics/ft-chip": "1.1.17",
+    "@fluid-topics/ft-floating-menu": "1.1.17",
+    "@fluid-topics/ft-search-result-context": "1.1.17",
+    "@fluid-topics/ft-tooltip": "1.1.17",
+    "@fluid-topics/ft-wc-utils": "1.1.17",
     "lit": "3.1.0"
   },
   "devDependencies": {
     "@fluid-topics/public-api": "1.0.54"
   },
-  "gitHead": "28b18ce8d88cc14097865aad4a8b31406b351434"
+  "gitHead": "a8c1d6ed00e2cad51f1e81aa0486f251050db54d"
 }