import{b as k}from"./chunk-LZCQVABC.js";import{i as s,k as c,n as y,y as u,z as f}from"./chunk-7PPOABPU.js";import{a as p}from"./chunk-ILLDEPHH.js";import{Hd as l,Sb as r,Tb as e,Ub as t,Vb as a,fb as n,tc as i,yb as d}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var x=class m{routes=p;static \u0275fac=function(o){return new(o||m)};static \u0275cmp=d({type:m,selectors:[["app-form-mask"]],decls:72,vars:9,consts:[[1,"page-header"],[1,"row"],[1,"col-sm-12"],[1,"page-title"],[1,"breadcrumb"],[1,"breadcrumb-item","active"],[1,"card"],[1,"card-header"],[1,"card-title"],[1,"card-text"],[1,"card-body"],["action","#"],[1,"mb-3"],["for","phone",1,"mb-2"],["type","text","id","phone","mask","(000) 000-0000",1,"form-control",3,"showMaskTyped"],[1,"form-text","text-muted"],["for","date",1,"mb-2"],["type","text","id","date","mask","00/00/0000",1,"form-control",3,"showMaskTyped"],["for","field",1,"mb-2"],["type","text","id","ssn","mask","000-00-0000",1,"form-control",3,"showMaskTyped"],["type","text","id","phoneExt","mask","000 000 000",1,"form-control",3,"showMaskTyped"],["for","product-key",1,"mb-2"],["type","text","id","product","mask","-000-A000",1,"form-control",3,"showMaskTyped"],["for","currency",1,"mb-2"],["type","text","id","currency","mask","099,099,099.99",1,"form-control",3,"showMaskTyped"],["for","eye-script",1,"mb-2"],["type","text","id","eyescript","mask","V0.00V0.00 000",1,"form-control",3,"showMaskTyped"],["for","percent",1,"mb-2"],["type","text","id","pct","mask","00",1,"form-control",3,"showMaskTyped"],[1,"mb-0"],["for","credit-card-number",1,"mb-2"],["type","text","id","ccn","mask","099.099.099.0999",1,"form-control",3,"showMaskTyped"]],template:function(o,v){o&1&&(e(0,"div",0)(1,"div",1)(2,"div",2)(3,"h3",3),i(4,"Form Select"),t(),e(5,"ul",4)(6,"li",5),i(7,"Form Select"),t()()()()(),e(8,"div",1)(9,"div",2)(10,"div",6)(11,"div",7)(12,"h5",8),i(13,"Form Mask"),t(),e(14,"p",9),i(15,"Input masks can be used to force the user to enter data conform a specific format. Unlike validation, the user can't enter any other key than the ones specified by the mask."),t()(),e(16,"div",10)(17,"form",11)(18,"div",12)(19,"label",13),i(20,"Phone"),t(),a(21,"input",14),e(22,"span",15),i(23,"(999) 999-9999"),t()(),e(24,"div",12)(25,"label",16),i(26,"Date"),t(),a(27,"input",17),e(28,"span",15),i(29,"dd/mm/yyyy"),t()(),e(30,"div",12)(31,"label",18),i(32,"SSN field 1"),t(),a(33,"input",19),e(34,"span",15),i(35,'e.g "999-99-9999"'),t()(),e(36,"div",12)(37,"label",13),i(38,"Phone field + ext."),t(),a(39,"input",20),e(40,"span",15),i(41,"+40 999 999 999"),t()(),e(42,"div",12)(43,"label",21),i(44,"Product Key"),t(),a(45,"input",22),e(46,"span",15),i(47,"e.g a*-999-a999"),t()(),e(48,"div",12)(49,"label",23),i(50,"Currency"),t(),a(51,"input",24),e(52,"span",15),i(53,"$ 999,999,999.99"),t()(),e(54,"div",12)(55,"label",25),i(56,"Eye Script"),t(),a(57,"input",26),e(58,"span",15),i(59,"~9.99 ~9.99 999"),t()(),e(60,"div",12)(61,"label",27),i(62,"Percent"),t(),a(63,"input",28),e(64,"span",15),i(65,'e.g "99%"'),t()(),e(66,"div",29)(67,"label",30),i(68,"Credit Card Number"),t(),a(69,"input",31),e(70,"span",15),i(71,'e.g "999.999.999.9999"'),t()()()()()()()),o&2&&(n(21),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0),n(6),r("showMaskTyped",!0))},dependencies:[l,k,u,y,s,c,f],encapsulation:2})};export{x as FormMaskComponent};