ngx-sp-infra 6.0.11 → 6.0.12

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.
@@ -5959,11 +5959,16 @@ class DynamicInputComponent {
5959
5959
  this.updateCoCarac.emit(this.txConteudoCarac);
5960
5960
  }
5961
5961
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DynamicInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5962
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.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"] }] }); }
5962
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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" }, queries: [{ propertyName: "leftAddon", first: true, predicate: ["leftAddon"], descendants: true, read: TemplateRef }, { propertyName: "rightAddon", first: true, predicate: ["rightAddon"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container [ngSwitch]=\"typeInput\">\n\n <!-- Os inputs fazem parte de um input-group para facilitar a integra\u00E7\u00E3o com \u00EDcones/bot\u00F5es na lateral -->\n <div class=\"input-group\">\n\n <!-- Conte\u00FAdo referente ao addon do lado esquerdo -->\n @if (leftAddon) { <ng-container *ngTemplateOutlet=\"leftAddon\"></ng-container> }\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 <!-- Conte\u00FAdo referente ao addon do lado direito -->\n @if (rightAddon) { <ng-container *ngTemplateOutlet=\"rightAddon\"></ng-container> }\n </div>\n\n</ng-container>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5963
5963
  }
5964
5964
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DynamicInputComponent, decorators: [{
5965
5965
  type: Component,
5966
- 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>" }]
5966
+ args: [{ selector: 'app-dynamic-input, lib-dynamic-input', imports: [
5967
+ CommonModule,
5968
+ FormsModule,
5969
+ NgxMaskDirective,
5970
+ NgxCurrencyDirective
5971
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"typeInput\">\n\n <!-- Os inputs fazem parte de um input-group para facilitar a integra\u00E7\u00E3o com \u00EDcones/bot\u00F5es na lateral -->\n <div class=\"input-group\">\n\n <!-- Conte\u00FAdo referente ao addon do lado esquerdo -->\n @if (leftAddon) { <ng-container *ngTemplateOutlet=\"leftAddon\"></ng-container> }\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 <!-- Conte\u00FAdo referente ao addon do lado direito -->\n @if (rightAddon) { <ng-container *ngTemplateOutlet=\"rightAddon\"></ng-container> }\n </div>\n\n</ng-container>" }]
5967
5972
  }], ctorParameters: () => [], propDecorators: { disableInput: [{
5968
5973
  type: Input
5969
5974
  }], typeInput: [{
@@ -5976,6 +5981,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
5976
5981
  type: Input
5977
5982
  }], txConteudoCarac: [{
5978
5983
  type: Input
5984
+ }], leftAddon: [{
5985
+ type: ContentChild,
5986
+ args: ["leftAddon", { read: TemplateRef, static: false }]
5987
+ }], rightAddon: [{
5988
+ type: ContentChild,
5989
+ args: ["rightAddon", { read: TemplateRef, static: false }]
5979
5990
  }], updateCoCarac: [{
5980
5991
  type: Output
5981
5992
  }] } });