@seniorsistemas/angular-components 17.16.13 → 17.16.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +7 -9
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/dynamic-form/components/dynamic-field/dynamic-field.component.d.ts +2 -0
- package/components/dynamic-form/components/field-label/field-label.component.d.ts +2 -3
- package/components/dynamic-form/components/grid/row/row.component.d.ts +2 -0
- package/esm2015/components/dynamic-form/components/dynamic-field/dynamic-field.component.js +6 -2
- package/esm2015/components/dynamic-form/components/field-label/field-label.component.js +2 -8
- package/esm2015/components/dynamic-form/components/grid/row/row.component.js +11 -2
- package/esm2015/components/dynamic-form/configurations/fields/field.js +3 -3
- package/esm2015/components/dynamic-form/index.js +1 -1
- package/esm5/components/dynamic-form/components/dynamic-field/dynamic-field.component.js +4 -2
- package/esm5/components/dynamic-form/components/field-label/field-label.component.js +2 -6
- package/esm5/components/dynamic-form/components/grid/row/row.component.js +4 -2
- package/esm5/components/dynamic-form/configurations/fields/field.js +3 -3
- package/esm5/components/dynamic-form/index.js +1 -1
- package/fesm2015/seniorsistemas-angular-components.js +16 -11
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +7 -9
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -5628,7 +5628,7 @@
|
|
|
5628
5628
|
var Field = /** @class */ (function () {
|
|
5629
5629
|
function Field(config) {
|
|
5630
5630
|
var _this = this;
|
|
5631
|
-
var _a, _b, _c, _d;
|
|
5631
|
+
var _a, _b, _c, _d, _e;
|
|
5632
5632
|
if ((_a = config.footer) === null || _a === void 0 ? void 0 : _a.help) {
|
|
5633
5633
|
config.footer.help = __assign({ visible: function () { return true; } }, (_b = config.footer) === null || _b === void 0 ? void 0 : _b.help);
|
|
5634
5634
|
}
|
|
@@ -5654,7 +5654,7 @@
|
|
|
5654
5654
|
this.representedBy = config.representedBy;
|
|
5655
5655
|
this.CustomFieldClass = config.CustomFieldClass;
|
|
5656
5656
|
this.CustomFieldComponentClass = config.CustomFieldComponentClass;
|
|
5657
|
-
this.displayTimeInfoSign = config.displayTimeInfoSign;
|
|
5657
|
+
this.displayTimeInfoSign = (_e = config.displayTimeInfoSign) !== null && _e !== void 0 ? _e : 5000;
|
|
5658
5658
|
}
|
|
5659
5659
|
return Field;
|
|
5660
5660
|
}());
|
|
@@ -11061,6 +11061,7 @@
|
|
|
11061
11061
|
|
|
11062
11062
|
var RowComponent = /** @class */ (function () {
|
|
11063
11063
|
function RowComponent() {
|
|
11064
|
+
this.FieldType = exports.FieldType;
|
|
11064
11065
|
}
|
|
11065
11066
|
RowComponent.prototype.ngOnInit = function () { };
|
|
11066
11067
|
RowComponent.prototype.getErrorMessages = function (errorMessages) {
|
|
@@ -11085,7 +11086,7 @@
|
|
|
11085
11086
|
], RowComponent.prototype, "errorMessages", void 0);
|
|
11086
11087
|
RowComponent = __decorate([
|
|
11087
11088
|
core.Component({
|
|
11088
|
-
template: "\n <div class=\"ui-fluid\" [formGroup]=\"group\">\n <div class=\"ui-g\">\n <ng-container *ngFor=\"let field of config.fields\">\n <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n\n <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n\n <ng-container *ngIf=\"field.footer\">\n <ng-container *ngIf=\"field.footer.help\">\n <span *ngIf=\"field.footer.help.visible({ abstractControl: group.controls[field.name], formField: field })\" style=\"color: #888B99\">{{ field.footer.help.text }}</span>\n </ng-container>\n\n <ng-container *ngIf=\"field.footer.link\">\n <div\n *ngIf=\"field.footer.link.visible({ abstractControl: group.controls[field.name], formField: field })\"\n class=\"ui-g\"\n style=\"margin-left: -17px\"\n >\n <s-button\n [label]=\"field.footer.link.label\"\n priority=\"link\"\n (onClick)=\"field.footer.link.onClick({ abstractControl: group.controls[field.name], formField: field })\"\n [auxiliary]=\"true\"\n ></s-button>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n </div>\n </ng-container>\n </div>\n "
|
|
11089
|
+
template: "\n <div class=\"ui-fluid\" [formGroup]=\"group\">\n <div class=\"ui-g\">\n <ng-container *ngFor=\"let field of config.fields\">\n <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n <ng-container *ngIf=\"field.type === FieldType.Custom && field.label\" >\n <label *sInfoSign=\"field.infoSign\" [for]=\"field.name\" [ngClass]=\"{ required: field.required() }\" >\n {{ field.label }}\n </label>\n </ng-container>\n\n <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n\n <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n\n <ng-container *ngIf=\"field.footer\">\n <ng-container *ngIf=\"field.footer.help\">\n <span *ngIf=\"field.footer.help.visible({ abstractControl: group.controls[field.name], formField: field })\" style=\"color: #888B99\">{{ field.footer.help.text }}</span>\n </ng-container>\n\n <ng-container *ngIf=\"field.footer.link\">\n <div\n *ngIf=\"field.footer.link.visible({ abstractControl: group.controls[field.name], formField: field })\"\n class=\"ui-g\"\n style=\"margin-left: -17px\"\n >\n <s-button\n [label]=\"field.footer.link.label\"\n priority=\"link\"\n (onClick)=\"field.footer.link.onClick({ abstractControl: group.controls[field.name], formField: field })\"\n [auxiliary]=\"true\"\n ></s-button>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n </div>\n </ng-container>\n </div>\n "
|
|
11089
11090
|
})
|
|
11090
11091
|
], RowComponent);
|
|
11091
11092
|
return RowComponent;
|
|
@@ -11093,6 +11094,7 @@
|
|
|
11093
11094
|
|
|
11094
11095
|
var DynamicFieldComponent = /** @class */ (function () {
|
|
11095
11096
|
function DynamicFieldComponent() {
|
|
11097
|
+
this.FieldType = exports.FieldType;
|
|
11096
11098
|
}
|
|
11097
11099
|
DynamicFieldComponent.prototype.getErrorMessages = function (errorMessages) {
|
|
11098
11100
|
if (errorMessages)
|
|
@@ -11118,7 +11120,7 @@
|
|
|
11118
11120
|
DynamicFieldComponent = __decorate([
|
|
11119
11121
|
core.Component({
|
|
11120
11122
|
selector: "s-dynamic-field",
|
|
11121
|
-
template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n <div class=\"ui-g\">\n <ng-container *ngFor=\"let field of fields\">\n <div\n *ngIf=\"!field.visible || field.visible()\"\n [ngClass]=\"field.gridClass\">\n\n <ng-container\n *sDynamicForm=\"{\n id: id,\n config: field,\n group: form\n }\"\n ></ng-container>\n\n <s-control-errors\n [form]=\"form\"\n [control]=\"form.controls[field.name]\"\n [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n ></s-control-errors>\n\n <ng-container *ngIf=\"field.footer\">\n <ng-container *ngIf=\"field.footer.help\">\n <span\n *ngIf=\"\n field.footer.help.visible({\n abstractControl: form.controls[field.name],\n formField: field\n })\n \"\n style=\"color: #888b99\"\n >\n {{ field.footer.help.text }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"field.footer.link\">\n <div\n *ngIf=\"\n field.footer.link.visible({\n abstractControl: form.controls[field.name],\n formField: field\n })\n \"\n class=\"ui-g\"\n style=\"margin-left: -10px\"\n >\n <s-button\n [label]=\"field.footer.link.label\"\n priority=\"link\"\n (onClick)=\"\n field.footer.link.onClick({\n abstractControl:\n form.controls[field.name],\n formField: field\n })\n \"\n [auxiliary]=\"true\"\n ></s-button>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-template\n *ngIf=\"field?.bottomTemplate\"\n [ngTemplateOutlet]=\"field.bottomTemplate\"\n ></ng-template>\n </div>\n </ng-container>\n </div>\n</div>\n"
|
|
11123
|
+
template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n <div class=\"ui-g\">\n <ng-container *ngFor=\"let field of fields\">\n <div\n *ngIf=\"!field.visible || field.visible()\"\n [ngClass]=\"field.gridClass\">\n\n <ng-container *ngIf=\"field.label && field.type === FieldType.Custom\">\n <label\n *sInfoSign=\"\n field.infoSign;\n displayTime: field.displayTimeInfoSign\n \"\n [for]=\"field.name\"\n [ngClass]=\"{ required: field.required() }\"\n >\n {{ field.label }}\n </label>\n </ng-container>\n\n <ng-container\n *sDynamicForm=\"{\n id: id,\n config: field,\n group: form\n }\"\n ></ng-container>\n\n <s-control-errors\n [form]=\"form\"\n [control]=\"form.controls[field.name]\"\n [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n ></s-control-errors>\n\n <ng-container *ngIf=\"field.footer\">\n <ng-container *ngIf=\"field.footer.help\">\n <span\n *ngIf=\"\n field.footer.help.visible({\n abstractControl: form.controls[field.name],\n formField: field\n })\n \"\n style=\"color: #888b99\"\n >\n {{ field.footer.help.text }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"field.footer.link\">\n <div\n *ngIf=\"\n field.footer.link.visible({\n abstractControl: form.controls[field.name],\n formField: field\n })\n \"\n class=\"ui-g\"\n style=\"margin-left: -10px\"\n >\n <s-button\n [label]=\"field.footer.link.label\"\n priority=\"link\"\n (onClick)=\"\n field.footer.link.onClick({\n abstractControl:\n form.controls[field.name],\n formField: field\n })\n \"\n [auxiliary]=\"true\"\n ></s-button>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-template\n *ngIf=\"field?.bottomTemplate\"\n [ngTemplateOutlet]=\"field.bottomTemplate\"\n ></ng-template>\n </div>\n </ng-container>\n </div>\n</div>\n"
|
|
11122
11124
|
})
|
|
11123
11125
|
], DynamicFieldComponent);
|
|
11124
11126
|
return DynamicFieldComponent;
|
|
@@ -11880,21 +11882,17 @@
|
|
|
11880
11882
|
|
|
11881
11883
|
var FieldLabelComponent = /** @class */ (function () {
|
|
11882
11884
|
function FieldLabelComponent() {
|
|
11883
|
-
this.displayTimeInfoSign = 5000;
|
|
11884
11885
|
}
|
|
11885
11886
|
__decorate([
|
|
11886
11887
|
core.Input()
|
|
11887
11888
|
], FieldLabelComponent.prototype, "field", void 0);
|
|
11888
|
-
__decorate([
|
|
11889
|
-
core.Input()
|
|
11890
|
-
], FieldLabelComponent.prototype, "displayTimeInfoSign", void 0);
|
|
11891
11889
|
__decorate([
|
|
11892
11890
|
core.Input()
|
|
11893
11891
|
], FieldLabelComponent.prototype, "fieldContainerRef", void 0);
|
|
11894
11892
|
FieldLabelComponent = __decorate([
|
|
11895
11893
|
core.Component({
|
|
11896
11894
|
selector: 's-field-label',
|
|
11897
|
-
template: "<span *ngIf=\"field.label\">\n <label\n *sInfoSign=\"
|
|
11895
|
+
template: "<!--\n Caso esse componente seja alterado/removido/movido,\n alterar a label no row.component.ts e dynamic-field.component.ts\n-->\n\n<span *ngIf=\"field.label\">\n <label\n *sInfoSign=\"field.infoSign; displayTime: field.displayTimeInfoSign; focusedInputRef: fieldContainerRef\"\n [for]=\"field.name\"\n [ngClass]=\"{ required: field.required() }\"\n >\n {{ field.label }}\n </label>\n</span>\n"
|
|
11898
11896
|
})
|
|
11899
11897
|
], FieldLabelComponent);
|
|
11900
11898
|
return FieldLabelComponent;
|