@fluid-topics/ft-reader-search-in-document 1.2.51 → 1.2.52

package/build/ft-reader-search-in-document.d.ts

@@ -2,7 +2,7 @@ import { nothing, PropertyValues, TemplateResult } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderSearchInDocumentProperties } from "./ft-reader-search-in-document.properties";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
-import { FtMap } from "@fluid-topics/public-api";
+import { FtMap, FtSearchResultClusterEntry } from "@fluid-topics/public-api";
 declare const FtReaderSearchInDocument_base: typeof FtReaderComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
 export declare class FtReaderSearchInDocument extends FtReaderSearchInDocument_base implements FtReaderSearchInDocumentProperties {
     static elementDefinitions: ElementDefinitionsMap;
@@ -20,6 +20,7 @@ export declare class FtReaderSearchInDocument extends FtReaderSearchInDocument_b
     private uniqueId;
     private get filters();
     private renderResult;
+    onAuxClick(e: MouseEvent, result: FtSearchResultClusterEntry, rank: number): void;
     protected render(): typeof nothing | TemplateResult<1>;
     protected update(props: PropertyValues): void;
     private onLinkClick;

package/build/ft-reader-search-in-document.js

@@ -43,7 +43,7 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
         var _a;
         return html `
             <style> ${resultStyles}</style>
-            <a href="${getResultUrl(result)}" @click="${() => this.onLinkClick(result, rank)} }">
+            <a href="${getResultUrl(result)}" @click="${() => this.onLinkClick(result, rank)}" @auxclick="${(e) => this.onAuxClick(e, result, rank)}">
                 <ft-card clickable noheader>
                     <div class="result-container">
                         ${this.hideResultTitle ? nothing : html `
@@ -59,6 +59,11 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
             </a>
         `;
     }
+    onAuxClick(e, result, rank) {
+        if (e.button == 1) {
+            this.onLinkClick(result, rank);
+        }
+    }
     render() {
         if (!this.map) {
             return nothing;

package/build/ft-reader-search-in-document.light.js

@@ -1294,11 +1294,12 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
             `}selectAbstract(e){switch(e.type){case"MAP":return e.map.htmlExcerpt;case"DOCUMENT":return e.document.htmlExcerpt;case"TOPIC":return e.topic.htmlExcerpt}return""}contentAvailableCallback(e){super.contentAvailableCallback(e),this.shadowRoot.querySelectorAll(".kwicmatch").forEach(o=>o.setAttribute("part","kwicmatch"))}};sr.elementDefinitions={"ft-typography":se};sr.styles=Qa});var qf=f(()=>{"use strict"});var Qf={};Zt(Qf,{FtSearchResultAbstract:()=>sr,FtSearchResultAbstractCssVariables:()=>en,styles:()=>Qa});var Yf,ys=f(()=>{"use strict";Yf=b(N());hs();tn();qf();hs();(0,Yf.customElement)("ft-search-result-abstract")(sr)});var To,Xf,Jf,sm,Wt,ms=f(()=>{"use strict";To=b(B()),Xf=b(Q());ps();on();ut();Jf=b(Zo());ji();Ki();sm=function(t,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},Wt=class extends zr{constructor(){super(...arguments),this.withoutLink=!1}render(){var e;return this.result?this.withoutLink?this.renderTitle():To.html`
                 <a href="${Wn(this.result)}"
                    @click=${this.onResultClick}
+                   @auxclick=${o=>this.onAuxClick(o)}
                    target="${lf(this.result,(e=this.stateManager)===null||e===void 0?void 0:e.openExternalDocumentInNewTab)}"
                    part="link">
                     ${this.renderTitle()}
                 </a>
-            `:To.nothing}renderTitle(){return To.html`
+            `:To.nothing}onAuxClick(e){e.button==1&&this.onResultClick()}renderTitle(){return To.html`
             <ft-typography variant="title" part="text">${(0,Jf.unsafeHTML)(this.selectTitle(this.result))}</ft-typography>
         `}onResultClick(){this.dispatchEvent(new Ur(this.result,this.rank))}selectTitle(e){switch(e.type){case"MAP":return e.map.htmlTitle;case"DOCUMENT":return e.document.htmlTitle;case"TOPIC":return e.topic.htmlTitle}return""}contentAvailableCallback(e){var o;super.contentAvailableCallback(e),this.shadowRoot.querySelectorAll(".kwicmatch").forEach(n=>n.setAttribute("part","kwicmatch")),!this.withoutLink&&e.has("rank")&&this.rank!=null&&(!((o=this.stateManager)===null||o===void 0)&&o.store.commands.consume(`focus-result-${this.rank}`))&&(this.elementToFocus={selector:"a"})}};Wt.elementDefinitions={"ft-typography":se};Wt.styles=Xa;sm([(0,Xf.property)({type:Boolean})],Wt.prototype,"withoutLink",void 0)});var eh=f(()=>{"use strict"});var rh={};Zt(rh,{FtSearchResultTitle:()=>Wt,FtSearchResultTitleCssVariables:()=>rn,styles:()=>Xa});var th,gs=f(()=>{"use strict";th=b(N());ms();on();eh();ms();(0,th.customElement)("ft-search-result-title")(Wt)});var oh,cm,bs,xs=f(()=>{"use strict";oh=b(B()),cm={},bs=oh.css`
     [part="no-results-message"] {
@@ -1504,7 +1505,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
             </div>
         `}};Pe.elementDefinitions={"ft-ripple":X,"ft-typography":se};Pe.styles=Ws;$r([(0,ir.property)()],Pe.prototype,"title",void 0);$r([(0,ir.property)({type:Boolean})],Pe.prototype,"clickable",void 0);$r([(0,ir.property)({type:Boolean})],Pe.prototype,"selected",void 0);$r([(0,ir.property)({type:Boolean})],Pe.prototype,"noHeader",void 0);$r([(0,ir.property)({type:Boolean})],Pe.prototype,"noContent",void 0);$r([(0,ir.property)({type:Boolean})],Pe.prototype,"oneLineHeader",void 0);(0,pf.customElement)("ft-card")(Pe);Ki();var Gt=function(t,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},Ie=class t extends ze(Bn){constructor(){super(),this.searchInDocumentQuery="",this.hideResultTitle=!1,this.hideResultBreadcrumb=!1,this.hideResultAbstract=!1,this.hideResultsNumber=!1,this.emptyResultOnClear=!1,this.userHasDoneManualAction=!1,this.uniqueId="search-in-document-"+(""+Math.round(Math.random()*999e3)).padStart(6,"0"),this.addI18nContext(Vi)}get filters(){return[{key:"ft:publicationId",valueFilter:{negative:!1,values:[this.map.id]}}]}renderResult(e,o){var n;return Ue.html`
             <style> ${Hd}</style>
-            <a href="${Wn(e)}" @click="${()=>this.onLinkClick(e,o)} }">
+            <a href="${Wn(e)}" @click="${()=>this.onLinkClick(e,o)}" @auxclick="${a=>this.onAuxClick(a,e,o)}">
                 <ft-card clickable noheader>
                     <div class="result-container">
                         ${this.hideResultTitle?Ue.nothing:Ue.html`
@@ -1518,7 +1519,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
                     </div>
                 </ft-card>
             </a>
-        `}render(){return this.map?Ue.html`
+        `}onAuxClick(e,o,n){e.button==1&&this.onLinkClick(o,n)}render(){return this.map?Ue.html`
             <ft-search-context id="${this.uniqueId}"
                                contentLocale="${this.map.lang}"
                                query="${this.searchInDocumentQuery}"

package/build/ft-reader-search-in-document.min.js

@@ -1337,11 +1337,12 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
             `}selectAbstract(e){switch(e.type){case"MAP":return e.map.htmlExcerpt;case"DOCUMENT":return e.document.htmlExcerpt;case"TOPIC":return e.topic.htmlExcerpt}return""}contentAvailableCallback(e){super.contentAvailableCallback(e),this.shadowRoot.querySelectorAll(".kwicmatch").forEach(r=>r.setAttribute("part","kwicmatch"))}};vr.elementDefinitions={"ft-typography":ge};vr.styles=Bc});var Zh=f(()=>{"use strict"});var qh={};G(qh,{FtSearchResultAbstract:()=>vr,FtSearchResultAbstractCssVariables:()=>na,styles:()=>Bc});var wl=f(()=>{"use strict";k();El();aa();Zh();El();V("ft-search-result-abstract")(vr)});var Jg,Zt,Al=f(()=>{"use strict";z();ne();Ol();sa();Et();Ao();nl();il();Jg=function(t,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Zt=class extends fo{constructor(){super(...arguments),this.withoutLink=!1}render(){var e;return this.result?this.withoutLink?this.renderTitle():M`
                 <a href="${ba(this.result)}"
                    @click=${this.onResultClick}
+                   @auxclick=${r=>this.onAuxClick(r)}
                    target="${wh(this.result,(e=this.stateManager)===null||e===void 0?void 0:e.openExternalDocumentInNewTab)}"
                    part="link">
                     ${this.renderTitle()}
                 </a>
-            `:H}renderTitle(){return M`
+            `:H}onAuxClick(e){e.button==1&&this.onResultClick()}renderTitle(){return M`
             <ft-typography variant="title" part="text">${nr(this.selectTitle(this.result))}</ft-typography>
         `}onResultClick(){this.dispatchEvent(new uo(this.result,this.rank))}selectTitle(e){switch(e.type){case"MAP":return e.map.htmlTitle;case"DOCUMENT":return e.document.htmlTitle;case"TOPIC":return e.topic.htmlTitle}return""}contentAvailableCallback(e){var r;super.contentAvailableCallback(e),this.shadowRoot.querySelectorAll(".kwicmatch").forEach(n=>n.setAttribute("part","kwicmatch")),!this.withoutLink&&e.has("rank")&&this.rank!=null&&(!((r=this.stateManager)===null||r===void 0)&&r.store.commands.consume(`focus-result-${this.rank}`))&&(this.elementToFocus={selector:"a"})}};Zt.elementDefinitions={"ft-typography":ge};Zt.styles=Fc;Jg([w({type:Boolean})],Zt.prototype,"withoutLink",void 0)});var Yh=f(()=>{"use strict"});var Qh={};G(Qh,{FtSearchResultTitle:()=>Zt,FtSearchResultTitleCssVariables:()=>ia,styles:()=>Fc});var Rl=f(()=>{"use strict";k();Al();sa();Yh();Al();V("ft-search-result-title")(Zt)});var eb,Nl,Tl=f(()=>{"use strict";z();eb={},Nl=L`
     [part="no-results-message"] {
@@ -1547,7 +1548,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
             </div>
         `}};Me.elementDefinitions={"ft-ripple":ce,"ft-typography":ge};Me.styles=yf;lo([w()],Me.prototype,"title",void 0);lo([w({type:Boolean})],Me.prototype,"clickable",void 0);lo([w({type:Boolean})],Me.prototype,"selected",void 0);lo([w({type:Boolean})],Me.prototype,"noHeader",void 0);lo([w({type:Boolean})],Me.prototype,"noContent",void 0);lo([w({type:Boolean})],Me.prototype,"oneLineHeader",void 0);V("ft-card")(Me);il();var Yt=function(t,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Be=class t extends Ge(ga){constructor(){super(),this.searchInDocumentQuery="",this.hideResultTitle=!1,this.hideResultBreadcrumb=!1,this.hideResultAbstract=!1,this.hideResultsNumber=!1,this.emptyResultOnClear=!1,this.userHasDoneManualAction=!1,this.uniqueId="search-in-document-"+(""+Math.round(Math.random()*999e3)).padStart(6,"0"),this.addI18nContext(al)}get filters(){return[{key:"ft:publicationId",valueFilter:{negative:!1,values:[this.map.id]}}]}renderResult(e,r){var n;return M`
             <style> ${Qf}</style>
-            <a href="${ba(e)}" @click="${()=>this.onLinkClick(e,r)} }">
+            <a href="${ba(e)}" @click="${()=>this.onLinkClick(e,r)}" @auxclick="${a=>this.onAuxClick(a,e,r)}">
                 <ft-card clickable noheader>
                     <div class="result-container">
                         ${this.hideResultTitle?H:M`
@@ -1561,7 +1562,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
                     </div>
                 </ft-card>
             </a>
-        `}render(){return this.map?M`
+        `}onAuxClick(e,r,n){e.button==1&&this.onLinkClick(r,n)}render(){return this.map?M`
             <ft-search-context id="${this.uniqueId}"
                                contentLocale="${this.map.lang}"
                                query="${this.searchInDocumentQuery}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-search-in-document",
-  "version": "1.2.51",
+  "version": "1.2.52",
   "description": "A search component to retrieve occurrences in documents",
   "keywords": [
     "Lit"
@@ -19,20 +19,20 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.2.51",
-    "@fluid-topics/ft-card": "1.2.51",
-    "@fluid-topics/ft-i18n": "1.2.51",
-    "@fluid-topics/ft-search-context": "1.2.51",
-    "@fluid-topics/ft-search-input": "1.2.51",
-    "@fluid-topics/ft-search-load-more-button": "1.2.51",
-    "@fluid-topics/ft-search-result-abstract": "1.2.51",
-    "@fluid-topics/ft-search-result-title": "1.2.51",
-    "@fluid-topics/ft-search-results": "1.2.51",
-    "@fluid-topics/ft-search-results-number": "1.2.51",
-    "@fluid-topics/ft-typography": "1.2.51",
-    "@fluid-topics/ft-wc-utils": "1.2.51",
+    "@fluid-topics/ft-button": "1.2.52",
+    "@fluid-topics/ft-card": "1.2.52",
+    "@fluid-topics/ft-i18n": "1.2.52",
+    "@fluid-topics/ft-search-context": "1.2.52",
+    "@fluid-topics/ft-search-input": "1.2.52",
+    "@fluid-topics/ft-search-load-more-button": "1.2.52",
+    "@fluid-topics/ft-search-result-abstract": "1.2.52",
+    "@fluid-topics/ft-search-result-title": "1.2.52",
+    "@fluid-topics/ft-search-results": "1.2.52",
+    "@fluid-topics/ft-search-results-number": "1.2.52",
+    "@fluid-topics/ft-typography": "1.2.52",
+    "@fluid-topics/ft-wc-utils": "1.2.52",
     "@fluid-topics/public-api": "1.0.90",
     "lit": "3.1.0"
   },
-  "gitHead": "f37803963479545409bdddea3571d34dbad90413"
+  "gitHead": "5bdea3806bc9a17448a0533c5c3ecfee0cfa8bac"
 }