(self.webpackJsonpworkbench=self.webpackJsonpworkbench||[]).push([[471],{8471(e,t,n){n.d(t,{UxTestPageComponent:()=>k});var r=n(4604),o=n(7154),s=n(936),a=n(483),i=n(9100),l=n(4877),c=n(3306),u=n(1705),p=n(8783),d=n(6556),g=n(9464),b=n(8817),h=n(456),m=n(3828),v=n(8546),f=n(5745);let k=(()=>{var e;class t{constructor(){this.confirmationService=(0,r.WQX)(m.td),this.messageService=(0,r.WQX)(m.bg),this.fb=(0,r.WQX)(s.ok),this.subscriptions=new o.SubscriptionList,this.checked=!0,this.progressValue=40,this.error=!1,this.loginForm=this.fb.group({username:["",s.k0.required],password:["",s.k0.required]})}confirm1(e){this.confirmationService.confirm({target:e.target,message:"Do you want to delete this record?",header:"Confirm",rejectButtonProps:{label:"Cancel button",severity:"secondary"},acceptButtonProps:{label:"Delete button",severity:"primary"},accept:()=>{this.messageService.add({severity:"info",summary:"Confirmed",detail:"Record deleted"})},reject:()=>{this.messageService.add({severity:"error",summary:"Rejected",detail:"You have rejected"})}})}ngOnDestroy(){this.subscriptions.unsubscribeAll()}static#e=e=()=>(this.ɵfac=function(e){return new(e||t)},this.ɵcmp=f.VBU({type:t,selectors:[["app-ux-test"]],hostAttrs:[1,"login-page-route"],features:[f.Jv_([m.td,m.bg])],decls:36,vars:7,consts:[["label","Check"],["severity","secondary","label","Check"],["label","Success","severity","success"],["label","Info","severity","info"],["label","Warn","severity","warn"],["label","Help","severity","help"],["label","Danger","severity","danger"],["label","Contrast","severity","contrast"],["severity","contrast","icon","ri-information-2-line"],[3,"ngModelChange","ngModel","binary"],["pInputText","","type","text","pSize","small","placeholder","Small",3,"ngModelChange","ngModel"],["pInputText","","type","text","placeholder","Normal",3,"ngModelChange","ngModel"],["pInputText","","type","text","pSize","large","placeholder","Large",3,"ngModelChange","ngModel"],[3,"value"],[1,"card","flex","justify-center","gap-2"],["label","Save",3,"click"],["label","Delete","severity","danger",3,"click"]],template:function(e,t){1&e&&(f.nrm(0,"hr"),f.j41(1,"div"),f.EFF(2,"Buttons:"),f.k0s(),f.nrm(3,"p-button",0)(4,"p-button",1)(5,"p-button",2)(6,"p-button",3)(7,"p-button",4)(8,"p-button",5)(9,"p-button",6)(10,"p-button",7)(11,"p-button",8)(12,"hr"),f.j41(13,"div"),f.EFF(14,"Checkbox"),f.k0s(),f.j41(15,"p-checkbox",9),f.mxI("ngModelChange",function(e){return f.DH7(t.checked,e)||(t.checked=e),e}),f.k0s(),f.nrm(16,"hr"),f.j41(17,"div"),f.EFF(18,"InputText"),f.k0s(),f.j41(19,"input",10),f.mxI("ngModelChange",function(e){return f.DH7(t.value1,e)||(t.value1=e),e}),f.k0s(),f.nrm(20,"br"),f.j41(21,"input",11),f.mxI("ngModelChange",function(e){return f.DH7(t.value2,e)||(t.value2=e),e}),f.k0s(),f.nrm(22,"br"),f.j41(23,"input",12),f.mxI("ngModelChange",function(e){return f.DH7(t.value3,e)||(t.value3=e),e}),f.k0s(),f.nrm(24,"hr"),f.j41(25,"div"),f.EFF(26,"Progressbar"),f.k0s(),f.nrm(27,"p-progressbar",13)(28,"hr"),f.j41(29,"div"),f.EFF(30,"Confirmation dialog"),f.k0s(),f.j41(31,"div",14),f.nrm(32,"p-toast")(33,"p-confirmdialog"),f.j41(34,"p-button",15),f.bIt("click",function(e){return t.confirm1(e)}),f.k0s(),f.j41(35,"p-button",16),f.bIt("click",function(e){return t.confirm1(e)}),f.k0s()()),2&e&&(f.R7$(15),f.R50("ngModel",t.checked),f.Y8G("binary",!0),f.R7$(4),f.R50("ngModel",t.value1),f.R7$(2),f.R50("ngModel",t.value2),f.R7$(2),f.R50("ngModel",t.value3),f.R7$(4),f.Y8G("value",t.progressValue),f.BMQ("aria-label","Loading progress"))},dependencies:[s.X1,s.me,s.BC,a.MD,i.tm,i.$n,l.um,l.Sm,s.YN,s.vS,c.q4,c.Sc,u.AB,p.yx,d.JB,g.mE,b.FP,b.TM,h.MB,h.y8,v.dD,v.z2],encapsulation:2}))}return e(),t})()}}]);