https://hjn-training.web.app/chunk-QUFX3IRM.js

1import{b as me,c as le}from"./chunk-SCNCZ6ZS.js";import{b as D,c as P}from"./chunk-5VRSLL2X.js";import{a as S,b as x,c as C,d as ae,e as ne,h as b,i as v}from"./chunk-SI3P37V5.js";import"./chunk-4N6BO7AP.js";import{a as V,b as k}from"./chunk-U6SZDGLV.js";import{B as T,C as N,c as M,e as s,h as g,i as F,k as I,l as w,m as re,n as _,p as y}from"./chunk-M6ZX737V.js";import{a as Z,b as $,d as ee,g as te,o as ie}from"./chunk-X6EOYJZO.js";import{h as X,j as Y}from"./chunk-QEP2SDJ4.js";import{h as Q}from"./chunk-7BMW3OWS.js";import"./chunk-K2M2MZKV.js";import"./chunk-63HYX77E.js";import{Da as A,Ea as B,Gb as c,Jb as h,Pb as d,Tb as e,Ub as t,Vb as a,Zb as z,ac as j,cc as U,lc as H,mc as i,nb as l,oc as W,sa as f,sc as J,tc as K,uc as O,wc as E}from"./chunk-R6GRCYPD.js";import"./chunk-GRMIXZTT.js";function fe(r,n){r&1&&(e(0,"mat-error"),i(1,"Please enter a valid email address"),t())}function he(r,n){r&1&&(e(0,"mat-error"),i(1,"Email is "),e(2,"strong"),i(3,"required"),t()())}var G=class{isErrorState(n,u){let p=u&&u.submitted;return!!(n&&n.invalid&&(n.dirty||n.touched||p))}},oe=(()=>{let n=class n{constructor(){this.emailFormControl=new w("",[s.required,s.email]),this.matcher=new G}};n.\u0275fac=function(o){return new(o||n)},n.\u0275cmp=f({type:n,selectors:[["app-custom-errorstatematcher"]],standalone:!0,features:[E],decls:10,vars:4,consts:[["name","edit-3"],["type","email","matInput","","placeholder","Ex. [email protected]",3,"formControl","errorStateMatcher"]],template:function(o,m){o&1&&(e(0,"form")(1,"mat-form-field"),a(2,"i-feather",0),e(3,"mat-label"),i(4,"Email"),t(),a(5,"input",1),e(6,"mat-hint"),i(7,"Errors appear instantly!"),t(),c(8,fe,2,0,"mat-error")(9,he,4,0,"mat-error"),t()()),o&2&&(l(5),h("formControl",m.emailFormControl)("errorStateMatcher",m.matcher),l(3),d(8,m.emailFormControl.hasError("email")&&!m.emailFormControl.hasError("required")?8:-1),l(),d(9,m.emailFormControl.hasError("required")?9:-1))},dependencies:[T,_,M,g,F,I,v,b,S,C,x,P,D,N,y,k,V]});let r=n;return r})();function Ee(r,n){r&1&&(e(0,"mat-error"),i(1,"Please enter a valid email address"),t())}function Se(r,n){r&1&&(e(0,"mat-error"),i(1,"Email is "),e(2,"strong"),i(3,"required"),t()())}function xe(r,n){if(r&1){let u=z();e(0,"button",35),j("click",function(){A(u);let o=U();return B(o.value="")}),e(1,"mat-icon"),i(2,"close"),t()()}}var Le=(()=>{let n=class n{constructor(){this.value="Clear me",this.emailFormControl=new w("",[s.required,s.email])}};n.\u0275fac=function(o){return new(o||n)},n.\u0275cmp=f({type:n,selectors:[["app-input"]],standalone:!0,features:[E],decls:163,vars:7,consts:[["message",""],["postalCode",""],[1,"breadcrumb-card","mb-25","d-md-flex","align-items-center","justify-content-between"],[1,"mb-0"],[1,"breadcrumb","list-unstyled","mt-0","mb-0","pl-0"],[1,"breadcrumb-item","position-relative"],["routerLink","/",1,"d-inline-block","position-relative"],[1,"ri-home-8-line"],[1,"row"],[1,"col-lg-6"],[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],["name","edit-3"],["matInput","","placeholder","Ex. Pizza","placeholder","Sushi"],["matInput","","placeholder","Ex. Pizza","value","Sushi"],[1,"textarea"],["matInput","","placeholder","Ex. It makes me feel..."],["type","email","matInput","","placeholder","Ex. [email protected]",3,"formControl"],[1,"trinta-card","inputs-with-ps-card","mb-25","bg-white","border-none","d-block"],["matTextPrefix",""],["type","tel","matInput","","placeholder","555-555-1234"],["matSuffix",""],["matInput","","type","text","name","clearable-input",3,"ngModelChange","ngModel"],["matSuffix","","mat-icon-button","","aria-label","Clear"],["matInput","","maxlength","256","placeholder","Ex. I need help with..."],["align","start"],["align","end"],["matInput","","disabled","","value","Google"],[1,"col-md-6"],["matInput",""],["matInput","","placeholder","Ex. 100 Main St"],[1,"col-md-4"],["matInput","","placeholder","Ex. San Francisco"],["matInput","","placeholder","Ex. California"],["matInput","","maxlength","5","placeholder","Ex. 94105","value","94043"],["matSuffix","","mat-icon-button","","aria-label","Clear",3,"click"]],template:function(o,m){if(o&1){let q=z();e(0,"div",2)(1,"h5",3),i(2," Input "),t(),e(3,"ol",4)(4,"li",5)(5,"a",6),a(6,"i",7),i(7," Dashboard "),t()(),e(8,"li",5),i(9," UI Elements "),t(),e(10,"li",5),i(11," Input "),t()()(),e(12,"div",8)(13,"div",9)(14,"mat-card",10)(15,"mat-card-header")(16,"mat-card-title")(17,"h5",11),i(18," Basic Inputs "),t()()(),e(19,"mat-card-content")(20,"form")(21,"mat-form-field"),a(22,"i-feather",12),e(23,"mat-label"),i(24,"Favorite food"),t(),a(25,"input",13),t(),e(26,"mat-form-field"),a(27,"i-feather",12),e(28,"mat-label"),i(29,"Favorite food"),t(),a(30,"input",14),t(),e(31,"mat-form-field",15),a(32,"i-feather",12),e(33,"mat-label"),i(34,"Leave a comment"),t(),a(35,"textarea",16),t()()()(),e(36,"mat-card",10)(37,"mat-card-header")(38,"mat-card-title")(39,"h5",11),i(40," Input with Error Messages "),t()()(),e(41,"mat-card-content")(42,"form")(43,"mat-form-field"),a(44,"i-feather",12),e(45,"mat-label"),i(46,"Email"),t(),a(47,"input",17),c(48,Ee,2,0,"mat-error")(49,Se,4,0,"mat-error"),t()()()(),e(50,"mat-card",18)(51,"mat-card-header")(52,"mat-card-title")(53,"h5",11),i(54," Inputs with Prefixes & Suffixes "),t()()(),e(55,"mat-card-content")(56,"form")(57,"mat-form-field"),a(58,"i-feather",12),e(59,"mat-label"),i(60,"Telephone"),t(),e(61,"span",19),i(62,"+1 \xA0"),t(),a(63,"input",20),e(64,"mat-icon",21),i(65,"mode_edit"),t()()()()()(),e(66,"div",9)(67,"mat-card",10)(68,"mat-card-header")(69,"mat-card-title")(70,"h5",11),i(71," Input with a Clear Button "),t()()(),e(72,"mat-card-content")(73,"form")(74,"mat-form-field"),a(75,"i-feather",12),e(76,"mat-label"),i(77,"Clearable input"),t(),e(78,"input",22),O("ngModelChange",function(L){return A(q),K(m.value,L)||(m.value=L),B(L)}),t(),c(79,xe,3,0,"button",23),t()()()(),e(80,"mat-card",10)(81,"mat-card-header")(82,"mat-card-title")(83,"h5",11),i(84," Input with a Custom ErrorStateMatcher "),t()()(),e(85,"mat-card-content"),a(86,"app-custom-errorstatematcher"),t()(),e(87,"mat-card",10)(88,"mat-card-header")(89,"mat-card-title")(90,"h5",11),i(91," Input with Hints "),t()()(),e(92,"mat-card-content")(93,"form")(94,"mat-form-field"),a(95,"i-feather",12),e(96,"mat-label"),i(97,"Message"),t(),a(98,"input",24,0),e(100,"mat-hint",25)(101,"strong"),i(102,"Don't disclose personal info"),t()(),e(103,"mat-hint",26),i(104),t()()()()()()(),e(105,"mat-card",10)(106,"mat-card-header")(107,"mat-card-title")(108,"h5",11),i(109," Inputs in a Form "),t()()(),e(110,"mat-card-content")(111,"form")(112,"mat-form-field"),a(113,"i-feather",12),e(114,"mat-label"),i(115,"Company (disabled)"),t(),a(116,"input",27),t(),e(117,"div",8)(118,"div",28)(119,"mat-form-field"),a(120,"i-feather",12),e(121,"mat-label"),i(122,"First name"),t(),a(123,"input",29),t()(),e(124,"div",28)(125,"mat-form-field"),a(126,"i-feather",12),e(127,"mat-label"),i(128,"Long Last Name That Will Be Truncated"),t(),a(129,"input",29),t()()(),e(130,"mat-form-field"),a(131,"i-feather",12),e(132,"mat-label"),i(133,"Address"),t(),e(134,"textarea",30),i(135,"1600 Amphitheatre Pkwy"),t()(),e(136,"mat-form-field",15),a(137,"i-feather",12),e(138,"mat-label"),i(139,"Address 2"),t(),a(140,"textarea",29),t(),e(141,"div",8)(142,"div",31)(143,"mat-form-field"),a(144,"i-feather",12),e(145,"mat-label"),i(146,"City"),t(),a(147,"input",32),t()(),e(148,"div",31)(149,"mat-form-field"),a(150,"i-feather",12),e(151,"mat-label"),i(152,"State"),t(),a(153,"input",33),t()(),e(154,"div",31)(155,"mat-form-field"),a(156,"i-feather",12),e(157,"mat-label"),i(158,"Postal Code"),t(),a(159,"input",34,1),e(161,"mat-hint",26),i(162),t()()()()()()()}if(o&2){let q=H(99),R=H(160);l(47),h("formControl",m.emailFormControl),l(),d(48,m.emailFormControl.hasError("email")&&!m.emailFormControl.hasError("required")?48:-1),l(),d(49,m.emailFormControl.hasError("required")?49:-1),l(29),J("ngModel",m.value),l(),d(79,m.value?79:-1),l(25),W("",q.value.length," / 256"),l(58),W("",R.value.length," / 5")}},dependencies:[Q,T,_,M,g,F,re,I,v,b,S,C,x,ae,ne,P,D,ie,Z,ee,te,$,le,me,Y,X,oe,N,y,k,V],styles:[".input

1s-with-ps-card .mat-mdc-form-field-flex{position:relative}  .inputs-with-ps-card .mat-mdc-form-field-infix{position:unset}  .inputs-with-ps-card .mat-mdc-form-field-text-prefix{position:relative;top:-6px}"]});let r=n;return r})();export{Le as InputComponent};