UNPKG

p3x-redis-ui-material

Version:

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

2 lines • 19.2 kB
import {X as Xe$1,f as fQ,b as bi,G as It,L as uc,V as N,K as op,Q,b7 as _t,_ as _e,m as mb,aJ as jn,cj as He$1,co as rn,bd as On,be as tn,y as yt,w as wt,e as aY,aK as iY,aL as sY,i as Qt,j as gt,a as f,u,Y as Yt,W as Wt,Z as Zt,ba as qe$1,cp as q,bb as q$1,bc as Ut,ck as Ve$1,cl as Be$1,aM as lt,cI as PM,B as Ba,n as no,v as vf,p as pv,c as In,r as ro,I as IS,J as JT,R as Rv,x as YT,cr as Lv,z as fm,cu as AS,A as pm,k as bv,H as HT,bt as VT,bj as Mx,cs as Fv,U as UT,bk as Nx,h as hv,cJ as BT,t as If,aN as Ov,cK as FS,cL as jS}from'./chunk-BwlFOdbx.js';import {X}from'./chunk-DeaQoucA.js';import {L as Lt,R as Rt}from'./chunk-ClozYWD6.js';import {w as we,t as te}from'./chunk-B8YlgrW9.js';import'./chunk-BqyDblvT.js';import {L}from'./main-HNF44SV3.js';var Ie=(i,d)=>d._key;function ke(i,d){if(i&1&&(Ba(0,"div",3),IS(1),vf()),i&2){let e=JT();In(),Rv(e.strings().page?.search?.noIndex);}}function Me(i,d){if(i&1&&(Ba(0,"mat-option",7),IS(1),vf()),i&2){let e=d.$implicit;pv("value",e),In(),Rv(e);}}function Ee(i,d){if(i&1){let e=YT();Ba(0,"button",14),bv("click",function(){fm(e);let t=JT(2);return pm(t.dropIndex())}),Ba(1,"mat-icon"),IS(2,"delete"),vf()();}if(i&2){let e=JT(2);pv("matTooltip",e.strings().page?.search?.dropIndex);}}function Te(i,d){if(i&1){let e=YT();Ba(0,"div",17)(1,"mat-form-field",18)(2,"mat-label"),IS(3),vf(),Ba(4,"input",19),Lv("ngModelChange",function(t){fm(e);let s=JT(3);return AS(s.vectorField,t)||(s.vectorField=t),pm(t)}),vf(),Mx(),vf(),Ba(5,"mat-form-field",20)(6,"mat-label"),IS(7),vf(),Ba(8,"input",21),Lv("ngModelChange",function(t){fm(e);let s=JT(3);return AS(s.vectorValues,t)||(s.vectorValues=t),pm(t)}),vf(),Mx(),vf(),Ba(9,"mat-form-field",22)(10,"mat-label"),IS(11,"Count"),vf(),Ba(12,"input",23),Lv("ngModelChange",function(t){fm(e);let s=JT(3);return AS(s.vectorCount,t)||(s.vectorCount=t),pm(t)}),vf(),Mx(),vf()();}if(i&2){let e=JT(3);In(3),Rv(e.strings().page?.search?.vectorField),In(),Fv("ngModel",e.vectorField),Nx(),In(3),Rv(e.strings().page?.search?.vectorValues),In(),Fv("ngModel",e.vectorValues),Nx(),In(4),Fv("ngModel",e.vectorCount),Nx();}}function Ve(i,d){if(i&1){let e=YT();Ba(0,"div",15)(1,"mat-slide-toggle",16),Lv("ngModelChange",function(t){fm(e);let s=JT(2);return AS(s.hybridMode,t)||(s.hybridMode=t),pm(t)}),IS(2),vf(),Mx(),vf(),no(3,Te,13,5,"div",17);}if(i&2){let e=JT(2);In(),Fv("ngModel",e.hybridMode),Nx(),In(),If(" ",e.strings().page?.search?.hybridMode," "),In(),ro(e.hybridMode?3:-1);}}function Fe(i,d){if(i&1){let e=YT();Ba(0,"button",24),bv("click",function(){fm(e);let t=JT(2);return pm(t.handleSearchEnter())}),Ba(1,"mat-icon"),IS(2,"search"),vf(),Ba(3,"span"),IS(4),vf()();}if(i&2){let e=JT(2);pv("disabled",e.aiLoading),In(4),Rv(e.aiLoading?e.strings().label?.aiTranslating:e.strings().page?.search?.title);}}function Pe(i,d){if(i&1){let e=YT();Ba(0,"button",25),bv("click",function(){fm(e);let t=JT(2);return pm(t.handleSearchEnter())}),Ba(1,"mat-icon"),IS(2,"search"),vf()();}if(i&2){let e=JT(2);pv("disabled",e.aiLoading)("matTooltip",e.strings().page?.search?.title);}}function We(i,d){if(i&1){let e=YT();Ba(0,"div",4)(1,"mat-form-field",5)(2,"mat-label"),IS(3),vf(),Ba(4,"mat-select",6),Lv("valueChange",function(t){fm(e);let s=JT();return AS(s.selectedIndex,t)||(s.selectedIndex=t),pm(t)}),bv("selectionChange",function(){fm(e);let t=JT();return t.offset=0,t.indexInfo=null,pm(t.loadIndexInfo())}),HT(5,Me,2,2,"mat-option",7,VT),vf()(),no(7,Ee,3,1,"button",8),vf(),Ba(8,"mat-form-field",9)(9,"mat-label"),IS(10),vf(),Ba(11,"input",10),Lv("ngModelChange",function(t){fm(e);let s=JT();return AS(s.query,t)||(s.query=t),pm(t)}),bv("keydown.enter",function(){fm(e);let t=JT();return t.offset=0,pm(t.handleSearchEnter())}),vf(),Mx(),vf(),no(12,Ve,4,3),Ba(13,"div",11),no(14,Fe,5,2,"button",12)(15,Pe,3,2,"button",13),vf();}if(i&2){let e=JT();In(3),Rv(e.strings().page?.search?.index),In(),Fv("value",e.selectedIndex),In(),UT(e.indexes),In(2),ro(!e.isReadonly&&e.selectedIndex?7:-1),In(3),Rv(e.strings().page?.search?.query),In(),Fv("ngModel",e.query),pv("disabled",e.aiLoading),Nx(),In(),ro(e.state.redisVersion().isAtLeast(8,4)?12:-1),In(2),ro(e.isGtSm?14:15);}}function qe(i,d){if(i&1&&(hv(0,"br"),Ba(1,"p3xr-ng-accordion",26)(2,"div",1)(3,"div",27),IS(4),vf()()()),i&2){let e=JT();In(),pv("title",e.strings().page?.search?.results+" (0)"),In(3),Rv(e.strings().label?.noResults);}}function Le(i,d){if(i&1){let e=YT();Ba(0,"p3xr-ng-button",29),bv("click",function(t){return fm(e),JT(2).pageAction("first"),pm(t.stopPropagation())}),vf(),Ba(1,"p3xr-ng-button",30),bv("click",function(t){return fm(e),JT(2).pageAction("prev"),pm(t.stopPropagation())}),vf(),Ba(2,"span",31),IS(3),vf(),Ba(4,"p3xr-ng-button",32),bv("click",function(t){return fm(e),JT(2).pageAction("next"),pm(t.stopPropagation())}),vf(),Ba(5,"p3xr-ng-button",33),bv("click",function(t){return fm(e),JT(2).pageAction("last"),pm(t.stopPropagation())}),vf();}if(i&2){let e=JT(2);In(3),Ov("",e.currentPage," / ",e.pages);}}function Be(i,d){i&1&&(Ba(0,"span"),IS(1," \xB7 "),vf());}function Ne(i,d){if(i&1&&(Ba(0,"span"),IS(1),vf(),no(2,Be,2,0,"span")),i&2){let e=d.$implicit,a=d.$index,t=d.$count,s=JT().$implicit;In(),Ov("",e,": ",s[e]),In(),ro(a!==t-1?2:-1);}}function Re(i,d){if(i&1&&(Ba(0,"mat-list-item")(1,"div",34)(2,"div",35)(3,"kbd",36),IS(4),vf()(),Ba(5,"div",37),HT(6,Ne,3,3,null,null,VT),vf()()(),hv(8,"mat-divider")),i&2){let e=d.$implicit,a=JT(2);In(4),Rv(e._key),In(2),UT(a.getDocKeys(e));}}function Ae(i,d){if(i&1&&(hv(0,"br"),Ba(1,"p3xr-ng-accordion",26)(2,"div",28),no(3,Le,6,2),vf(),Ba(4,"div",1)(5,"mat-list"),HT(6,Re,9,1,null,null,Ie),vf()()()),i&2){let e=JT();In(),pv("title",e.strings().page?.search?.results+" ("+e.total+")"),In(2),ro(e.pages>1?3:-1),In(3),UT(e.results);}}function De(i,d){if(i&1){let e=YT();Ba(0,"p3xr-ng-button",40),bv("click",function(t){return fm(e),JT(2).dropIndex(),pm(t.stopPropagation())}),vf();}if(i&2){let e=JT(2);pv("label",e.strings().page?.search?.dropIndex);}}function Oe(i,d){if(i&1&&(Ba(0,"mat-list-item")(1,"div",34)(2,"div",35),IS(3),vf(),Ba(4,"div",37),IS(5),FS(6,"json"),vf()()(),hv(7,"mat-divider")),i&2){let e=d.$implicit,a=JT(3);In(3),Rv(e),In(2),Rv(jS(6,2,a.indexInfo[e]));}}function je(i,d){if(i&1&&(Ba(0,"mat-list"),HT(1,Oe,8,4,null,null,VT),vf()),i&2){let e=JT(2);In(),UT(e.getDocKeys(e.indexInfo));}}function Ge(i,d){if(i&1&&(hv(0,"br"),Ba(1,"p3xr-ng-accordion",38)(2,"div",28),no(3,De,1,1,"p3xr-ng-button",39),vf(),Ba(4,"div",1),no(5,je,3,0,"mat-list"),vf()()),i&2){let e=JT();In(),pv("title",e.strings().page?.search?.indexInfo+": "+e.selectedIndex),In(2),ro(e.isReadonly?-1:3),In(2),ro(e.indexInfo?5:-1);}}function Ke(i,d){if(i&1){let e=YT();Ba(0,"div",46)(1,"mat-form-field",49)(2,"mat-label"),IS(3),vf(),Ba(4,"input",42),Lv("ngModelChange",function(t){let s=fm(e).$implicit;return AS(s.name,t)||(s.name=t),pm(t)}),vf(),Mx(),vf(),Ba(5,"div",50)(6,"mat-form-field",51)(7,"mat-label"),IS(8),vf(),Ba(9,"mat-select",52),Lv("valueChange",function(t){let s=fm(e).$implicit;return AS(s.type,t)||(s.type=t),pm(t)}),Ba(10,"mat-option",53),IS(11,"TEXT"),vf(),Ba(12,"mat-option",54),IS(13,"NUMERIC"),vf(),Ba(14,"mat-option",55),IS(15,"TAG"),vf(),Ba(16,"mat-option",56),IS(17,"GEO"),vf(),Ba(18,"mat-option",57),IS(19,"VECTOR"),vf()()(),Ba(20,"button",58),bv("click",function(){let t=fm(e).$index,s=JT(2);return pm(s.confirmRemoveField(t))}),Ba(21,"mat-icon"),IS(22,"remove"),vf()()()();}if(i&2){let e=d.$implicit,a=JT(2);In(3),Rv(a.strings().page?.search?.fieldName),In(),Fv("ngModel",e.name),Nx(),In(4),Rv(a.strings().label?.type),In(),Fv("value",e.type),In(11),pv("disabled",a.newIndexFields.length<=1);}}function He(i,d){if(i&1){let e=YT();Ba(0,"button",59),bv("click",function(){fm(e);let t=JT(2);return pm(t.createIndex())}),Ba(1,"mat-icon"),IS(2,"add"),vf(),Ba(3,"span"),IS(4),vf()();}if(i&2){let e=JT(2);pv("disabled",!e.newIndexName.trim()),In(4),Rv(e.strings().page?.search?.createIndex);}}function Xe(i,d){if(i&1){let e=YT();Ba(0,"button",60),bv("click",function(){fm(e);let t=JT(2);return pm(t.createIndex())}),Ba(1,"mat-icon"),IS(2,"add"),vf()();}if(i&2){let e=JT(2);pv("disabled",!e.newIndexName.trim())("matTooltip",e.strings().page?.search?.createIndex);}}function ze(i,d){if(i&1){let e=YT();hv(0,"br"),Ba(1,"p3xr-ng-accordion",41)(2,"div",1)(3,"div",2)(4,"mat-form-field",9)(5,"mat-label"),IS(6),vf(),Ba(7,"input",42),Lv("ngModelChange",function(t){fm(e);let s=JT();return AS(s.newIndexName,t)||(s.newIndexName=t),pm(t)}),vf(),Mx(),vf(),Ba(8,"mat-form-field",9)(9,"mat-label"),IS(10),vf(),Ba(11,"input",43),Lv("ngModelChange",function(t){fm(e);let s=JT();return AS(s.newIndexPrefix,t)||(s.newIndexPrefix=t),pm(t)}),vf(),Mx(),vf(),Ba(12,"div",44)(13,"strong"),IS(14,"Schema"),vf(),Ba(15,"button",45),bv("click",function(){fm(e);let t=JT();return pm(t.addField())}),Ba(16,"mat-icon"),IS(17,"add"),vf()()(),HT(18,Ke,23,5,"div",46,BT),Ba(20,"div",11),no(21,He,5,2,"button",47)(22,Xe,3,2,"button",48),vf()()()();}if(i&2){let e=JT();In(),pv("title",e.strings().page?.search?.createIndex),In(5),Rv(e.strings().page?.search?.indexName),In(),Fv("ngModel",e.newIndexName),Nx(),In(3),Rv(e.strings().page?.search?.prefix),In(),Fv("ngModel",e.newIndexPrefix),Nx(),In(7),UT(e.newIndexFields),In(3),ro(e.isGtSm?21:22);}}var Vt=(()=>{class i{i18n;socket;common;cdr;ngZone;breakpointObserver;state;overlay;strings;indexes=[];selectedIndex="";query="*";offset=0;limit=20;total=0;results=[];indexInfo=null;searching=false;searchDone=false;isReadonly=false;isGtSm=true;aiLoading=false;hybridMode=false;vectorField="";vectorValues="";vectorCount=10;newIndexName="";newIndexPrefix="";newIndexFields=[{name:"",type:"TEXT",sortable:false}];unsubs=[];constructor(e,a,t,s,be,we,ve,Se){this.i18n=e,this.socket=a,this.common=t,this.cdr=s,this.ngZone=be,this.breakpointObserver=we,this.state=ve,this.overlay=Se,this.strings=this.i18n.strings;}ngOnInit(){this.isReadonly=this.state.connection()?.readonly===true;let e=this.breakpointObserver.observe("(min-width: 960px)").subscribe(t=>{this.isGtSm=t.matches,this.cdr.markForCheck();});this.unsubs.push(()=>e.unsubscribe()),this.loadIndexes();let a=this.socket.stateChanged$.subscribe(()=>{this.isReadonly=this.state.connection()?.readonly===true,this.loadIndexes();});this.unsubs.push(()=>a.unsubscribe());}searchAndRefreshInfo(){return L(this,null,function*(){yield Promise.all([this.search(),this.loadIndexInfo()]);})}ngOnDestroy(){this.unsubs.forEach(e=>e());}get pages(){return Math.ceil(this.total/this.limit)}get currentPage(){return Math.floor(this.offset/this.limit)+1}loadIndexes(){return L(this,null,function*(){try{let e=yield this.socket.request({action:"search/list",payload:{}});this.indexes=e.data,this.indexes.length>0&&!this.selectedIndex&&(this.selectedIndex=this.indexes[0],this.loadIndexInfo()),this.cdr.markForCheck();}catch(e){}})}search(){return L(this,null,function*(){if(!(!this.selectedIndex||!this.query)){this.searching=true,this.cdr.markForCheck();try{let e;if(this.hybridMode&&this.vectorField&&this.vectorValues){let a=this.vectorValues.split(",").map(t=>parseFloat(t.trim())).filter(t=>!isNaN(t));e=yield this.socket.request({action:"search/hybrid",payload:{index:this.selectedIndex,query:this.query,vectorField:this.vectorField,vectorValues:a,count:this.vectorCount,offset:this.offset,limit:this.limit}});}else e=yield this.socket.request({action:"search/query",payload:{index:this.selectedIndex,query:this.query,offset:this.offset,limit:this.limit}});this.total=e.data.total,this.results=e.data.docs;}catch(e){this.common.generalHandleError(e),this.results=[],this.total=0;}finally{this.searching=false,this.searchDone=true,this.cdr.markForCheck();}}})}pageAction(e){switch(e){case "first":this.offset=0;break;case "prev":this.offset=Math.max(0,this.offset-this.limit);break;case "next":this.offset=Math.min((this.pages-1)*this.limit,this.offset+this.limit);break;case "last":this.offset=(this.pages-1)*this.limit;break}this.search();}loadIndexInfo(){return L(this,null,function*(){if(this.selectedIndex)try{let e=yield this.socket.request({action:"search/index-info",payload:{index:this.selectedIndex}});this.indexInfo=e.data,this.cdr.markForCheck();}catch(e){this.common.generalHandleError(e);}})}dropIndex(){return L(this,null,function*(){if(this.selectedIndex)try{yield this.common.confirm({message:this.strings().confirm?.dropIndex}),yield this.socket.request({action:"search/index-drop",payload:{index:this.selectedIndex}}),this.common.toast({message:this.strings().status?.indexDropped}),this.selectedIndex="",this.results=[],this.total=0,this.searchDone=!1,this.indexInfo=null,yield this.loadIndexes();}catch(e){e!==void 0&&this.common.generalHandleError(e);}})}addField(){this.newIndexFields.push({name:"",type:"TEXT",sortable:false});}confirmRemoveField(e){return L(this,null,function*(){try{let a=this.strings().intention?.delete;yield this.common.confirm({message:a+"?"}),this.newIndexFields.splice(e,1),this.newIndexFields=[...this.newIndexFields],this.cdr.markForCheck();}catch(a){a!==void 0&&this.common.generalHandleError(a);}})}createIndex(){return L(this,null,function*(){if(!this.newIndexName.trim())return;let e=this.newIndexFields.filter(a=>a.name.trim());if(e.length!==0)try{yield this.socket.request({action:"search/index-create",payload:{name:this.newIndexName.trim(),prefix:this.newIndexPrefix.trim()||void 0,schema:e}}),this.common.toast({message:this.strings().status?.indexCreated}),this.newIndexName="",this.newIndexPrefix="",this.newIndexFields=[{name:"",type:"TEXT",sortable:!1}],yield this.loadIndexes();}catch(a){this.common.generalHandleError(a);}})}handleSearchEnter(){return L(this,null,function*(){let e=(this.query||"").trim();if(/^ai:\s*/i.test(e)){yield this.handleAiQuery(e.replace(/^ai:\s*/i,"").trim());return}try{yield this.searchAndRefreshInfo();}catch(a){if(e.length>2&&e!=="*"&&/\s/.test(e)){this.overlay.show();try{yield this.handleAiQuery(e);}finally{this.overlay.hide();}}}})}handleAiQuery(e){return L(this,null,function*(){if(e){this.aiLoading=true,this.cdr.markForCheck();try{let a;this.selectedIndex&&this.indexInfo&&(a=this.indexInfo);let t=yield this.socket.request({action:"ai/redis-query",payload:{prompt:e,context:{indexes:this.indexes,schema:a}}});this.query=t.command||"*",t.explanation&&this.common.toast({message:t.explanation}),this.offset=0,yield this.searchAndRefreshInfo();}catch(a){this.common.generalHandleError(a);}finally{this.aiLoading=false,this.cdr.markForCheck();}}})}getDocKeys(e){return Object.keys(e).filter(a=>a!=="_key")}static \u0275fac=function(a){return new(a||i)(Xe$1(fQ),Xe$1(bi),Xe$1(It),Xe$1(uc),Xe$1(N),Xe$1(op),Xe$1(Q),Xe$1(_t))};static \u0275cmp=_e({type:i,selectors:[["p3xr-search"]],decls:9,vars:7,consts:[["accordionKey","search-query",3,"title"],["content",""],[1,"p3xr-padding"],[2,"opacity","0.5"],[2,"display","flex","align-items","center","gap","8px"],[1,"md-block",2,"flex","1"],[3,"valueChange","selectionChange","value"],[3,"value"],["mat-mini-fab","","matTooltipPosition","above",1,"btn-warn",3,"matTooltip"],[1,"md-block"],["matInput","",3,"ngModelChange","keydown.enter","ngModel","disabled"],[2,"margin-top","8px","text-align","right"],["mat-raised-button","","type","button",1,"btn-primary","p3xr-action-btn",3,"disabled"],["mat-mini-fab","","type","button","matTooltipPosition","above",1,"btn-primary",3,"disabled","matTooltip"],["mat-mini-fab","","matTooltipPosition","above",1,"btn-warn",3,"click","matTooltip"],[2,"display","flex","align-items","center","gap","8px","margin-bottom","8px"],["color","primary",3,"ngModelChange","ngModel"],[2,"display","flex","gap","8px","flex-wrap","wrap"],[2,"flex","1","min-width","150px"],["matInput","","placeholder","embedding",3,"ngModelChange","ngModel"],[2,"flex","2","min-width","200px"],["matInput","","placeholder","0.1, 0.2, 0.3, ...",3,"ngModelChange","ngModel"],[2,"width","80px"],["matInput","","type","number",3,"ngModelChange","ngModel"],["mat-raised-button","","type","button",1,"btn-primary","p3xr-action-btn",3,"click","disabled"],["mat-mini-fab","","type","button","matTooltipPosition","above",1,"btn-primary",3,"click","disabled","matTooltip"],["accordionKey","search-results",3,"title"],[2,"padding","16px","opacity","0.5"],["actions",""],["label","","mdIcon","skip_previous",3,"click"],["label","","mdIcon","keyboard_arrow_left",3,"click"],[2,"font-size","12px","opacity","0.7"],["label","","mdIcon","keyboard_arrow_right",3,"click"],["label","","mdIcon","skip_next",3,"click"],[1,"p3xr-settings-pair-row"],[1,"p3xr-settings-row-label"],[1,"p3xr-kbd","p3xr-kbd-small"],[1,"p3xr-settings-row-value","p3xr-mono",2,"font-size","12px"],["accordionKey","search-index-info",3,"title"],["mdIcon","delete",3,"label"],["mdIcon","delete",3,"click","label"],["accordionKey","search-create-index",3,"title"],["matInput","",3,"ngModelChange","ngModel"],["matInput","","placeholder","e.g. doc:",3,"ngModelChange","ngModel"],[2,"display","flex","align-items","center","gap","8px","margin","8px 0"],["mat-mini-fab","","type","button",1,"btn-primary",3,"click"],[1,"p3xr-search-schema-row"],["mat-raised-button","","type","button",1,"btn-accent","p3xr-action-btn",3,"disabled"],["mat-mini-fab","","type","button","matTooltipPosition","above",1,"btn-accent",3,"disabled","matTooltip"],[2,"flex","1"],[1,"p3xr-search-schema-type-row"],[2,"width","130px"],[3,"valueChange","value"],["value","TEXT"],["value","NUMERIC"],["value","TAG"],["value","GEO"],["value","VECTOR"],["mat-mini-fab","","type","button",1,"btn-warn",3,"click","disabled"],["mat-raised-button","","type","button",1,"btn-accent","p3xr-action-btn",3,"click","disabled"],["mat-mini-fab","","type","button","matTooltipPosition","above",1,"btn-accent",3,"click","disabled","matTooltip"]],template:function(a,t){a&1&&(Ba(0,"p3xr-ng-accordion",0)(1,"div",1)(2,"div",2),no(3,ke,2,1,"div",3),no(4,We,16,8),vf()()(),no(5,qe,5,2),no(6,Ae,8,2),no(7,Ge,6,3),no(8,ze,23,6)),a&2&&(pv("title",t.strings().page?.search?.title),In(3),ro(t.indexes.length===0?3:-1),In(),ro(t.indexes.length>0?4:-1),In(),ro(t.searchDone&&t.total===0?5:-1),In(),ro(t.results.length>0||t.total>0?6:-1),In(),ro(t.selectedIndex&&t.indexInfo?7:-1),In(),ro(t.isReadonly?-1:8));},dependencies:[mb,jn,He$1,rn,On,tn,yt,wt,aY,iY,sY,Qt,gt,f,u,Yt,Wt,Zt,Lt,qe$1,q,Rt,q$1,Ut,Ve$1,Be$1,we,te,X,lt,PM],styles:[`:host{display:block;color:var(--mat-app-text-color, inherit)}.md-block{width:100%}.p3xr-search-result-item{width:100%;padding:4px 0}.p3xr-search-result-key{margin-bottom:4px}.p3xr-search-result-fields{display:flex;flex-wrap:wrap;gap:4px 16px}.p3xr-search-result-field{font-size:13px}.p3xr-search-field-name{font-weight:600;opacity:.6;margin-right:4px}.p3xr-search-field-value{font-family:Roboto Mono,monospace;font-size:12px}.p3xr-search-schema-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.p3xr-search-schema-type-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.p3xr-search-schema-type-row .mat-mdc-fab-base{margin-bottom:20px}@media(max-width:599px){.p3xr-search-schema-row{flex-wrap:wrap}.p3xr-search-schema-row>mat-form-field{width:100%!important;flex:1 1 100%!important}.p3xr-search-schema-type-row{flex:1}.p3xr-search-schema-type-row mat-form-field{flex:1;width:auto!important}} `],encapsulation:2})}return i})();export{Vt as SearchComponent};