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 (1 loc) • 3.08 kB
JavaScript
import{c as et,d as it}from"./chunk-5ONGW7JF.js";import{a as j,b as q,i as L,j as N}from"./chunk-AN3YSLKY.js";import"./chunk-6J2GCUHA.js";import{b as H,f as J,j as K,t as Q,v as U}from"./chunk-ICUC3WIE.js";import{a as tt}from"./chunk-R73GSFUT.js";import{b as G,c as z,d as Z,e as $}from"./chunk-VMTBY4VN.js";import{b as X,c as Y}from"./chunk-HFDIHHHN.js";import{a as F,b as O,d as R,e as W,f as A,g as V}from"./chunk-7JNYLOAK.js";import{Bb as r,Cb as s,Da as p,Db as k,Hb as T,Ia as v,Ib as y,Jb as I,Jc as S,Ld as E,Nd as P,Pd as B,Xa as f,Ya as g,Zb as w,ba as C,bb as _,ca as b,cb as e,db as i,jb as h,lb as c,nb as M,oc as x,xa as n,xb as D}from"./chunk-KQUCMSSK.js";import"./chunk-FCVD6SGJ.js";import"./chunk-O7S4L63H.js";function nt(o,ot){if(o&1&&(e(0,"mat-error"),r(1),i()),o&2){let a=M();n(),k("",a.data.placeholder," is required")}}function at(o,ot){if(o&1&&(e(0,"span"),r(1),i()),o&2){let a=M();n(),s(a.data.okButton)}}var St=(()=>{class o{data;dialogRef;breakpointObserver;cdr;value;isWide=!0;constructor(a,l,t,m){this.data=a,this.dialogRef=l,this.breakpointObserver=t,this.cdr=m,this.value=a.initialValue||"",this.breakpointObserver.observe("(min-width: 600px)").subscribe(d=>{this.isWide=d.matches,this.cdr.markForCheck()})}onOk(){this.value?.trim()&&this.dialogRef.close(this.value)}onCancel(){this.dialogRef.close(void 0)}static \u0275fac=function(l){return new(l||o)(p(O),p(F),p(S),p(w))};static \u0275cmp=v({type:o,selectors:[["p3xr-prompt-dialog"]],decls:19,vars:9,consts:[["inputField","ngModel"],[1,"p3xr-dialog-toolbar","p3xr-mat-layout-strong"],["mat-dialog-title","",1,"p3xr-dialog-title"],["mat-icon-button","","type","button",3,"click"],[1,"p3xr-dialog-content"],[1,"full-width"],["matInput","","required","",3,"ngModelChange","keydown.enter","ngModel"],[1,"p3xr-dialog-actions"],[3,"cancel","label"],["mat-raised-button","","type","button",1,"btn-primary",3,"click","disabled","matTooltip","matTooltipDisabled"]],template:function(l,t){if(l&1){let m=h();e(0,"mat-toolbar",1)(1,"span",2),r(2),i(),e(3,"button",3),c("click",function(){return t.onCancel()}),e(4,"mat-icon"),r(5,"close"),i()()(),e(6,"mat-dialog-content",4)(7,"mat-form-field",5)(8,"mat-label"),r(9),i(),e(10,"input",6,0),I("ngModelChange",function(u){return C(m),y(t.value,u)||(t.value=u),b(u)}),c("keydown.enter",function(){return t.onOk()}),i(),f(12,nt,2,1,"mat-error"),i()(),e(13,"mat-dialog-actions",7)(14,"p3xr-dialog-cancel",8),c("cancel",function(){return t.onCancel()}),i(),e(15,"button",9),c("click",function(){return t.onOk()}),e(16,"mat-icon"),r(17,"done"),i(),f(18,at,2,1,"span"),i()()}if(l&2){let m=D(11);n(2),s(t.data.title),n(7),s(t.data.placeholder),n(),T("ngModel",t.value),n(2),g(m.invalid&&m.touched?12:-1),n(2),_("label",t.data.cancelButton),n(),_("disabled",!(t.value!=null&&t.value.trim()))("matTooltip",t.data.okButton)("matTooltipDisabled",t.isWide),n(3),g(t.isWide?18:-1)}},dependencies:[x,U,H,J,Q,K,V,R,A,W,N,L,j,q,it,et,B,P,E,Y,X,$,Z,z,G,tt],styles:[".full-width[_ngcontent-%COMP%]{width:100%;min-width:0}"]})}return o})();export{St as PromptDialogComponent};