{"__symbolic":"module","version":4,"metadata":{"Dashlib2Service":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"Dashlib2Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-dashlib2","template":"<div class=\"container-fluid\">\n    <div class=\"card\">\n        <!-- US335007 As a DASH dev I want UI changes for promotional information displayed when a configured Zip code is entered in Customer Information so that I can offer it to my customer-->\n        \n        <div class=\"header\">\n            <h4 class=\"title display-inline\">\n                <span>Billing Information</span>\n                \n                <span class=\"text-right\" style=\"font-size:medium;color:#e20074;\">&nbsp;</span>\n            </h4>\n        </div>\n        <!-- error handling -->\n        <div class=\"content\">\n            <!--[start]- form elements-->\n            <form name=\"customerModel\" #customerForm=\"ngForm\" novalidate>\n                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"firstName\" #firstName=\"ngModel\"\n                                id=\"firstName1\" [(ngModel)]=\"customerModel.firstName\" pattern=\"[a-zA-Z]*\" placeholder=\"First Name *\"\n                                maxlength=\"20\" required [disabled]=\"disableFields\"  trim-input />\n                            \n                        </div>\n                    </div>\n                    <div class=\"col-md-2\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"middleName\" id=\"middleName1\"\n                                #middleName=\"ngModel\" [(ngModel)]=\"customerModel.middleName\" placeholder=\"MI\" maxlength=\"1\"\n                                [disabled]=\"disableFields\"  trim-input />\n                        </div>\n                    </div>\n                    <div class=\"col-md-5\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input toCapitalize\" name=\"lastName\" pattern=\"[a-zA-Z]*\"\n                                #lastName=\"ngModel\" id=\"lastName1\" [(ngModel)]=\"customerModel.lastName\" placeholder=\"Last Name *\"\n                                maxlength=\"20\" required [disabled]=\"disableFields\"  trim-input />\n                            \n                        </div>\n                    </div>\n                </div>\n                <div>\n                    <!--[start] non retail store address fields-->\n                    <div class=\"row\">\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"address1\" #address1=\"ngModel\"\n                                    id=\"address11\" [(ngModel)]=\"customerModel.address1\"\n                                    placeholder=\"Address Line1 *\" maxlength=\"80\" required [disabled]=\"disableFields\"\n                                     trim-input />\n                                \n                            </div>\n                        </div>\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"address2\" #address2=\"ngModel\"\n                                    id=\"address21\" [(ngModel)]=\"customerModel.address2\" placeholder=\"Address Line2\"\n                                    maxlength=\"50\" [disabled]=\"disableFields\" trim-input />\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"city\" #city=\"ngModel\" id=\"city1\"\n                                    [(ngModel)]=\"customerModel.city\" placeholder=\"City *\" pattern=\"[A-Za-z]+[\\w\\s]+[A-Za-z]\"\n                                    maxlength=\"30\" required [disabled]=\"disableFields\" trim-input />\n                                \n                            </div>\n                        </div>\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <div class=\"select-wrapper\">\n                                    <select class=\"form-control border-input\" name=\"state\" #state=\"ngModel\" [(ngModel)]=\"customerModel.state\"\n                                        required [disabled]=\"disableFields\" >\n                                        <option disabled [ngValue]=\"null\">Select State *</option>\n                                        <option [ngValue]>WA</option>\n                                        <option [ngValue]>GA</option>\n                                     </select>\n                                </div>\n                                \n                            </div>\n                        </div>\n                        <!--US335007 As a DASH dev I want UI changes for promotional information displayed when a configured Zip code is entered in Customer Information so that I can offer it to my customer-->\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" trim-input class=\"form-control border-input\" name=\"zipCode\" #zipCode=\"ngModel\"\n                                    id=\"zipCode\" pattern=\"[0-9]*\" [(ngModel)]=\"customerModel.zipCode\" placeholder=\"ZIP Code *\"\n                                    minlength=\"5\" maxlength=\"5\" required [disabled]=\"disableFields\" >\n                                \n                            </div>\n                        </div>\n                    </div>\n                    <!--[end] non retail store address fields-->\n                </div>\n                \n                \n                <div class=\"clearfix\"></div>\n            </form>\n            <!--[end]- form elements-->\n           \n        </div>\n\n        <!--[end] - content div tag -->\n    </div>\n    <!--[end] - card div tag -->\n</div>\n","styles":[":host{padding:0}.credit-type-label{border:1px solid #e20074}.header{width:100%}.header h4.title{display:inline}.header .title span.text-right{float:right}.fa-red{color:red;font-size:13px;vertical-align:middle;margin-top:-2px}.fa-green{color:green;font-size:13px;vertical-align:middle;margin-top:-2px}"]}]}],"members":{"abc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"customerModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"conflictModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["conflictModel"]}]}],"manualReviewModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":5},"arguments":["manualReviewModel"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"Dashlib2Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"Dashlib2Component"}],"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"Dashlib2Component"}]}]}],"members":{}}},"origins":{"Dashlib2Service":"./lib/dashlib2.service","Dashlib2Component":"./lib/dashlib2.component","Dashlib2Module":"./lib/dashlib2.module"},"importAs":"dashlib2"}