@ng-modular-forms/material 0.1.0 → 0.3.0

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 (8) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +56 -56
  3. package/fesm2022/ng-modular-forms-material.mjs +545 -545
  4. package/fesm2022/ng-modular-forms-material.mjs.map +1 -1
  5. package/lib/mat-input-select.component.d.ts +3 -3
  6. package/lib/mat-input-text.component.d.ts +3 -3
  7. package/lib/mat-input-textarea.component.d.ts +3 -3
  8. package/package.json +8 -8
package/fesm2022/ng-modular-forms-material.mjs CHANGED
@@ -125,64 +125,64 @@ class MatInputCurrencyComponent extends MatFormControlBase {
125
125
  : 'red';
126
126
  }
127
127
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputCurrencyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
128
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputCurrencyComponent, isStandalone: true, selector: "nmf-mat-input-currency", usesInheritance: true, ngImport: i0, template: `
129
- @if (label() && detachLabel()) {
130
- <label class="font-medium text-base">{{ label() }}</label>
131
- }
132
- <mat-form-field
133
- appearance="outline"
134
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
135
- >
136
- @if (label() && !detachLabel()) {
137
- <mat-label>{{ label() }}</mat-label>
138
- }
139
-
140
- <span
141
- [style.color]="
142
- control().disabled || readonly
143
- ? 'var(--mat-form-field-outlined-disabled-input-text-text)'
144
- : 'inherit'
145
- "
146
- matTextPrefix
147
- >
148
- $
149
- </span>
150
-
151
- <input
152
- matInput
153
- type="text"
154
- autocomplete="off"
155
- [id]="id"
156
- [name]="name"
157
- [value]="value"
158
- [disabled]="disabled"
159
- [readonly]="readonly"
160
- [ngClass]="classList().concat(readonly ? ['opacity-60'] : [])"
161
- [placeholder]="placeholder || '0.00'"
162
- (keydown)="handleKeyDown($event)"
163
- (input)="onInput($event)"
164
- (blur)="onTouched()"
165
- style="padding-top: 5px; color: {{ textColor(value) }} !important"
166
- />
167
-
168
- <span matTextSuffix><ng-content></ng-content></span>
169
-
170
- @if (loading()) {
171
- <div class="absolute top-5 right-5 z-10">
172
- <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
173
- </div>
174
- }
175
-
176
- @if (hint()) {
177
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
178
- }
179
-
180
- @if (control().invalid && control().touched) {
181
- <mat-error>
182
- {{ getErrorMessage() }}
183
- </mat-error>
184
- }
185
- </mat-form-field>
128
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputCurrencyComponent, isStandalone: true, selector: "nmf-mat-input-currency", usesInheritance: true, ngImport: i0, template: `
129
+ @if (label() && detachLabel()) {
130
+ <label class="font-medium text-base">{{ label() }}</label>
131
+ }
132
+ <mat-form-field
133
+ appearance="outline"
134
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
135
+ >
136
+ @if (label() && !detachLabel()) {
137
+ <mat-label>{{ label() }}</mat-label>
138
+ }
139
+
140
+ <span
141
+ [style.color]="
142
+ control().disabled || readonly
143
+ ? 'var(--mat-form-field-outlined-disabled-input-text-text)'
144
+ : 'inherit'
145
+ "
146
+ matTextPrefix
147
+ >
148
+ $
149
+ </span>
150
+
151
+ <input
152
+ matInput
153
+ type="text"
154
+ autocomplete="off"
155
+ [id]="id"
156
+ [name]="name"
157
+ [value]="value"
158
+ [disabled]="disabled"
159
+ [readonly]="readonly"
160
+ [ngClass]="classList().concat(readonly ? ['opacity-60'] : [])"
161
+ [placeholder]="placeholder || '0.00'"
162
+ (keydown)="handleKeyDown($event)"
163
+ (input)="onInput($event)"
164
+ (blur)="onTouched()"
165
+ style="padding-top: 5px; color: {{ textColor(value) }} !important"
166
+ />
167
+
168
+ <span matTextSuffix><ng-content></ng-content></span>
169
+
170
+ @if (loading()) {
171
+ <div class="absolute top-5 right-5 z-10">
172
+ <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
173
+ </div>
174
+ }
175
+
176
+ @if (hint()) {
177
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
178
+ }
179
+
180
+ @if (control().invalid && control().touched) {
181
+ <mat-error>
182
+ {{ getErrorMessage() }}
183
+ </mat-error>
184
+ }
185
+ </mat-form-field>
186
186
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
187
187
  }
188
188
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputCurrencyComponent, decorators: [{
@@ -196,64 +196,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
196
196
  MatProgressSpinnerModule,
197
197
  ],
198
198
  changeDetection: ChangeDetectionStrategy.OnPush,
199
- template: `
200
- @if (label() && detachLabel()) {
201
- <label class="font-medium text-base">{{ label() }}</label>
202
- }
203
- <mat-form-field
204
- appearance="outline"
205
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
206
- >
207
- @if (label() && !detachLabel()) {
208
- <mat-label>{{ label() }}</mat-label>
209
- }
210
-
211
- <span
212
- [style.color]="
213
- control().disabled || readonly
214
- ? 'var(--mat-form-field-outlined-disabled-input-text-text)'
215
- : 'inherit'
216
- "
217
- matTextPrefix
218
- >
219
- $
220
- </span>
221
-
222
- <input
223
- matInput
224
- type="text"
225
- autocomplete="off"
226
- [id]="id"
227
- [name]="name"
228
- [value]="value"
229
- [disabled]="disabled"
230
- [readonly]="readonly"
231
- [ngClass]="classList().concat(readonly ? ['opacity-60'] : [])"
232
- [placeholder]="placeholder || '0.00'"
233
- (keydown)="handleKeyDown($event)"
234
- (input)="onInput($event)"
235
- (blur)="onTouched()"
236
- style="padding-top: 5px; color: {{ textColor(value) }} !important"
237
- />
238
-
239
- <span matTextSuffix><ng-content></ng-content></span>
240
-
241
- @if (loading()) {
242
- <div class="absolute top-5 right-5 z-10">
243
- <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
244
- </div>
245
- }
246
-
247
- @if (hint()) {
248
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
249
- }
250
-
251
- @if (control().invalid && control().touched) {
252
- <mat-error>
253
- {{ getErrorMessage() }}
254
- </mat-error>
255
- }
256
- </mat-form-field>
199
+ template: `
200
+ @if (label() && detachLabel()) {
201
+ <label class="font-medium text-base">{{ label() }}</label>
202
+ }
203
+ <mat-form-field
204
+ appearance="outline"
205
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
206
+ >
207
+ @if (label() && !detachLabel()) {
208
+ <mat-label>{{ label() }}</mat-label>
209
+ }
210
+
211
+ <span
212
+ [style.color]="
213
+ control().disabled || readonly
214
+ ? 'var(--mat-form-field-outlined-disabled-input-text-text)'
215
+ : 'inherit'
216
+ "
217
+ matTextPrefix
218
+ >
219
+ $
220
+ </span>
221
+
222
+ <input
223
+ matInput
224
+ type="text"
225
+ autocomplete="off"
226
+ [id]="id"
227
+ [name]="name"
228
+ [value]="value"
229
+ [disabled]="disabled"
230
+ [readonly]="readonly"
231
+ [ngClass]="classList().concat(readonly ? ['opacity-60'] : [])"
232
+ [placeholder]="placeholder || '0.00'"
233
+ (keydown)="handleKeyDown($event)"
234
+ (input)="onInput($event)"
235
+ (blur)="onTouched()"
236
+ style="padding-top: 5px; color: {{ textColor(value) }} !important"
237
+ />
238
+
239
+ <span matTextSuffix><ng-content></ng-content></span>
240
+
241
+ @if (loading()) {
242
+ <div class="absolute top-5 right-5 z-10">
243
+ <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
244
+ </div>
245
+ }
246
+
247
+ @if (hint()) {
248
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
249
+ }
250
+
251
+ @if (control().invalid && control().touched) {
252
+ <mat-error>
253
+ {{ getErrorMessage() }}
254
+ </mat-error>
255
+ }
256
+ </mat-form-field>
257
257
  `,
258
258
  }]
259
259
  }] });
@@ -285,65 +285,65 @@ class MatInputDatepickerComponent extends MatFormControlBase {
285
285
  this.stateChanges.next();
286
286
  }
287
287
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
288
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputDatepickerComponent, isStandalone: true, selector: "nmf-mat-input-datepicker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
289
- @if (label() && detachLabel()) {
290
- <label class="font-medium text-base">{{ label() }}</label>
291
- }
292
- <mat-form-field
293
- appearance="outline"
294
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
295
- >
296
- @if (label() && !detachLabel()) {
297
- <mat-label>{{ label() }}</mat-label>
298
- }
299
-
300
- <input
301
- matInput
302
- autocomplete="off"
303
- [id]="id"
304
- [name]="name"
305
- [value]="value"
306
- [type]="'text'"
307
- [readonly]="readonly"
308
- [placeholder]="placeholder || 'Select a date'"
309
- [disabled]="disabled"
310
- [matDatepicker]="picker"
311
- (dateInput)="onInput($event)"
312
- (dateChange)="onInput($event)"
313
- (blur)="onTouched()"
314
- style="padding-top: 5px"
315
- />
316
-
317
- <mat-datepicker-toggle
318
- [hidden]="loading()"
319
- matSuffix
320
- [for]="picker"
321
- ></mat-datepicker-toggle>
322
-
323
- <mat-datepicker [hidden]="loading()" #picker>
324
- <!-- <mat-datepicker-actions>
325
- <button matButton (click)="setToday(picker)">Hoy</button>
326
- <button matButton matDatepickerCancel>Cancelar</button>
327
- <button matButton="elevated" matDatepickerApply>Aplicar</button>
328
- </mat-datepicker-actions> -->
329
- </mat-datepicker>
330
-
331
- @if (loading()) {
332
- <div class="absolute top-2 right-2">
333
- <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
334
- </div>
335
- }
336
-
337
- @if (hint()) {
338
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
339
- }
340
-
341
- @if (control().invalid && control().touched) {
342
- <mat-error>
343
- {{ getErrorMessage() }}
344
- </mat-error>
345
- }
346
- </mat-form-field>
288
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputDatepickerComponent, isStandalone: true, selector: "nmf-mat-input-datepicker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
289
+ @if (label() && detachLabel()) {
290
+ <label class="font-medium text-base">{{ label() }}</label>
291
+ }
292
+ <mat-form-field
293
+ appearance="outline"
294
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
295
+ >
296
+ @if (label() && !detachLabel()) {
297
+ <mat-label>{{ label() }}</mat-label>
298
+ }
299
+
300
+ <input
301
+ matInput
302
+ autocomplete="off"
303
+ [id]="id"
304
+ [name]="name"
305
+ [value]="value"
306
+ [type]="'text'"
307
+ [readonly]="readonly"
308
+ [placeholder]="placeholder || 'Select a date'"
309
+ [disabled]="disabled"
310
+ [matDatepicker]="picker"
311
+ (dateInput)="onInput($event)"
312
+ (dateChange)="onInput($event)"
313
+ (blur)="onTouched()"
314
+ style="padding-top: 5px"
315
+ />
316
+
317
+ <mat-datepicker-toggle
318
+ [hidden]="loading()"
319
+ matSuffix
320
+ [for]="picker"
321
+ ></mat-datepicker-toggle>
322
+
323
+ <mat-datepicker [hidden]="loading()" #picker>
324
+ <!-- <mat-datepicker-actions>
325
+ <button matButton (click)="setToday(picker)">Hoy</button>
326
+ <button matButton matDatepickerCancel>Cancelar</button>
327
+ <button matButton="elevated" matDatepickerApply>Aplicar</button>
328
+ </mat-datepicker-actions> -->
329
+ </mat-datepicker>
330
+
331
+ @if (loading()) {
332
+ <div class="absolute top-2 right-2">
333
+ <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
334
+ </div>
335
+ }
336
+
337
+ @if (hint()) {
338
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
339
+ }
340
+
341
+ @if (control().invalid && control().touched) {
342
+ <mat-error>
343
+ {{ getErrorMessage() }}
344
+ </mat-error>
345
+ }
346
+ </mat-form-field>
347
347
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
348
348
  }
349
349
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputDatepickerComponent, decorators: [{
@@ -359,70 +359,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
359
359
  MatProgressSpinnerModule,
360
360
  ],
361
361
  changeDetection: ChangeDetectionStrategy.OnPush,
362
- template: `
363
- @if (label() && detachLabel()) {
364
- <label class="font-medium text-base">{{ label() }}</label>
365
- }
366
- <mat-form-field
367
- appearance="outline"
368
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
369
- >
370
- @if (label() && !detachLabel()) {
371
- <mat-label>{{ label() }}</mat-label>
372
- }
373
-
374
- <input
375
- matInput
376
- autocomplete="off"
377
- [id]="id"
378
- [name]="name"
379
- [value]="value"
380
- [type]="'text'"
381
- [readonly]="readonly"
382
- [placeholder]="placeholder || 'Select a date'"
383
- [disabled]="disabled"
384
- [matDatepicker]="picker"
385
- (dateInput)="onInput($event)"
386
- (dateChange)="onInput($event)"
387
- (blur)="onTouched()"
388
- style="padding-top: 5px"
389
- />
390
-
391
- <mat-datepicker-toggle
392
- [hidden]="loading()"
393
- matSuffix
394
- [for]="picker"
395
- ></mat-datepicker-toggle>
396
-
397
- <mat-datepicker [hidden]="loading()" #picker>
398
- <!-- <mat-datepicker-actions>
399
- <button matButton (click)="setToday(picker)">Hoy</button>
400
- <button matButton matDatepickerCancel>Cancelar</button>
401
- <button matButton="elevated" matDatepickerApply>Aplicar</button>
402
- </mat-datepicker-actions> -->
403
- </mat-datepicker>
404
-
405
- @if (loading()) {
406
- <div class="absolute top-2 right-2">
407
- <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
408
- </div>
409
- }
410
-
411
- @if (hint()) {
412
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
413
- }
414
-
415
- @if (control().invalid && control().touched) {
416
- <mat-error>
417
- {{ getErrorMessage() }}
418
- </mat-error>
419
- }
420
- </mat-form-field>
362
+ template: `
363
+ @if (label() && detachLabel()) {
364
+ <label class="font-medium text-base">{{ label() }}</label>
365
+ }
366
+ <mat-form-field
367
+ appearance="outline"
368
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
369
+ >
370
+ @if (label() && !detachLabel()) {
371
+ <mat-label>{{ label() }}</mat-label>
372
+ }
373
+
374
+ <input
375
+ matInput
376
+ autocomplete="off"
377
+ [id]="id"
378
+ [name]="name"
379
+ [value]="value"
380
+ [type]="'text'"
381
+ [readonly]="readonly"
382
+ [placeholder]="placeholder || 'Select a date'"
383
+ [disabled]="disabled"
384
+ [matDatepicker]="picker"
385
+ (dateInput)="onInput($event)"
386
+ (dateChange)="onInput($event)"
387
+ (blur)="onTouched()"
388
+ style="padding-top: 5px"
389
+ />
390
+
391
+ <mat-datepicker-toggle
392
+ [hidden]="loading()"
393
+ matSuffix
394
+ [for]="picker"
395
+ ></mat-datepicker-toggle>
396
+
397
+ <mat-datepicker [hidden]="loading()" #picker>
398
+ <!-- <mat-datepicker-actions>
399
+ <button matButton (click)="setToday(picker)">Hoy</button>
400
+ <button matButton matDatepickerCancel>Cancelar</button>
401
+ <button matButton="elevated" matDatepickerApply>Aplicar</button>
402
+ </mat-datepicker-actions> -->
403
+ </mat-datepicker>
404
+
405
+ @if (loading()) {
406
+ <div class="absolute top-2 right-2">
407
+ <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
408
+ </div>
409
+ }
410
+
411
+ @if (hint()) {
412
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
413
+ }
414
+
415
+ @if (control().invalid && control().touched) {
416
+ <mat-error>
417
+ {{ getErrorMessage() }}
418
+ </mat-error>
419
+ }
420
+ </mat-form-field>
421
421
  `,
422
422
  }]
423
423
  }] });
424
424
 
425
- class InputSelectComponent extends MatFormControlBase {
425
+ class MatInputSelectComponent extends MatFormControlBase {
426
426
  options = input([]);
427
427
  emptyOptionLabel = input('forms.emptyOption');
428
428
  showClearOption = input(false);
@@ -438,62 +438,62 @@ class InputSelectComponent extends MatFormControlBase {
438
438
  onSelectionChange(event) {
439
439
  this.behavior.onSelectionChange(this, event);
440
440
  }
441
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
442
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputSelectComponent, isStandalone: true, selector: "nmf-mat-input-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionLabel: { classPropertyName: "emptyOptionLabel", publicName: "emptyOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, showClearOption: { classPropertyName: "showClearOption", publicName: "showClearOption", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
443
- @if (label() && detachLabel()) {
444
- <label class="font-medium text-base">{{ label() }}</label>
445
- }
446
- <mat-form-field
447
- appearance="outline"
448
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
449
- >
450
- @if (label() && !detachLabel()) {
451
- <mat-label>{{ label() }}</mat-label>
452
- }
453
-
454
- <mat-select
455
- [value]="value"
456
- [disabled]="disabled"
457
- [panelWidth]="panelWidth()"
458
- [ngClass]="disabled ? 'hide-arrow' : ''"
459
- (blur)="onTouched()"
460
- (selectionChange)="onSelectionChange($event)"
461
- (closed)="onSelectionClosed()"
462
- >
463
- <mat-option [value]="value === -1 ? -1 : ''" selected disabled>
464
- {{ emptyOptionLabel() }}
465
- </mat-option>
466
-
467
- <!-- All Options -->
468
- @for (option of options(); track option.label) {
469
- <mat-option [value]="option.key" [disabled]="option.disabled">
470
- {{ option.label }}
471
- </mat-option>
472
- }
473
-
474
- <!-- Clear Selection Option -->
475
- @if (showClearOption()) {
476
- <mat-option value="NONE">{{ 'forms.clearSelection' }}</mat-option>
477
- }
478
- </mat-select>
479
-
480
- @if (loading()) {
481
- <div class="absolute top-2 right-2">
482
- <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
483
- </div>
484
- }
485
-
486
- @if (hint()) {
487
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
488
- }
489
-
490
- @if (control().invalid && control().touched) {
491
- <mat-error>{{ getErrorMessage() }}</mat-error>
492
- }
493
- </mat-form-field>
441
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
442
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputSelectComponent, isStandalone: true, selector: "nmf-mat-input-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionLabel: { classPropertyName: "emptyOptionLabel", publicName: "emptyOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, showClearOption: { classPropertyName: "showClearOption", publicName: "showClearOption", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
443
+ @if (label() && detachLabel()) {
444
+ <label class="font-medium text-base">{{ label() }}</label>
445
+ }
446
+ <mat-form-field
447
+ appearance="outline"
448
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
449
+ >
450
+ @if (label() && !detachLabel()) {
451
+ <mat-label>{{ label() }}</mat-label>
452
+ }
453
+
454
+ <mat-select
455
+ [value]="value"
456
+ [disabled]="disabled"
457
+ [panelWidth]="panelWidth()"
458
+ [ngClass]="disabled ? 'hide-arrow' : ''"
459
+ (blur)="onTouched()"
460
+ (selectionChange)="onSelectionChange($event)"
461
+ (closed)="onSelectionClosed()"
462
+ >
463
+ <mat-option [value]="value === -1 ? -1 : ''" selected disabled>
464
+ {{ emptyOptionLabel() }}
465
+ </mat-option>
466
+
467
+ <!-- All Options -->
468
+ @for (option of options(); track option.label) {
469
+ <mat-option [value]="option.key" [disabled]="option.disabled">
470
+ {{ option.label }}
471
+ </mat-option>
472
+ }
473
+
474
+ <!-- Clear Selection Option -->
475
+ @if (showClearOption()) {
476
+ <mat-option value="NONE">{{ 'forms.clearSelection' }}</mat-option>
477
+ }
478
+ </mat-select>
479
+
480
+ @if (loading()) {
481
+ <div class="absolute top-2 right-2">
482
+ <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
483
+ </div>
484
+ }
485
+
486
+ @if (hint()) {
487
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
488
+ }
489
+
490
+ @if (control().invalid && control().touched) {
491
+ <mat-error>{{ getErrorMessage() }}</mat-error>
492
+ }
493
+ </mat-form-field>
494
494
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
495
495
  }
496
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputSelectComponent, decorators: [{
496
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputSelectComponent, decorators: [{
497
497
  type: Component,
498
498
  args: [{
499
499
  selector: 'nmf-mat-input-select',
@@ -505,63 +505,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
505
505
  MatSelectModule,
506
506
  ],
507
507
  changeDetection: ChangeDetectionStrategy.OnPush,
508
- template: `
509
- @if (label() && detachLabel()) {
510
- <label class="font-medium text-base">{{ label() }}</label>
511
- }
512
- <mat-form-field
513
- appearance="outline"
514
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
515
- >
516
- @if (label() && !detachLabel()) {
517
- <mat-label>{{ label() }}</mat-label>
518
- }
519
-
520
- <mat-select
521
- [value]="value"
522
- [disabled]="disabled"
523
- [panelWidth]="panelWidth()"
524
- [ngClass]="disabled ? 'hide-arrow' : ''"
525
- (blur)="onTouched()"
526
- (selectionChange)="onSelectionChange($event)"
527
- (closed)="onSelectionClosed()"
528
- >
529
- <mat-option [value]="value === -1 ? -1 : ''" selected disabled>
530
- {{ emptyOptionLabel() }}
531
- </mat-option>
532
-
533
- <!-- All Options -->
534
- @for (option of options(); track option.label) {
535
- <mat-option [value]="option.key" [disabled]="option.disabled">
536
- {{ option.label }}
537
- </mat-option>
538
- }
539
-
540
- <!-- Clear Selection Option -->
541
- @if (showClearOption()) {
542
- <mat-option value="NONE">{{ 'forms.clearSelection' }}</mat-option>
543
- }
544
- </mat-select>
545
-
546
- @if (loading()) {
547
- <div class="absolute top-2 right-2">
548
- <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
549
- </div>
550
- }
551
-
552
- @if (hint()) {
553
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
554
- }
555
-
556
- @if (control().invalid && control().touched) {
557
- <mat-error>{{ getErrorMessage() }}</mat-error>
558
- }
559
- </mat-form-field>
508
+ template: `
509
+ @if (label() && detachLabel()) {
510
+ <label class="font-medium text-base">{{ label() }}</label>
511
+ }
512
+ <mat-form-field
513
+ appearance="outline"
514
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
515
+ >
516
+ @if (label() && !detachLabel()) {
517
+ <mat-label>{{ label() }}</mat-label>
518
+ }
519
+
520
+ <mat-select
521
+ [value]="value"
522
+ [disabled]="disabled"
523
+ [panelWidth]="panelWidth()"
524
+ [ngClass]="disabled ? 'hide-arrow' : ''"
525
+ (blur)="onTouched()"
526
+ (selectionChange)="onSelectionChange($event)"
527
+ (closed)="onSelectionClosed()"
528
+ >
529
+ <mat-option [value]="value === -1 ? -1 : ''" selected disabled>
530
+ {{ emptyOptionLabel() }}
531
+ </mat-option>
532
+
533
+ <!-- All Options -->
534
+ @for (option of options(); track option.label) {
535
+ <mat-option [value]="option.key" [disabled]="option.disabled">
536
+ {{ option.label }}
537
+ </mat-option>
538
+ }
539
+
540
+ <!-- Clear Selection Option -->
541
+ @if (showClearOption()) {
542
+ <mat-option value="NONE">{{ 'forms.clearSelection' }}</mat-option>
543
+ }
544
+ </mat-select>
545
+
546
+ @if (loading()) {
547
+ <div class="absolute top-2 right-2">
548
+ <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
549
+ </div>
550
+ }
551
+
552
+ @if (hint()) {
553
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
554
+ }
555
+
556
+ @if (control().invalid && control().touched) {
557
+ <mat-error>{{ getErrorMessage() }}</mat-error>
558
+ }
559
+ </mat-form-field>
560
560
  `,
561
561
  }]
562
562
  }] });
563
563
 
564
- class InputComponent extends MatFormControlBase {
564
+ class MatInputComponent extends MatFormControlBase {
565
565
  type = input('text');
566
566
  behavior = new InputTextBehavior();
567
567
  toggleShowPassword(event) {
@@ -570,69 +570,69 @@ class InputComponent extends MatFormControlBase {
570
570
  onInput(event) {
571
571
  this.behavior.onInput(this, event);
572
572
  }
573
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
574
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputComponent, isStandalone: true, selector: "nmf-mat-input-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
573
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
574
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputComponent, isStandalone: true, selector: "nmf-mat-input-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
575
575
  {
576
576
  provide: MatFormFieldControl,
577
- useExisting: forwardRef(() => InputComponent),
577
+ useExisting: forwardRef(() => MatInputComponent),
578
578
  },
579
- ], usesInheritance: true, ngImport: i0, template: `
580
- <div class="relative">
581
- @if (label() && detachLabel()) {
582
- <label class="font-medium text-base">{{ label() }}</label>
583
- }
584
- <mat-form-field
585
- appearance="outline"
586
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
587
- >
588
- @if (label() && !detachLabel()) {
589
- <mat-label>{{ label() }}</mat-label>
590
- }
591
-
592
- <input
593
- matInput
594
- autocomplete="off"
595
- [ngClass]="classList"
596
- [id]="id"
597
- [name]="name === 'identificationNumber' ? 'idummyi' : name"
598
- [type]="behavior.hidePassword() ? type() : 'text'"
599
- [readonly]="readonly"
600
- [placeholder]="placeholder"
601
- (input)="onInput($event)"
602
- (blur)="onTouched()"
603
- [formControlName]="controlName()"
604
- [required]="isRequired()"
605
- style="padding-top: 5px"
606
- />
607
-
608
- @if (loading()) {
609
- <div class="absolute top-5 right-5 z-10">
610
- <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
611
- </div>
612
- }
613
-
614
- @if (hint()) {
615
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
616
- }
617
-
618
- @if (type() === 'password') {
619
- <button matIconSuffix (click)="toggleShowPassword($event)">
620
- <mat-icon>{{
621
- behavior.hidePassword() ? 'visibility_off' : 'visibility'
622
- }}</mat-icon>
623
- </button>
624
- }
625
-
626
- <ng-content></ng-content>
627
-
628
- @if (control().invalid && control().touched) {
629
- <mat-error>{{ getErrorMessage() }}</mat-error>
630
- }
631
- </mat-form-field>
632
- </div>
579
+ ], usesInheritance: true, ngImport: i0, template: `
580
+ <div class="relative">
581
+ @if (label() && detachLabel()) {
582
+ <label class="font-medium text-base">{{ label() }}</label>
583
+ }
584
+ <mat-form-field
585
+ appearance="outline"
586
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
587
+ >
588
+ @if (label() && !detachLabel()) {
589
+ <mat-label>{{ label() }}</mat-label>
590
+ }
591
+
592
+ <input
593
+ matInput
594
+ autocomplete="off"
595
+ [ngClass]="classList"
596
+ [id]="id"
597
+ [name]="name === 'identificationNumber' ? 'idummyi' : name"
598
+ [type]="behavior.hidePassword() ? type() : 'text'"
599
+ [readonly]="readonly"
600
+ [placeholder]="placeholder"
601
+ (input)="onInput($event)"
602
+ (blur)="onTouched()"
603
+ [formControlName]="controlName()"
604
+ [required]="isRequired()"
605
+ style="padding-top: 5px"
606
+ />
607
+
608
+ @if (loading()) {
609
+ <div class="absolute top-5 right-5 z-10">
610
+ <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
611
+ </div>
612
+ }
613
+
614
+ @if (hint()) {
615
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
616
+ }
617
+
618
+ @if (type() === 'password') {
619
+ <button matIconSuffix (click)="toggleShowPassword($event)">
620
+ <mat-icon>{{
621
+ behavior.hidePassword() ? 'visibility_off' : 'visibility'
622
+ }}</mat-icon>
623
+ </button>
624
+ }
625
+
626
+ <ng-content></ng-content>
627
+
628
+ @if (control().invalid && control().touched) {
629
+ <mat-error>{{ getErrorMessage() }}</mat-error>
630
+ }
631
+ </mat-form-field>
632
+ </div>
633
633
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
634
634
  }
635
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputComponent, decorators: [{
635
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputComponent, decorators: [{
636
636
  type: Component,
637
637
  args: [{
638
638
  selector: 'nmf-mat-input-text',
@@ -647,69 +647,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
647
647
  providers: [
648
648
  {
649
649
  provide: MatFormFieldControl,
650
- useExisting: forwardRef(() => InputComponent),
650
+ useExisting: forwardRef(() => MatInputComponent),
651
651
  },
652
652
  ],
653
653
  changeDetection: ChangeDetectionStrategy.OnPush,
654
- template: `
655
- <div class="relative">
656
- @if (label() && detachLabel()) {
657
- <label class="font-medium text-base">{{ label() }}</label>
658
- }
659
- <mat-form-field
660
- appearance="outline"
661
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
662
- >
663
- @if (label() && !detachLabel()) {
664
- <mat-label>{{ label() }}</mat-label>
665
- }
666
-
667
- <input
668
- matInput
669
- autocomplete="off"
670
- [ngClass]="classList"
671
- [id]="id"
672
- [name]="name === 'identificationNumber' ? 'idummyi' : name"
673
- [type]="behavior.hidePassword() ? type() : 'text'"
674
- [readonly]="readonly"
675
- [placeholder]="placeholder"
676
- (input)="onInput($event)"
677
- (blur)="onTouched()"
678
- [formControlName]="controlName()"
679
- [required]="isRequired()"
680
- style="padding-top: 5px"
681
- />
682
-
683
- @if (loading()) {
684
- <div class="absolute top-5 right-5 z-10">
685
- <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
686
- </div>
687
- }
688
-
689
- @if (hint()) {
690
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
691
- }
692
-
693
- @if (type() === 'password') {
694
- <button matIconSuffix (click)="toggleShowPassword($event)">
695
- <mat-icon>{{
696
- behavior.hidePassword() ? 'visibility_off' : 'visibility'
697
- }}</mat-icon>
698
- </button>
699
- }
700
-
701
- <ng-content></ng-content>
702
-
703
- @if (control().invalid && control().touched) {
704
- <mat-error>{{ getErrorMessage() }}</mat-error>
705
- }
706
- </mat-form-field>
707
- </div>
654
+ template: `
655
+ <div class="relative">
656
+ @if (label() && detachLabel()) {
657
+ <label class="font-medium text-base">{{ label() }}</label>
658
+ }
659
+ <mat-form-field
660
+ appearance="outline"
661
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
662
+ >
663
+ @if (label() && !detachLabel()) {
664
+ <mat-label>{{ label() }}</mat-label>
665
+ }
666
+
667
+ <input
668
+ matInput
669
+ autocomplete="off"
670
+ [ngClass]="classList"
671
+ [id]="id"
672
+ [name]="name === 'identificationNumber' ? 'idummyi' : name"
673
+ [type]="behavior.hidePassword() ? type() : 'text'"
674
+ [readonly]="readonly"
675
+ [placeholder]="placeholder"
676
+ (input)="onInput($event)"
677
+ (blur)="onTouched()"
678
+ [formControlName]="controlName()"
679
+ [required]="isRequired()"
680
+ style="padding-top: 5px"
681
+ />
682
+
683
+ @if (loading()) {
684
+ <div class="absolute top-5 right-5 z-10">
685
+ <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
686
+ </div>
687
+ }
688
+
689
+ @if (hint()) {
690
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
691
+ }
692
+
693
+ @if (type() === 'password') {
694
+ <button matIconSuffix (click)="toggleShowPassword($event)">
695
+ <mat-icon>{{
696
+ behavior.hidePassword() ? 'visibility_off' : 'visibility'
697
+ }}</mat-icon>
698
+ </button>
699
+ }
700
+
701
+ <ng-content></ng-content>
702
+
703
+ @if (control().invalid && control().touched) {
704
+ <mat-error>{{ getErrorMessage() }}</mat-error>
705
+ }
706
+ </mat-form-field>
707
+ </div>
708
708
  `,
709
709
  }]
710
710
  }] });
711
711
 
712
- class InputTextareaComponent extends MatFormControlBase {
712
+ class MatInputTextareaComponent extends MatFormControlBase {
713
713
  rows = input(5);
714
714
  cols = input(5);
715
715
  behavior = new InputTextareaBehavior();
@@ -719,53 +719,53 @@ class InputTextareaComponent extends MatFormControlBase {
719
719
  onInput(event) {
720
720
  this.behavior.onInput(this, event);
721
721
  }
722
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
723
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputTextareaComponent, isStandalone: true, selector: "nmf-mat-input-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
724
- @if (label() && detachLabel()) {
725
- <label class="font-medium text-base">{{ label() }}</label>
726
- }
727
- <mat-form-field
728
- appearance="outline"
729
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
730
- >
731
- @if (label() && !detachLabel()) {
732
- <mat-label>{{ label() }}</mat-label>
733
- }
734
-
735
- <textarea
736
- matInput
737
- [id]="id"
738
- [rows]="rows()"
739
- [cols]="cols()"
740
- [value]="value"
741
- [readonly]="readonly"
742
- [disabled]="disabled"
743
- [placeholder]="placeholder"
744
- style="padding-top: 5px"
745
- (blur)="onTouched()"
746
- (input)="onInput($event)"
747
- (keydown.enter)="onEnter()"
748
- ></textarea>
749
-
750
- @if (loading()) {
751
- <div class="absolute top-5 right-5 z-10">
752
- <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
753
- </div>
754
- }
755
-
756
- @if (hint()) {
757
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
758
- }
759
-
760
- @if (control().invalid && control().touched) {
761
- <mat-error>
762
- {{ getErrorMessage() }}
763
- </mat-error>
764
- }
765
- </mat-form-field>
722
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
723
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputTextareaComponent, isStandalone: true, selector: "nmf-mat-input-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
724
+ @if (label() && detachLabel()) {
725
+ <label class="font-medium text-base">{{ label() }}</label>
726
+ }
727
+ <mat-form-field
728
+ appearance="outline"
729
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
730
+ >
731
+ @if (label() && !detachLabel()) {
732
+ <mat-label>{{ label() }}</mat-label>
733
+ }
734
+
735
+ <textarea
736
+ matInput
737
+ [id]="id"
738
+ [rows]="rows()"
739
+ [cols]="cols()"
740
+ [value]="value"
741
+ [readonly]="readonly"
742
+ [disabled]="disabled"
743
+ [placeholder]="placeholder"
744
+ style="padding-top: 5px"
745
+ (blur)="onTouched()"
746
+ (input)="onInput($event)"
747
+ (keydown.enter)="onEnter()"
748
+ ></textarea>
749
+
750
+ @if (loading()) {
751
+ <div class="absolute top-5 right-5 z-10">
752
+ <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
753
+ </div>
754
+ }
755
+
756
+ @if (hint()) {
757
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
758
+ }
759
+
760
+ @if (control().invalid && control().touched) {
761
+ <mat-error>
762
+ {{ getErrorMessage() }}
763
+ </mat-error>
764
+ }
765
+ </mat-form-field>
766
766
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
767
767
  }
768
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextareaComponent, decorators: [{
768
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputTextareaComponent, decorators: [{
769
769
  type: Component,
770
770
  args: [{
771
771
  selector: 'nmf-mat-input-textarea',
@@ -776,49 +776,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
776
776
  MatProgressSpinnerModule,
777
777
  ],
778
778
  changeDetection: ChangeDetectionStrategy.OnPush,
779
- template: `
780
- @if (label() && detachLabel()) {
781
- <label class="font-medium text-base">{{ label() }}</label>
782
- }
783
- <mat-form-field
784
- appearance="outline"
785
- [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
786
- >
787
- @if (label() && !detachLabel()) {
788
- <mat-label>{{ label() }}</mat-label>
789
- }
790
-
791
- <textarea
792
- matInput
793
- [id]="id"
794
- [rows]="rows()"
795
- [cols]="cols()"
796
- [value]="value"
797
- [readonly]="readonly"
798
- [disabled]="disabled"
799
- [placeholder]="placeholder"
800
- style="padding-top: 5px"
801
- (blur)="onTouched()"
802
- (input)="onInput($event)"
803
- (keydown.enter)="onEnter()"
804
- ></textarea>
805
-
806
- @if (loading()) {
807
- <div class="absolute top-5 right-5 z-10">
808
- <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
809
- </div>
810
- }
811
-
812
- @if (hint()) {
813
- <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
814
- }
815
-
816
- @if (control().invalid && control().touched) {
817
- <mat-error>
818
- {{ getErrorMessage() }}
819
- </mat-error>
820
- }
821
- </mat-form-field>
779
+ template: `
780
+ @if (label() && detachLabel()) {
781
+ <label class="font-medium text-base">{{ label() }}</label>
782
+ }
783
+ <mat-form-field
784
+ appearance="outline"
785
+ [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
786
+ >
787
+ @if (label() && !detachLabel()) {
788
+ <mat-label>{{ label() }}</mat-label>
789
+ }
790
+
791
+ <textarea
792
+ matInput
793
+ [id]="id"
794
+ [rows]="rows()"
795
+ [cols]="cols()"
796
+ [value]="value"
797
+ [readonly]="readonly"
798
+ [disabled]="disabled"
799
+ [placeholder]="placeholder"
800
+ style="padding-top: 5px"
801
+ (blur)="onTouched()"
802
+ (input)="onInput($event)"
803
+ (keydown.enter)="onEnter()"
804
+ ></textarea>
805
+
806
+ @if (loading()) {
807
+ <div class="absolute top-5 right-5 z-10">
808
+ <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
809
+ </div>
810
+ }
811
+
812
+ @if (hint()) {
813
+ <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
814
+ }
815
+
816
+ @if (control().invalid && control().touched) {
817
+ <mat-error>
818
+ {{ getErrorMessage() }}
819
+ </mat-error>
820
+ }
821
+ </mat-form-field>
822
822
  `,
823
823
  }]
824
824
  }] });
@@ -831,5 +831,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
831
831
  * Generated bundle index. Do not edit.
832
832
  */
833
833
 
834
- export { InputComponent, InputSelectComponent, InputTextareaComponent, MatFormControlBase, MatInputCurrencyComponent, MatInputDatepickerComponent };
834
+ export { MatFormControlBase, MatInputComponent, MatInputCurrencyComponent, MatInputDatepickerComponent, MatInputSelectComponent, MatInputTextareaComponent };
835
835
  //# sourceMappingURL=ng-modular-forms-material.mjs.map