ngx-sp-infra 5.2.6 → 5.2.7

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.
@@ -6305,6 +6305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
6305
6305
  class DynamicInputComponent {
6306
6306
  constructor() {
6307
6307
  this.typeInput = "text";
6308
+ this.showCharacterCounter = true;
6308
6309
  this.txConteudoCarac = '';
6309
6310
  this.updateCoCarac = new EventEmitter();
6310
6311
  this.intMask = '';
@@ -6317,15 +6318,17 @@ class DynamicInputComponent {
6317
6318
  this.updateCoCarac.emit(this.txConteudoCarac);
6318
6319
  }
6319
6320
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DynamicInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6320
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DynamicInputComponent, isStandalone: true, selector: "app-dynamic-input, lib-dynamic-input", inputs: { disableInput: "disableInput", typeInput: "typeInput", qtInteiros: "qtInteiros", qtDecimais: "qtDecimais", txConteudoCarac: "txConteudoCarac" }, outputs: { updateCoCarac: "updateCoCarac" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"typeInput\">\n\n <ng-container *ngSwitchCase=\"'date'\">\n <input type=\"date\" class=\"form-control\" id=\"dynamicInput_date\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'integer'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_integer\" [mask]=\"intMask\" placeholder=\"N\u00FAmeros Inteiros\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'decimal'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_decimal\" currencyMask [options]=\"{ precision: qtDecimais }\" placeholder=\"Conte\u00FAdo Decimal\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (keyup)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'phone'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_phone\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"\n [disabled]=\"disableInput ?? false\" [showMaskTyped]=\"false\" mask=\"(00) 0000-0000||(00) 00000-0000\" [dropSpecialCharacters]=\"false\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'text'\">\n <textarea type=\"text\" maxlength=\"100\" class=\"form-control\" id=\"dynamicInput_text\" placeholder=\"Texto Livre\" rows=\"1\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 100 - txConteudoCarac.length }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'longtext'\">\n <textarea type=\"text\" maxlength=\"1000\" class=\"form-control\" id=\"dynamicInput_longtext\" placeholder=\"Texto Livre\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 1000 - txConteudoCarac.length }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'time'\">\n <input type=\"time\" class=\"form-control\" id=\"dynamicInput_time\" placeholder=\"Hor\u00E1rio\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'datetime'\">\n <input type=\"datetime-local\" class=\"form-control\" id=\"dynamicInput_datetime\" placeholder=\"Data e hora\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: NgxCurrencyDirective, selector: "input[currencyMask]", inputs: ["currencyMask", "options"] }] }); }
6321
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DynamicInputComponent, isStandalone: true, selector: "app-dynamic-input, lib-dynamic-input", inputs: { disableInput: "disableInput", typeInput: "typeInput", showCharacterCounter: "showCharacterCounter", qtInteiros: "qtInteiros", qtDecimais: "qtDecimais", txConteudoCarac: "txConteudoCarac" }, outputs: { updateCoCarac: "updateCoCarac" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"typeInput\">\n\n <ng-container *ngSwitchCase=\"'date'\">\n <input type=\"date\" class=\"form-control\" id=\"dynamicInput_date\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'integer'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_integer\" [mask]=\"intMask\" placeholder=\"N\u00FAmeros Inteiros\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'decimal'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_decimal\" currencyMask [options]=\"{ precision: qtDecimais }\" placeholder=\"Conte\u00FAdo Decimal\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (keyup)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'phone'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_phone\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"\n [disabled]=\"disableInput ?? false\" [showMaskTyped]=\"false\" mask=\"(00) 0000-0000||(00) 00000-0000\" [dropSpecialCharacters]=\"false\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'text'\">\n <textarea type=\"text\" maxlength=\"100\" class=\"form-control\" id=\"dynamicInput_text\" placeholder=\"Texto Livre\" rows=\"1\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n\n @if (showCharacterCounter) {\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 100 - txConteudoCarac.length }}</span>\n </div>\n }\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'longtext'\">\n <textarea type=\"text\" maxlength=\"1000\" class=\"form-control\" id=\"dynamicInput_longtext\" placeholder=\"Texto Livre\" rows=\"1\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n\n @if (showCharacterCounter) {\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 1000 - txConteudoCarac.length }}</span>\n </div>\n }\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'time'\">\n <input type=\"time\" class=\"form-control\" id=\"dynamicInput_time\" placeholder=\"Hor\u00E1rio\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'datetime'\">\n <input type=\"datetime-local\" class=\"form-control\" id=\"dynamicInput_datetime\" placeholder=\"Data e hora\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: NgxCurrencyDirective, selector: "input[currencyMask]", inputs: ["currencyMask", "options"] }] }); }
6321
6322
  }
6322
6323
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DynamicInputComponent, decorators: [{
6323
6324
  type: Component,
6324
- args: [{ selector: 'app-dynamic-input, lib-dynamic-input', imports: [NgSwitch, NgSwitchCase, FormsModule, NgxMaskDirective, NgxCurrencyDirective], template: "<ng-container [ngSwitch]=\"typeInput\">\n\n <ng-container *ngSwitchCase=\"'date'\">\n <input type=\"date\" class=\"form-control\" id=\"dynamicInput_date\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'integer'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_integer\" [mask]=\"intMask\" placeholder=\"N\u00FAmeros Inteiros\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'decimal'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_decimal\" currencyMask [options]=\"{ precision: qtDecimais }\" placeholder=\"Conte\u00FAdo Decimal\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (keyup)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'phone'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_phone\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"\n [disabled]=\"disableInput ?? false\" [showMaskTyped]=\"false\" mask=\"(00) 0000-0000||(00) 00000-0000\" [dropSpecialCharacters]=\"false\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'text'\">\n <textarea type=\"text\" maxlength=\"100\" class=\"form-control\" id=\"dynamicInput_text\" placeholder=\"Texto Livre\" rows=\"1\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 100 - txConteudoCarac.length }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'longtext'\">\n <textarea type=\"text\" maxlength=\"1000\" class=\"form-control\" id=\"dynamicInput_longtext\" placeholder=\"Texto Livre\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 1000 - txConteudoCarac.length }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'time'\">\n <input type=\"time\" class=\"form-control\" id=\"dynamicInput_time\" placeholder=\"Hor\u00E1rio\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'datetime'\">\n <input type=\"datetime-local\" class=\"form-control\" id=\"dynamicInput_datetime\" placeholder=\"Data e hora\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n</ng-container>" }]
6325
+ args: [{ selector: 'app-dynamic-input, lib-dynamic-input', imports: [NgSwitch, NgSwitchCase, FormsModule, NgxMaskDirective, NgxCurrencyDirective], template: "<ng-container [ngSwitch]=\"typeInput\">\n\n <ng-container *ngSwitchCase=\"'date'\">\n <input type=\"date\" class=\"form-control\" id=\"dynamicInput_date\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'integer'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_integer\" [mask]=\"intMask\" placeholder=\"N\u00FAmeros Inteiros\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'decimal'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_decimal\" currencyMask [options]=\"{ precision: qtDecimais }\" placeholder=\"Conte\u00FAdo Decimal\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (keyup)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'phone'\">\n <input type=\"text\" class=\"form-control\" id=\"dynamicInput_phone\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"\n [disabled]=\"disableInput ?? false\" [showMaskTyped]=\"false\" mask=\"(00) 0000-0000||(00) 00000-0000\" [dropSpecialCharacters]=\"false\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'text'\">\n <textarea type=\"text\" maxlength=\"100\" class=\"form-control\" id=\"dynamicInput_text\" placeholder=\"Texto Livre\" rows=\"1\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n\n @if (showCharacterCounter) {\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 100 - txConteudoCarac.length }}</span>\n </div>\n }\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'longtext'\">\n <textarea type=\"text\" maxlength=\"1000\" class=\"form-control\" id=\"dynamicInput_longtext\" placeholder=\"Texto Livre\" rows=\"1\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\"></textarea>\n\n @if (showCharacterCounter) {\n <div class=\"d-flex justify-content-end position-relative\">\n <span class=\"text-muted mt-1 glb-fs-14\">Caracteres restantes: {{ 1000 - txConteudoCarac.length }}</span>\n </div>\n }\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'time'\">\n <input type=\"time\" class=\"form-control\" id=\"dynamicInput_time\" placeholder=\"Hor\u00E1rio\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'datetime'\">\n <input type=\"datetime-local\" class=\"form-control\" id=\"dynamicInput_datetime\" placeholder=\"Data e hora\"\n [disabled]=\"disableInput ?? false\" [(ngModel)]=\"txConteudoCarac\" (change)=\"sendEventUpdateCoCarac()\">\n </ng-container>\n\n</ng-container>" }]
6325
6326
  }], ctorParameters: () => [], propDecorators: { disableInput: [{
6326
6327
  type: Input
6327
6328
  }], typeInput: [{
6328
6329
  type: Input
6330
+ }], showCharacterCounter: [{
6331
+ type: Input
6329
6332
  }], qtInteiros: [{
6330
6333
  type: Input
6331
6334
  }], qtDecimais: [{