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

3 lines (2 loc) • 19.8 kB
import{a as ge}from"./chunk-5MKOZDXN.js";import{a as pe}from"./chunk-IKY2Z6UX.js";import{a as ee,b as te,c as ie}from"./chunk-G3XOKGOC.js";import{a as Y,b as $}from"./chunk-2IWVZCK2.js";import{a as he,c as fe}from"./chunk-MRCYIS6U.js";import"./chunk-NBRXTOBF.js";import{d as ue}from"./chunk-6XGY3Q2Y.js";import"./chunk-HWCHBMC4.js";import"./chunk-CVKYB7DC.js";import{a as _e,b as xe}from"./chunk-X6LMH7OB.js";import"./chunk-IXQONZ5Z.js";import{a as le,c as se}from"./chunk-VQTCYUQY.js";import{e as me}from"./chunk-TKRAWHQA.js";import{b as re}from"./chunk-W32HPWBA.js";import{c as ce,d as de}from"./chunk-MDGU2XDP.js";import{a as j,i as G,j as K}from"./chunk-JCH63A4N.js";import"./chunk-NZJKKTDQ.js";import{b as z,f as Q,j as Z,l as U,v as J}from"./chunk-5LJPHUK2.js";import"./chunk-YA4NX3C4.js";import{b as H,c as X}from"./chunk-53CQV6LZ.js";import{b as ne,c as oe}from"./chunk-4GIODJCK.js";import"./chunk-PFG3GPGC.js";import{$a as I,Bb as c,Cb as _,Da as v,Db as P,Eb as T,Hb as C,Ia as V,Ib as y,Jb as b,Jc as R,Nb as W,Nd as A,Ob as q,Od as D,Pd as O,Rd as ae,Xa as x,Ya as u,Za as F,Zb as L,_a as M,ab as k,ba as m,bb as h,ca as p,cb as o,db as a,eb as S,jb as g,ka as E,lb as f,mc as B,nb as s,oc as N,xa as l}from"./chunk-MHKTEXY5.js";import"./chunk-ENGD2CVB.js";import{h as w}from"./chunk-O7S4L63H.js";var ve=(n,d)=>d._key;function Se(n,d){if(n&1&&(o(0,"div",3),c(1),a()),n&2){let e,i=s();l(),_((e=i.strings().page)==null||e.search==null?null:e.search.noIndex)}}function Ie(n,d){if(n&1&&(o(0,"mat-option",7),c(1),a()),n&2){let e=d.$implicit;h("value",e),l(),_(e)}}function ke(n,d){if(n&1){let e=g();o(0,"button",14),f("click",function(){m(e);let t=s(2);return p(t.dropIndex())}),o(1,"mat-icon"),c(2,"delete"),a()()}if(n&2){let e,i=s(2);h("matTooltip",(e=i.strings().page)==null||e.search==null?null:e.search.dropIndex)}}function Me(n,d){if(n&1){let e=g();o(0,"div",17)(1,"mat-form-field",18)(2,"mat-label"),c(3),a(),o(4,"input",19),b("ngModelChange",function(t){m(e);let r=s(3);return y(r.vectorField,t)||(r.vectorField=t),p(t)}),a()(),o(5,"mat-form-field",20)(6,"mat-label"),c(7),a(),o(8,"input",21),b("ngModelChange",function(t){m(e);let r=s(3);return y(r.vectorValues,t)||(r.vectorValues=t),p(t)}),a()(),o(9,"mat-form-field",22)(10,"mat-label"),c(11,"Count"),a(),o(12,"input",23),b("ngModelChange",function(t){m(e);let r=s(3);return y(r.vectorCount,t)||(r.vectorCount=t),p(t)}),a()()()}if(n&2){let e,i,t=s(3);l(3),_((e=t.strings().page)==null||e.search==null?null:e.search.vectorField),l(),C("ngModel",t.vectorField),l(3),_((i=t.strings().page)==null||i.search==null?null:i.search.vectorValues),l(),C("ngModel",t.vectorValues),l(4),C("ngModel",t.vectorCount)}}function Te(n,d){if(n&1){let e=g();o(0,"div",15)(1,"mat-slide-toggle",16),b("ngModelChange",function(t){m(e);let r=s(2);return y(r.hybridMode,t)||(r.hybridMode=t),p(t)}),c(2),a()(),x(3,Me,13,5,"div",17)}if(n&2){let e,i=s(2);l(),C("ngModel",i.hybridMode),l(),P(" ",(e=i.strings().page)==null||e.search==null?null:e.search.hybridMode," "),l(),u(i.hybridMode?3:-1)}}function Ee(n,d){if(n&1){let e=g();o(0,"button",24),f("click",function(){m(e);let t=s(2);return p(t.handleSearchEnter())}),o(1,"mat-icon"),c(2,"search"),a(),o(3,"span"),c(4),a()()}if(n&2){let e,i=s(2);h("disabled",i.aiLoading),l(4),_(i.aiLoading?(e=i.strings().label)==null?null:e.aiTranslating:(e=i.strings().page)==null||e.search==null?null:e.search.title)}}function Ve(n,d){if(n&1){let e=g();o(0,"button",25),f("click",function(){m(e);let t=s(2);return p(t.handleSearchEnter())}),o(1,"mat-icon"),c(2,"search"),a()()}if(n&2){let e,i=s(2);h("disabled",i.aiLoading)("matTooltip",(e=i.strings().page)==null||e.search==null?null:e.search.title)}}function Fe(n,d){if(n&1){let e=g();o(0,"div",4)(1,"mat-form-field",5)(2,"mat-label"),c(3),a(),o(4,"mat-select",6),b("valueChange",function(t){m(e);let r=s();return y(r.selectedIndex,t)||(r.selectedIndex=t),p(t)}),f("selectionChange",function(){m(e);let t=s();return t.offset=0,t.indexInfo=null,p(t.loadIndexInfo())}),I(5,Ie,2,2,"mat-option",7,M),a()(),x(7,ke,3,1,"button",8),a(),o(8,"mat-form-field",9)(9,"mat-label"),c(10),a(),o(11,"input",10),b("ngModelChange",function(t){m(e);let r=s();return y(r.query,t)||(r.query=t),p(t)}),f("keydown.enter",function(){m(e);let t=s();return t.offset=0,p(t.handleSearchEnter())}),a()(),x(12,Te,4,3),o(13,"div",11),x(14,Ee,5,2,"button",12)(15,Ve,3,2,"button",13),a()}if(n&2){let e,i,t=s();l(3),_((e=t.strings().page)==null||e.search==null?null:e.search.index),l(),C("value",t.selectedIndex),l(),k(t.indexes),l(2),u(!t.isReadonly&&t.selectedIndex?7:-1),l(3),_((i=t.strings().page)==null||i.search==null?null:i.search.query),l(),C("ngModel",t.query),h("disabled",t.aiLoading),l(),u(t.state.redisVersion().isAtLeast(8,4)?12:-1),l(2),u(t.isGtSm?14:15)}}function Pe(n,d){if(n&1&&(S(0,"br"),o(1,"p3xr-ng-accordion",26)(2,"div",1)(3,"div",27),c(4),a()()()),n&2){let e,i,t=s();l(),h("title",((e=t.strings().page)==null||e.search==null?null:e.search.results)+" (0)"),l(3),_((i=t.strings().label)==null?null:i.noResults)}}function We(n,d){if(n&1){let e=g();o(0,"p3xr-ng-button",29),f("click",function(t){return m(e),s(2).pageAction("first"),p(t.stopPropagation())}),a(),o(1,"p3xr-ng-button",30),f("click",function(t){return m(e),s(2).pageAction("prev"),p(t.stopPropagation())}),a(),o(2,"span",31),c(3),a(),o(4,"p3xr-ng-button",32),f("click",function(t){return m(e),s(2).pageAction("next"),p(t.stopPropagation())}),a(),o(5,"p3xr-ng-button",33),f("click",function(t){return m(e),s(2).pageAction("last"),p(t.stopPropagation())}),a()}if(n&2){let e=s(2);l(3),T("",e.currentPage," / ",e.pages)}}function qe(n,d){n&1&&(o(0,"span"),c(1," \xB7 "),a())}function Le(n,d){if(n&1&&(o(0,"span"),c(1),a(),x(2,qe,2,0,"span")),n&2){let e=d.$implicit,i=d.$index,t=d.$count,r=s().$implicit;l(),T("",e,": ",r[e]),l(),u(i!==t-1?2:-1)}}function Be(n,d){if(n&1&&(o(0,"mat-list-item")(1,"div",34)(2,"div",35)(3,"kbd",36),c(4),a()(),o(5,"div",37),I(6,Le,3,3,null,null,M),a()()(),S(8,"mat-divider")),n&2){let e=d.$implicit,i=s(2);l(4),_(e._key),l(2),k(i.getDocKeys(e))}}function Ne(n,d){if(n&1&&(S(0,"br"),o(1,"p3xr-ng-accordion",26)(2,"div",28),x(3,We,6,2),a(),o(4,"div",1)(5,"mat-list"),I(6,Be,9,1,null,null,ve),a()()()),n&2){let e,i=s();l(),h("title",((e=i.strings().page)==null||e.search==null?null:e.search.results)+" ("+i.total+")"),l(2),u(i.pages>1?3:-1),l(3),k(i.results)}}function Re(n,d){if(n&1){let e=g();o(0,"p3xr-ng-button",40),f("click",function(t){return m(e),s(2).dropIndex(),p(t.stopPropagation())}),a()}if(n&2){let e,i=s(2);h("label",(e=i.strings().page)==null||e.search==null?null:e.search.dropIndex)}}function Ae(n,d){if(n&1&&(o(0,"mat-list-item")(1,"div",34)(2,"div",35),c(3),a(),o(4,"div",37),c(5),W(6,"json"),a()()(),S(7,"mat-divider")),n&2){let e=d.$implicit,i=s(3);l(3),_(e),l(2),_(q(6,2,i.indexInfo[e]))}}function De(n,d){if(n&1&&(o(0,"mat-list"),I(1,Ae,8,4,null,null,M),a()),n&2){let e=s(2);l(),k(e.getDocKeys(e.indexInfo))}}function Oe(n,d){if(n&1&&(S(0,"br"),o(1,"p3xr-ng-accordion",38)(2,"div",28),x(3,Re,1,1,"p3xr-ng-button",39),a(),o(4,"div",1),x(5,De,3,0,"mat-list"),a()()),n&2){let e,i=s();l(),h("title",((e=i.strings().page)==null||e.search==null?null:e.search.indexInfo)+": "+i.selectedIndex),l(2),u(i.isReadonly?-1:3),l(2),u(i.indexInfo?5:-1)}}function je(n,d){if(n&1){let e=g();o(0,"div",46)(1,"mat-form-field",49)(2,"mat-label"),c(3),a(),o(4,"input",42),b("ngModelChange",function(t){let r=m(e).$implicit;return y(r.name,t)||(r.name=t),p(t)}),a()(),o(5,"div",50)(6,"mat-form-field",51)(7,"mat-label"),c(8),a(),o(9,"mat-select",52),b("valueChange",function(t){let r=m(e).$implicit;return y(r.type,t)||(r.type=t),p(t)}),o(10,"mat-option",53),c(11,"TEXT"),a(),o(12,"mat-option",54),c(13,"NUMERIC"),a(),o(14,"mat-option",55),c(15,"TAG"),a(),o(16,"mat-option",56),c(17,"GEO"),a(),o(18,"mat-option",57),c(19,"VECTOR"),a()()(),o(20,"button",58),f("click",function(){let t=m(e).$index,r=s(2);return p(r.confirmRemoveField(t))}),o(21,"mat-icon"),c(22,"remove"),a()()()()}if(n&2){let e,i,t=d.$implicit,r=s(2);l(3),_((e=r.strings().page)==null||e.search==null?null:e.search.fieldName),l(),C("ngModel",t.name),l(4),_((i=r.strings().label)==null?null:i.type),l(),C("value",t.type),l(11),h("disabled",r.newIndexFields.length<=1)}}function Ge(n,d){if(n&1){let e=g();o(0,"button",59),f("click",function(){m(e);let t=s(2);return p(t.createIndex())}),o(1,"mat-icon"),c(2,"add"),a(),o(3,"span"),c(4),a()()}if(n&2){let e,i=s(2);h("disabled",!i.newIndexName.trim()),l(4),_((e=i.strings().page)==null||e.search==null?null:e.search.createIndex)}}function Ke(n,d){if(n&1){let e=g();o(0,"button",60),f("click",function(){m(e);let t=s(2);return p(t.createIndex())}),o(1,"mat-icon"),c(2,"add"),a()()}if(n&2){let e,i=s(2);h("disabled",!i.newIndexName.trim())("matTooltip",(e=i.strings().page)==null||e.search==null?null:e.search.createIndex)}}function He(n,d){if(n&1){let e=g();S(0,"br"),o(1,"p3xr-ng-accordion",41)(2,"div",1)(3,"div",2)(4,"mat-form-field",9)(5,"mat-label"),c(6),a(),o(7,"input",42),b("ngModelChange",function(t){m(e);let r=s();return y(r.newIndexName,t)||(r.newIndexName=t),p(t)}),a()(),o(8,"mat-form-field",9)(9,"mat-label"),c(10),a(),o(11,"input",43),b("ngModelChange",function(t){m(e);let r=s();return y(r.newIndexPrefix,t)||(r.newIndexPrefix=t),p(t)}),a()(),o(12,"div",44)(13,"strong"),c(14,"Schema"),a(),o(15,"button",45),f("click",function(){m(e);let t=s();return p(t.addField())}),o(16,"mat-icon"),c(17,"add"),a()()(),I(18,je,23,5,"div",46,F),o(20,"div",11),x(21,Ge,5,2,"button",47)(22,Ke,3,2,"button",48),a()()()()}if(n&2){let e,i,t,r=s();l(),h("title",(e=r.strings().page)==null||e.search==null?null:e.search.createIndex),l(5),_((i=r.strings().page)==null||i.search==null?null:i.search.indexName),l(),C("ngModel",r.newIndexName),l(3),_((t=r.strings().page)==null||t.search==null?null:t.search.prefix),l(),C("ngModel",r.newIndexPrefix),l(7),k(r.newIndexFields),l(3),u(r.isGtSm?21:22)}}var Tt=(()=>{class n{i18n;socket;common;cdr;ngZone;breakpointObserver;state;overlay;strings;indexes=[];selectedIndex="";query="*";offset=0;limit=20;total=0;results=[];indexInfo=null;searching=!1;searchDone=!1;isReadonly=!1;isGtSm=!0;aiLoading=!1;hybridMode=!1;vectorField="";vectorValues="";vectorCount=10;newIndexName="";newIndexPrefix="";newIndexFields=[{name:"",type:"TEXT",sortable:!1}];unsubs=[];constructor(e,i,t,r,Ce,ye,be,we){this.i18n=e,this.socket=i,this.common=t,this.cdr=r,this.ngZone=Ce,this.breakpointObserver=ye,this.state=be,this.overlay=we,this.strings=this.i18n.strings}ngOnInit(){this.isReadonly=this.state.connection()?.readonly===!0;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 i=this.socket.stateChanged$.subscribe(()=>{this.isReadonly=this.state.connection()?.readonly===!0,this.loadIndexes()});this.unsubs.push(()=>i.unsubscribe())}searchAndRefreshInfo(){return w(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 w(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 w(this,null,function*(){if(!(!this.selectedIndex||!this.query)){this.searching=!0,this.cdr.markForCheck();try{let e;if(this.hybridMode&&this.vectorField&&this.vectorValues){let i=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:i,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=!1,this.searchDone=!0,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 w(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 w(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:!1})}confirmRemoveField(e){return w(this,null,function*(){try{let i=this.strings().intention?.delete;yield this.common.confirm({message:i+"?"}),this.newIndexFields.splice(e,1),this.newIndexFields=[...this.newIndexFields],this.cdr.markForCheck()}catch(i){i!==void 0&&this.common.generalHandleError(i)}})}createIndex(){return w(this,null,function*(){if(!this.newIndexName.trim())return;let e=this.newIndexFields.filter(i=>i.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(i){this.common.generalHandleError(i)}})}handleSearchEnter(){return w(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(i){if(e.length>2&&e!=="*"&&/\s/.test(e)){this.overlay.show();try{yield this.handleAiQuery(e)}finally{this.overlay.hide()}}}})}handleAiQuery(e){return w(this,null,function*(){if(e){this.aiLoading=!0,this.cdr.markForCheck();try{let i;this.selectedIndex&&this.indexInfo&&(i=this.indexInfo);let t=yield this.socket.request({action:"ai/redis-query",payload:{prompt:e,context:{indexes:this.indexes,schema:i}}});this.query=t.command||"*",t.explanation&&this.common.toast({message:t.explanation}),this.offset=0,yield this.searchAndRefreshInfo()}catch(i){this.common.generalHandleError(i)}finally{this.aiLoading=!1,this.cdr.markForCheck()}}})}getDocKeys(e){return Object.keys(e).filter(i=>i!=="_key")}static \u0275fac=function(i){return new(i||n)(v(ae),v(se),v(me),v(L),v(E),v(R),v(re),v(le))};static \u0275cmp=V({type:n,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(i,t){if(i&1&&(o(0,"p3xr-ng-accordion",0)(1,"div",1)(2,"div",2),x(3,Se,2,1,"div",3),x(4,Fe,16,8),a()()(),x(5,Pe,5,2),x(6,Ne,8,2),x(7,Oe,6,3),x(8,He,23,6)),i&2){let r;h("title",(r=t.strings().page)==null||r.search==null?null:r.search.title),l(3),u(t.indexes.length===0?3:-1),l(),u(t.indexes.length>0?4:-1),l(),u(t.searchDone&&t.total===0?5:-1),l(),u(t.results.length>0||t.total>0?6:-1),l(),u(t.selectedIndex&&t.indexInfo?7:-1),l(),u(t.isReadonly?-1:8)}},dependencies:[N,J,z,U,Q,Z,oe,ne,O,A,D,X,H,$,Y,ie,ee,te,fe,G,j,he,ue,K,de,ce,xe,_e,pe,ge,B],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,changeDetection:0})}return n})();export{Tt as SearchComponent};