pjc-fields 0.0.49 → 0.0.51

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.
Files changed (3) hide show
  1. package/fesm2022/pjc-fields.mjs +22 -2
  2. package/fesm2022/pjc-fields.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/pjc-fields.mjs CHANGED
@@ -462,6 +462,7 @@ class PjcCepFieldComponent {
462
462
  }
463
463
  writeValue(val) {
464
464
  this.value = val ?? '';
465
+ this.cdr.markForCheck();
465
466
  }
466
467
  registerOnChange(fn) {
467
468
  this.onChange = fn;
@@ -579,6 +580,7 @@ class PjcChassiFieldComponent {
579
580
  }
580
581
  writeValue(val) {
581
582
  this.value = val?.toUpperCase().replace(/[^A-HJ-NPR-Z0-9]/g, '').substring(0, 17) ?? '';
583
+ this.cdr.markForCheck();
582
584
  }
583
585
  registerOnChange(fn) {
584
586
  this.onChange = fn;
@@ -706,6 +708,7 @@ class PjcCidadeFieldComponent {
706
708
  else {
707
709
  this.value = val;
708
710
  }
711
+ this.cdr.markForCheck();
709
712
  }
710
713
  registerOnChange(fn) {
711
714
  this.onChange = fn;
@@ -814,6 +817,7 @@ class PjcCnhFieldComponent {
814
817
  }
815
818
  writeValue(val) {
816
819
  this.value = val ?? '';
820
+ this.cdr.markForCheck();
817
821
  }
818
822
  registerOnChange(fn) {
819
823
  this.onChange = fn;
@@ -893,6 +897,7 @@ class PjcCnpjFieldComponent {
893
897
  }
894
898
  writeValue(val) {
895
899
  this.value = val ?? '';
900
+ this.cdr.markForCheck();
896
901
  }
897
902
  registerOnChange(fn) {
898
903
  this.onChange = fn;
@@ -977,6 +982,7 @@ class PjcCpfCnpjFieldComponent {
977
982
  this.rawValue = val?.replaceAll(/\D/g, '') ?? '';
978
983
  this.displayValue = this.formatValue(this.rawValue);
979
984
  this.updatePlaceholder();
985
+ this.cdr.markForCheck();
980
986
  }
981
987
  registerOnChange(fn) {
982
988
  this.onChange = fn;
@@ -1098,6 +1104,7 @@ class PjcCpfFieldComponent {
1098
1104
  }
1099
1105
  writeValue(val) {
1100
1106
  this.value = val ?? '';
1107
+ this.cdr.markForCheck();
1101
1108
  }
1102
1109
  registerOnChange(fn) {
1103
1110
  this.onChange = fn;
@@ -1233,6 +1240,7 @@ class PjcDataFieldComponent {
1233
1240
  };
1234
1241
  writeValue(val) {
1235
1242
  this.value = val ?? null;
1243
+ this.cdr.markForCheck();
1236
1244
  }
1237
1245
  registerOnChange(fn) {
1238
1246
  this.onChange = fn;
@@ -1379,6 +1387,7 @@ class PjcDataHoraFieldComponent {
1379
1387
  };
1380
1388
  writeValue(val) {
1381
1389
  this.value = val ?? null;
1390
+ this.cdr.markForCheck();
1382
1391
  }
1383
1392
  registerOnChange(fn) {
1384
1393
  this.onChange = fn;
@@ -1462,6 +1471,7 @@ class PjcEmailFieldComponent {
1462
1471
  }
1463
1472
  writeValue(val) {
1464
1473
  this.value = val?.toLowerCase() ?? '';
1474
+ this.cdr.markForCheck();
1465
1475
  }
1466
1476
  registerOnChange(fn) {
1467
1477
  this.onChange = fn;
@@ -1707,6 +1717,7 @@ class PjcHoraFieldComponent {
1707
1717
  }
1708
1718
  writeValue(val) {
1709
1719
  this.value = val ?? '';
1720
+ this.cdr.markForCheck();
1710
1721
  }
1711
1722
  registerOnChange(fn) {
1712
1723
  this.onChange = fn;
@@ -1784,6 +1795,7 @@ class PjcImeiFieldComponent {
1784
1795
  }
1785
1796
  writeValue(val) {
1786
1797
  this.value = val ?? '';
1798
+ this.cdr.markForCheck();
1787
1799
  }
1788
1800
  registerOnChange(fn) {
1789
1801
  this.onChange = fn;
@@ -1865,6 +1877,7 @@ class PjcIntegerFieldComponent {
1865
1877
  }
1866
1878
  writeValue(val) {
1867
1879
  this.value = val;
1880
+ this.cdr.markForCheck();
1868
1881
  }
1869
1882
  registerOnChange(fn) {
1870
1883
  this.onChange = fn;
@@ -2030,6 +2043,7 @@ class PjcNumeroCartaoFieldComponent {
2030
2043
  }
2031
2044
  writeValue(val) {
2032
2045
  this.value = val ?? '';
2046
+ this.cdr.markForCheck();
2033
2047
  }
2034
2048
  registerOnChange(fn) {
2035
2049
  this.onChange = fn;
@@ -2108,6 +2122,7 @@ class PjcPasswordFieldComponent {
2108
2122
  }
2109
2123
  writeValue(val) {
2110
2124
  this.value = val ?? '';
2125
+ this.cdr.markForCheck();
2111
2126
  }
2112
2127
  registerOnChange(fn) {
2113
2128
  this.onChange = fn;
@@ -2171,6 +2186,7 @@ class PjcPlacaFieldComponent {
2171
2186
  }
2172
2187
  writeValue(val) {
2173
2188
  this.value = val?.toUpperCase() || '';
2189
+ this.cdr.markForCheck();
2174
2190
  }
2175
2191
  registerOnChange(fn) {
2176
2192
  this.onChange = fn;
@@ -2245,6 +2261,7 @@ class PjcRenavamFieldComponent {
2245
2261
  }
2246
2262
  writeValue(val) {
2247
2263
  this.value = val ?? '';
2264
+ this.cdr.markForCheck();
2248
2265
  }
2249
2266
  registerOnChange(fn) {
2250
2267
  this.onChange = fn;
@@ -2324,6 +2341,7 @@ class PjcTelefoneFieldComponent {
2324
2341
  this.rawValue = val?.replaceAll(/\D/g, '') ?? '';
2325
2342
  this.displayValue = this.formatValue(this.rawValue);
2326
2343
  this.updatePlaceholder();
2344
+ this.cdr.markForCheck();
2327
2345
  }
2328
2346
  registerOnChange(fn) {
2329
2347
  this.onChange = fn;
@@ -2443,6 +2461,7 @@ class PjcTipoPessoaFieldComponent {
2443
2461
  }
2444
2462
  writeValue(val) {
2445
2463
  this.value = val;
2464
+ this.cdr.markForCheck();
2446
2465
  }
2447
2466
  registerOnChange(fn) {
2448
2467
  this.onChange = fn;
@@ -2550,6 +2569,7 @@ class PjcUfFieldComponent {
2550
2569
  }
2551
2570
  writeValue(val) {
2552
2571
  this.value = val?.uf ? (ESTADOS.find(e => e.uf === val.uf) ?? null) : null;
2572
+ this.cdr.markForCheck();
2553
2573
  }
2554
2574
  registerOnChange(fn) {
2555
2575
  this.onChange = fn;
@@ -2640,7 +2660,7 @@ class PjcUppercaseFieldComponent {
2640
2660
  useExisting: forwardRef(() => PjcUppercaseFieldComponent),
2641
2661
  multi: true,
2642
2662
  },
2643
- ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n @if (label()) {\n <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value()\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || ''\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly()\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase placeholder:normal-case\"\n />\n <label [for]=\"id()\">{{ label() }}</label>\n </p-floatlabel>\n } @else {\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || ''\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase placeholder:normal-case\"\n />\n }\n\n @if (errorMessage) {\n <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n }\n\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2663
+ ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n @if (label()) {\n <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value()\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || label()\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly()\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 placeholder:normal-case\"\n />\n <label [for]=\"id()\">{{ label() }}</label>\n </p-floatlabel>\n } @else {\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || label()\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 placeholder:normal-case\"\n />\n }\n\n @if (errorMessage) {\n <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n }\n\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2644
2664
  }
2645
2665
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, decorators: [{
2646
2666
  type: Component,
@@ -2650,7 +2670,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
2650
2670
  useExisting: forwardRef(() => PjcUppercaseFieldComponent),
2651
2671
  multi: true,
2652
2672
  },
2653
- ], template: "<div class=\"flex flex-col gap-1 w-full\">\n @if (label()) {\n <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value()\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || ''\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly()\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase placeholder:normal-case\"\n />\n <label [for]=\"id()\">{{ label() }}</label>\n </p-floatlabel>\n } @else {\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || ''\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase placeholder:normal-case\"\n />\n }\n\n @if (errorMessage) {\n <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n }\n\n <ng-content></ng-content>\n</div>\n" }]
2673
+ ], template: "<div class=\"flex flex-col gap-1 w-full\">\n @if (label()) {\n <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value()\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || label()\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly()\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 placeholder:normal-case\"\n />\n <label [for]=\"id()\">{{ label() }}</label>\n </p-floatlabel>\n } @else {\n <input\n pInputText\n [id]=\"id()\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n [placeholder]=\"placeholder() || label()\"\n [class.ng-invalid]=\"invalid\"\n [class.ng-dirty]=\"invalid\"\n class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 placeholder:normal-case\"\n />\n }\n\n @if (errorMessage) {\n <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n }\n\n <ng-content></ng-content>\n</div>\n" }]
2654
2674
  }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
2655
2675
 
2656
2676
  class PjcFields {