@softheon/armature 10.37.0 → 10.37.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/softheon-armature.umd.js +5 -2
- package/bundles/softheon-armature.umd.js.map +1 -1
- package/bundles/softheon-armature.umd.min.js +2 -2
- package/bundles/softheon-armature.umd.min.js.map +1 -1
- package/esm2015/lib/forms/components/sof-address/sof-address.component.js +6 -3
- package/fesm2015/softheon-armature.js +5 -2
- package/fesm2015/softheon-armature.js.map +1 -1
- package/lib/forms/components/sof-address/sof-address.component.d.ts +7 -5
- package/package.json +1 -1
- package/softheon-armature.metadata.json +1 -1
|
@@ -2363,6 +2363,8 @@
|
|
|
2363
2363
|
this.zipCodeVerbiage = 'Zip Code';
|
|
2364
2364
|
/** Verbiage for the state input */
|
|
2365
2365
|
this.stateVerbiage = 'State';
|
|
2366
|
+
/** Verbiage for the required input verbiage */
|
|
2367
|
+
this.requiredErrorVerbiage = 'Field is required';
|
|
2366
2368
|
/** The state options */
|
|
2367
2369
|
this.states = Object.keys(exports.States);
|
|
2368
2370
|
/** Form control for street 1 */
|
|
@@ -2420,7 +2422,7 @@
|
|
|
2420
2422
|
SofAddressComponent.decorators = [
|
|
2421
2423
|
{ type: i0.Component, args: [{
|
|
2422
2424
|
selector: 'sof-ar-address',
|
|
2423
|
-
template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage != ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n <!-- Address 1 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n </mat-form-field>\r\n <!-- Address 2 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n <!-- City -->\r\n <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n </mat-form-field>\r\n <!-- State -->\r\n <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n <mat-label>{{stateVerbiage}}</mat-label>\r\n <mat-select formControlName=\"state\" required>\r\n <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <!-- Zip Code -->\r\n <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n </mat-form-field>\r\n </div>\r\n</form>\r\n",
|
|
2425
|
+
template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage != ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n <!-- Address 1 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- Address 2 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n <!-- City -->\r\n <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- State -->\r\n <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n <mat-label>{{stateVerbiage}}</mat-label>\r\n <mat-select formControlName=\"state\" required>\r\n <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n </mat-select>\r\n <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- Zip Code -->\r\n <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n</form>\r\n",
|
|
2424
2426
|
styles: [".address-input{min-width:350px}.address-title{font-size:large}"]
|
|
2425
2427
|
},] }
|
|
2426
2428
|
];
|
|
@@ -2434,7 +2436,8 @@
|
|
|
2434
2436
|
cityVerbiage: [{ type: i0.Input }],
|
|
2435
2437
|
zipCodeVerbiage: [{ type: i0.Input }],
|
|
2436
2438
|
stateVerbiage: [{ type: i0.Input }],
|
|
2437
|
-
titleVerbiage: [{ type: i0.Input }]
|
|
2439
|
+
titleVerbiage: [{ type: i0.Input }],
|
|
2440
|
+
requiredErrorVerbiage: [{ type: i0.Input }]
|
|
2438
2441
|
};
|
|
2439
2442
|
|
|
2440
2443
|
/**
|