@fluid-topics/ft-search-input 1.2.7 → 1.2.8

package/build/ft-search-input.min.js

@@ -1238,27 +1238,27 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
                  @keydown=${r=>this.onSuggestKeyDown(r)}>
                 ${Pn(this.suggestResults||[],r=>r.value,r=>this.renderSuggestion(r,e))}
             </div>
-        `}renderSuggestion(e,r){if(this.launchSearchPath){let n={...this.request,query:e.value},i=r.serializeToCurrentPageIfPossible(n,this.launchSearchPath);return V`
-                <a href="${i}"
+        `}renderSuggestion(e,r){let n=V`
+            <ft-ripple></ft-ripple>
+            ${this.getIcon(e)}
+            <ft-typography variant="body1">${e.value}</ft-typography>
+        `;if(this.launchSearchPath){let i={...this.request,query:e.value},a=r.serializeToCurrentPageIfPossible(i,this.launchSearchPath);return V`
+                <a href="${a}"
                    part="suggestion"
                    class="ft-search-input-suggestion--suggestion"
-                   @keyup=${a=>this.onSuggestKeyUp(a)}
-                   @click=${a=>this.onSuggestLinkClick(a,e)}>
-                    <ft-ripple></ft-ripple>
-                    ${this.getIcon(e)}
-                    <ft-typography variant="body1">${e.value}</ft-typography>
+                   @keyup=${s=>this.onSuggestKeyUp(s)}
+                   @click=${()=>this.onSuggestSelected(e.value)}>
+                    ${n}
                 </a>
             `}return V`
             <div tabindex="0"
                  part="suggestion"
                  class="ft-search-input-suggestion--suggestion"
-                 @keyup=${n=>this.onSuggestKeyUp(n)}
-                 @click=${n=>this.onSuggestSelected(e.value)}>
-                <ft-ripple></ft-ripple>
-                ${this.getIcon(e)}
-                <ft-typography variant="body1">${e.value}</ft-typography>
+                 @keyup=${i=>this.onSuggestKeyUp(i)}
+                 @click=${()=>this.onSuggestSelected(e.value)}>
+                ${n}
             </div>
-        `}onSuggestLinkClick(e,r){!e.metaKey&&!e.ctrlKey&&(e.preventDefault(),e.stopPropagation()),this.onSuggestSelected(r.value)}onSuggestKeyDown(e){var r,n,i,a,s,c;switch(e.key){case"ArrowUp":(i=(n=(r=this.getFocusedSuggestionElement())===null||r===void 0?void 0:r.previousElementSibling)!==null&&n!==void 0?n:this.getLastSuggestionElement())===null||i===void 0||i.focus(),e.preventDefault(),e.stopPropagation();break;case"ArrowDown":(c=(s=(a=this.getFocusedSuggestionElement())===null||a===void 0?void 0:a.nextElementSibling)!==null&&s!==void 0?s:this.getFirstSuggestionElement())===null||c===void 0||c.focus(),e.preventDefault(),e.stopPropagation();break}}onSuggestKeyUp(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),e.target.click())}onSuggestSelected(e){this.dispatchEvent(new qa(e))}getIcon(e){let r=e.type==="DOCUMENT"?Ee.file_format:Ee.fluid_topics,n;switch(e.type){case"MAP":n=e.editorialType==="BOOK"?St.BOOK:St.ARTICLE;break;case"DOCUMENT":n=ql(e.mimeType,e.filenameExtension);break;case"TOPIC":n=St.TOPICS;break}return V`
+        `}onSuggestKeyDown(e){var r,n,i,a,s,c;switch(e.key){case"ArrowUp":(i=(n=(r=this.getFocusedSuggestionElement())===null||r===void 0?void 0:r.previousElementSibling)!==null&&n!==void 0?n:this.getLastSuggestionElement())===null||i===void 0||i.focus(),e.preventDefault(),e.stopPropagation();break;case"ArrowDown":(c=(s=(a=this.getFocusedSuggestionElement())===null||a===void 0?void 0:a.nextElementSibling)!==null&&s!==void 0?s:this.getFirstSuggestionElement())===null||c===void 0||c.focus(),e.preventDefault(),e.stopPropagation();break}}onSuggestKeyUp(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),e.target.click())}onSuggestSelected(e){this.dispatchEvent(new qa(e))}getIcon(e){let r=e.type==="DOCUMENT"?Ee.file_format:Ee.fluid_topics,n;switch(e.type){case"MAP":n=e.editorialType==="BOOK"?St.BOOK:St.ARTICLE;break;case"DOCUMENT":n=ql(e.mimeType,e.filenameExtension);break;case"TOPIC":n=St.TOPICS;break}return V`
             <ft-icon .variant="${r}" .value="${n}" part="suggestion-icon"></ft-icon>
         `}getFocusedSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion:focus-within")}getLastSuggestionElement(){let e=this.shadowRoot.querySelectorAll(".ft-search-input-suggestion--suggestion");return e.length>0?e[e.length-1]:null}getFirstSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion")}focusFirstSuggestion(){var e;(e=this.getFirstSuggestionElement())===null||e===void 0||e.focus()}};ot.elementDefinitions={"ft-ripple":J,"ft-typography":Ce,"ft-icon":xe};ot.styles=[ji,od];pn([_e()],ot.prototype,"request",void 0);pn([_e()],ot.prototype,"suggestResults",void 0);pn([A()],ot.prototype,"launchSearchPath",void 0);ot=pn([Rn("ft-search-input-suggestion")],ot);var nt=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(a=(i<3?s(a):i>3?s(e,r,a):s(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},he=class extends dn(Or){constructor(){super(),this.liveQuery="",this.forceCloseSuggestion=!1,this.useCustomSearchPath=!1,this.addI18nContext(ao)}render(){var e,r;let n={"ft-search-input":!0,"ft-search-input--with-suggestions":(r=(e=this.suggestResults)===null||e===void 0?void 0:e.length)!==null&&r!==void 0?r:!1,"ft-search-input--with-suggestions-closed":this.forceCloseSuggestion},i={...this.request,query:this.liveQuery},a=this.useCustomSearchPath?this.launchSearchPath:void 0,s=Sr.get().serializeToCurrentPageIfPossible(i,a);return V`
             <div class="${lt(n)}" @focusout=${()=>this.forceCloseSuggestion=!1} role="search">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-search-input",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Search bar input for integrated search component",
   "keywords": [
     "Lit"
@@ -19,18 +19,18 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-app-context": "1.2.7",
-    "@fluid-topics/ft-button": "1.2.7",
-    "@fluid-topics/ft-i18n": "1.2.7",
-    "@fluid-topics/ft-icon": "1.2.7",
-    "@fluid-topics/ft-ripple": "1.2.7",
-    "@fluid-topics/ft-search-context": "1.2.7",
-    "@fluid-topics/ft-typography": "1.2.7",
-    "@fluid-topics/ft-wc-utils": "1.2.7",
+    "@fluid-topics/ft-app-context": "1.2.8",
+    "@fluid-topics/ft-button": "1.2.8",
+    "@fluid-topics/ft-i18n": "1.2.8",
+    "@fluid-topics/ft-icon": "1.2.8",
+    "@fluid-topics/ft-ripple": "1.2.8",
+    "@fluid-topics/ft-search-context": "1.2.8",
+    "@fluid-topics/ft-typography": "1.2.8",
+    "@fluid-topics/ft-wc-utils": "1.2.8",
     "lit": "3.1.0"
   },
   "devDependencies": {
     "@fluid-topics/public-api": "1.0.78"
   },
-  "gitHead": "741c761ef8cad1749aa58a21751de619147469e7"
+  "gitHead": "26d2cbd5aba536de63759b72e1c171449519d74e"
 }