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

1import{a as he}from"./chunk-2SIF7CZO.js";import{b as O,c as q}from"./chunk-SCNCZ6ZS.js";import{a as fe,b as se,c as ue}from"./chunk-YGB7CM72.js";import{b as g,c as E}from"./chunk-5VRSLL2X.js";import{a as T,c as R}from"./chunk-NKAK3GF3.js";import{a as x,b as ie,c as B,d as ae,e as P,h as C,i as F}from"./chunk-SI3P37V5.js";import"./chunk-3EL2JPUZ.js";import"./chunk-GMOA33SW.js";import"./chunk-4N6BO7AP.js";import{a as S,b as v}from"./chunk-U6SZDGLV.js";import{a as ce,b as pe}from"./chunk-IP3EHODO.js";import{A as de,B as L,C as D,c as re,e as W,h as k,i as oe,l as w,n as ne,p as I,q as me,x as le}from"./chunk-M6ZX737V.js";import"./chunk-ZEQ3AO7K.js";import"./chunk-JXBU6SN4.js";import{a as s,b as u,d as h,g as M,o as b}from"./chunk-X6EOYJZO.js";import{h as ee,j as te}from"./chunk-QEP2SDJ4.js";import{h as Z}from"./chunk-7BMW3OWS.js";import"./chunk-K2M2MZKV.js";import{ga as y}from"./chunk-63HYX77E.js";import{Gb as Y,Ib as $,Jb as p,Pb as z,Tb as e,Ub as t,Vb as o,ac as J,cc as K,lc as Q,mc as a,nb as l,nc as A,ob as U,oc as X,sa as c,wc as f}from"./chunk-R6GRCYPD.js";import"./chunk-GRMIXZTT.js";var Me=(()=>{let i=class i{};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["app-form-field-appearance-variants"]],standalone:!0,features:[f],decls:24,vars:0,consts:[[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],["appearance","fill"],["name","list"],["matInput","","placeholder","Placeholder"],["matSuffix",""],["appearance","outline"]],template:function(r,m){r&1&&(e(0,"mat-card",0)(1,"mat-card-header")(2,"mat-card-title")(3,"h5",1),a(4," Form Field Appearance Variants "),t()()(),e(5,"mat-card-content")(6,"mat-form-field",2),o(7,"i-feather",3),e(8,"mat-label"),a(9,"Fill form field"),t(),o(10,"input",4),e(11,"mat-icon",5),a(12,"sentiment_very_satisfied"),t(),e(13,"mat-hint"),a(14,"Hint"),t()(),o(15,"br"),e(16,"mat-form-field",6)(17,"mat-label"),a(18,"Outline form field"),t(),o(19,"input",4),e(20,"mat-icon",5),a(21,"sentiment_very_satisfied"),t(),e(22,"mat-hint"),a(23,"Hint"),t()()()())},dependencies:[F,C,x,B,P,E,g,q,O,b,s,h,M,u,v,S]});let n=i;return n})();function ke(n,i){if(n&1&&(e(0,"mat-error"),a(1),t()),n&2){let we=K();l(),A(we.getErrorMessage())}}var xe=(()=>{let i=class i{constructor(){this.email=new w("",[W.required,W.email])}getErrorMessage(){return this.email.hasError("required")?"You must enter a value":this.email.hasError("email")?"Not a valid email":""}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["app-ffw-error-messages"]],standalone:!0,features:[f],decls:12,vars:2,consts:[[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],["name","edit-3"],["matInput","","placeholder","[email protected]","required","",3,"formControl"]],template:function(r,m){r&1&&(e(0,"mat-card",0)(1,"mat-card-header")(2,"mat-card-title")(3,"h5",1),a(4," Form Field with Error Messages "),t()()(),e(5,"mat-card-content")(6,"mat-form-field"),o(7,"i-feather",2),e(8,"mat-label"),a(9,"Enter your email"),t(),o(10,"input",3),Y(11,ke,2,1,"mat-error"),t()()()),r&2&&(l(10),p("formControl",m.email),l(),z(11,m.email.invalid?11:-1))},dependencies:[F,C,x,ie,E,g,L,re,k,le,D,I,b,s,h,M,u,v,S]});let n=i;return n})();var Se=(()=>{let i=class i{};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["app-ff-with-hints"]],standalone:!0,features:[f],decls:24,vars:1,consts:[["input",""],[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],["hintLabel","Max 10 characters"],["name","edit-3"],["matInput","","maxlength","10","placeholder","Ex. Nougat"],["align","end"],["value","option"]],template:function(r,m){if(r&1&&(e(0,"mat-card",1)(1,"mat-card-header")(2,"mat-card-title")(3,"h5",2),a(4," Form Field with Hints "),t()()(),e(5,"mat-card-content")(6,"mat-form-field",3),o(7,"i-feather",4),e(8,"mat-label"),a(9,"Enter some input"),t(),o(10,"input",5,0),e(12,"mat-hint",6),a(13),t()(),o(14,"br"),e(15,"mat-form-field"),o(16,"i-feather",4),e(17,"mat-label"),a(18,"Select me"),t(),e(19,"mat-select")(20,"mat-option",7),a(21,"Option"),t()(),e(22,"mat-hint",6),a(23,"Here's the dropdown arrow ^"),t()()()()),r&2){let j=Q(11);l(13),X("",j.value.length,"/10")}},dependencies:[F,C,x,B,E,g,R,T,y,b,s,h,M,u,v,S]});let n=i;return n})();var ve=(()=>{let i=class i{constructor(d){this._formBuilder=d,this.hideRequiredControl

1=new w(!1),this.floatLabelControl=new w("auto"),this.options=this._formBuilder.group({hideRequired:this.hideRequiredControl,floatLabel:this.floatLabelControl})}getFloatLabelValue(){return this.floatLabelControl.value||"auto"}};i.\u0275fac=function(r){return new(r||i)(U(de))},i.\u0275cmp=c({type:i,selectors:[["app-ff-with-label"]],standalone:!0,features:[f],decls:40,vars:8,consts:[[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],[3,"formGroup"],[3,"formControl"],[1,"mt-10"],["value","auto"],["value","always"],[3,"hideRequiredMarker","floatLabel"],["name","edit-3"],["matInput","","placeholder","Simple placeholder","required",""],[3,"floatLabel"],["matInput","","placeholder","Simple placeholder"],["required",""],["value","option"]],template:function(r,m){r&1&&(e(0,"mat-card",0)(1,"mat-card-header")(2,"mat-card-title")(3,"h5",1),a(4," Form Field with Label "),t()()(),e(5,"mat-card-content")(6,"form",2)(7,"mat-checkbox",3),a(8,"Hide required marker"),t(),e(9,"div",4)(10,"label"),a(11,"Float label: "),t(),e(12,"mat-radio-group",3)(13,"mat-radio-button",5),a(14,"Auto"),t(),e(15,"mat-radio-button",6),a(16,"Always"),t()()(),e(17,"div",4)(18,"mat-form-field",7),o(19,"i-feather",8),e(20,"mat-label"),a(21,"Simple placeholder"),t(),o(22,"input",9),t(),e(23,"mat-form-field",10),o(24,"i-feather",8),e(25,"mat-label"),a(26,"Both a label and a placeholder"),t(),o(27,"input",11),t(),e(28,"mat-form-field",7),o(29,"i-feather",8),e(30,"mat-select",12)(31,"mat-option"),a(32,"-- None --"),t(),e(33,"mat-option",13),a(34,"Option"),t()(),e(35,"mat-label")(36,"strong"),a(37,"Fancy"),t(),e(38,"em"),a(39," label"),t()()()()()()()),r&2&&(l(6),p("formGroup",m.options),l(),p("formControl",m.hideRequiredControl),l(5),p("formControl",m.floatLabelControl),l(6),p("hideRequiredMarker",m.hideRequiredControl.value)("floatLabel",m.getFloatLabelValue()),l(5),p("floatLabel",m.getFloatLabelValue()),l(5),p("hideRequiredMarker",m.hideRequiredControl.value)("floatLabel",m.getFloatLabelValue()))},dependencies:[L,ne,k,oe,D,I,me,pe,ce,ue,fe,se,F,C,x,E,g,R,T,y,q,b,s,h,M,u,v,S],styles:[".trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-radio-button{margin-right:10px}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-radio-button .mdc-radio{margin:0}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-radio-button .mdc-label{padding-left:0;margin-left:-2px}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-radio-button:last-child{margin-right:0}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-checkbox{padding:0;margin:0}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{inset:0;width:100%;height:100%}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{top:0;left:0}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-ripple,   .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__ripple{border-radius:2px}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target{width:100%;height:100%}  .trinta-card.ff-with-label-card .mat-mdc-card-content .mat-mdc-checkbox .mdc-label{margin-left:5px}"]});let n=i;return n})();var ge=(()=>{let i=class i{constructor(){this.hide=!0}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["app-ffw-prefix-suffix"]],standalone:!0,features:[f],decls:23,vars:4,consts:[[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],[1,"mb-25"],["name","lock"],["matInput","",3,"type"],["mat-icon-button","","matSuffix","",3,"click"],["floatLabel","always",1,"mb-25"],["name","dollar-sign"],["matInput","","type","number","placeholder","0",1,"example-right-align"],["matTextPrefix",""],["matTextSuffix",""]],template:function(r,m){r&1&&(e(0,"mat-card",0)(1,"mat-card-header")(2,"mat-card-title")(3,"h5",1),a(4," Form Field with Prefix & Suffix "),t()()(),e(5,"mat-card-content")(6,"mat-form-field",2),o(7,"i-feather",3),e(8,"mat-label"),a(9,"Enter your password"),t(),o(10,"input",4),e(11,"button",5),J("click",function(){return m.hide=!m.hide}),e(12,"mat-icon"),a(13),t()()(),e(14,"mat-form-field",6),o(15,"i-feather",7),e(16,"mat-label"),a(17,"Amount"),t(),o(18,"input",8),e(19,"span",9),a(20,"$\xA0"),t(),e(21,"span",10),a(22,".00"),t()()()()),r&2&&(l(10),p("type",m.hide?"password":"text"),l(),$("aria-label","Hide password")("aria-pressed",m.hide),l(2),A(m.hide?"visibility_off":"visibility"))},dependencies:[F,C,x,ae,P,E,g,te,ee,q,O,b,s,h,M,u,v,S]});let n=i;return n})();var Ee=(()=>{let i=class i{constructor(){this.colorControl=new w("primary")}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["app-ff-theming"]],standalone:!0,features:[f],decls:17,vars:2,consts:[[1,"trinta-card","mb-25","bg-white","border-none","d-block"],[1,"mt-0","mb-0"],[3,"color"],["name","edit-3"],[3,"formControl"],["value","primary"],["value","accent"],["value","warn"]],template:function(r,m){r&1&&

1(e(0,"mat-card",0)(1,"mat-card-header")(2,"mat-card-title")(3,"h5",1),a(4," Form Field Theming "),t()()(),e(5,"mat-card-content")(6,"mat-form-field",2),o(7,"i-feather",3),e(8,"mat-label"),a(9,"Color"),t(),e(10,"mat-select",4)(11,"mat-option",5),a(12,"Primary"),t(),e(13,"mat-option",6),a(14,"Accent"),t(),e(15,"mat-option",7),a(16,"Warn"),t()()()()()),r&2&&(l(6),p("color",m.colorControl.value),l(4),p("formControl",m.colorControl))},dependencies:[F,C,x,R,T,y,L,k,D,I,b,s,h,M,u,v,S]});let n=i;return n})();var yt=(()=>{let i=class i{};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["app-form-field"]],standalone:!0,features:[f],decls:23,vars:0,consts:[[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-md-6","col-xxl-4"]],template:function(r,m){r&1&&(e(0,"div",0)(1,"h5",1),a(2," Form Field "),t(),e(3,"ol",2)(4,"li",3)(5,"a",4),o(6,"i",5),a(7," Dashboard "),t()(),e(8,"li",3),a(9," UI Elements "),t(),e(10,"li",3),a(11," Form Field "),t()()(),e(12,"div",6)(13,"div",7),o(14,"app-simple-form-field")(15,"app-ffw-prefix-suffix"),t(),e(16,"div",7),o(17,"app-form-field-appearance-variants")(18,"app-ff-with-label"),t(),e(19,"div",7),o(20,"app-ffw-error-messages")(21,"app-ff-with-hints")(22,"app-ff-theming"),t()())},dependencies:[Z,he,Me,xe,Se,ve,ge,Ee]});let n=i;return n})();export{yt as FormFieldComponent};