@seniorsistemas/angular-components 17.4.3 → 17.4.4
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 +78 -63
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/dynamic-form/components/lookup/lookup.component.d.ts +9 -3
- package/components/dynamic-form/configurations/fields/lookup-field.d.ts +12 -0
- package/esm2015/components/dynamic-form/components/fields/lookup/lookup-field.component.js +2 -2
- package/esm2015/components/dynamic-form/components/lookup/lookup.component.js +41 -33
- package/esm2015/components/dynamic-form/configurations/fields/lookup-field.js +4 -1
- package/esm2015/locale/fallback.js +3 -1
- package/esm5/components/dynamic-form/components/fields/lookup/lookup-field.component.js +2 -2
- package/esm5/components/dynamic-form/components/lookup/lookup.component.js +42 -32
- package/esm5/components/dynamic-form/configurations/fields/lookup-field.js +4 -1
- package/esm5/locale/fallback.js +3 -1
- package/fesm2015/seniorsistemas-angular-components.js +74 -61
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +78 -63
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -4046,6 +4046,38 @@ var CountryPhonePickerModule = /** @class */ (function () {
|
|
|
4046
4046
|
return CountryPhonePickerModule;
|
|
4047
4047
|
}());
|
|
4048
4048
|
|
|
4049
|
+
var CalendarLocaleOptions = /** @class */ (function () {
|
|
4050
|
+
function CalendarLocaleOptions(config) {
|
|
4051
|
+
var _this = this;
|
|
4052
|
+
if (config === void 0) { config = {}; }
|
|
4053
|
+
this.hourFormat = "24";
|
|
4054
|
+
this.dateFormat = "dd/mm/yy";
|
|
4055
|
+
this.firstDayOfWeek = 0;
|
|
4056
|
+
this.today = "Hoje";
|
|
4057
|
+
this.clear = "Limpar";
|
|
4058
|
+
this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
|
|
4059
|
+
this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
|
|
4060
|
+
this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
|
|
4061
|
+
this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
|
|
4062
|
+
this.monthNames = [
|
|
4063
|
+
"Janeiro",
|
|
4064
|
+
"Fevereiro",
|
|
4065
|
+
"Março",
|
|
4066
|
+
"Abril",
|
|
4067
|
+
"Maio",
|
|
4068
|
+
"Junho",
|
|
4069
|
+
"Julho",
|
|
4070
|
+
"Agosto",
|
|
4071
|
+
"Setembro",
|
|
4072
|
+
"Outubro",
|
|
4073
|
+
"Novembro",
|
|
4074
|
+
"Dezembro",
|
|
4075
|
+
];
|
|
4076
|
+
Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
|
|
4077
|
+
}
|
|
4078
|
+
return CalendarLocaleOptions;
|
|
4079
|
+
}());
|
|
4080
|
+
|
|
4049
4081
|
var FieldType;
|
|
4050
4082
|
(function (FieldType) {
|
|
4051
4083
|
FieldType["Autocomplete"] = "Autocomplete";
|
|
@@ -4127,38 +4159,6 @@ var AutocompleteField = /** @class */ (function (_super) {
|
|
|
4127
4159
|
return AutocompleteField;
|
|
4128
4160
|
}(Field));
|
|
4129
4161
|
|
|
4130
|
-
var CalendarLocaleOptions = /** @class */ (function () {
|
|
4131
|
-
function CalendarLocaleOptions(config) {
|
|
4132
|
-
var _this = this;
|
|
4133
|
-
if (config === void 0) { config = {}; }
|
|
4134
|
-
this.hourFormat = "24";
|
|
4135
|
-
this.dateFormat = "dd/mm/yy";
|
|
4136
|
-
this.firstDayOfWeek = 0;
|
|
4137
|
-
this.today = "Hoje";
|
|
4138
|
-
this.clear = "Limpar";
|
|
4139
|
-
this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
|
|
4140
|
-
this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
|
|
4141
|
-
this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
|
|
4142
|
-
this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
|
|
4143
|
-
this.monthNames = [
|
|
4144
|
-
"Janeiro",
|
|
4145
|
-
"Fevereiro",
|
|
4146
|
-
"Março",
|
|
4147
|
-
"Abril",
|
|
4148
|
-
"Maio",
|
|
4149
|
-
"Junho",
|
|
4150
|
-
"Julho",
|
|
4151
|
-
"Agosto",
|
|
4152
|
-
"Setembro",
|
|
4153
|
-
"Outubro",
|
|
4154
|
-
"Novembro",
|
|
4155
|
-
"Dezembro",
|
|
4156
|
-
];
|
|
4157
|
-
Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
|
|
4158
|
-
}
|
|
4159
|
-
return CalendarLocaleOptions;
|
|
4160
|
-
}());
|
|
4161
|
-
|
|
4162
4162
|
var NumberLocaleOptions = /** @class */ (function () {
|
|
4163
4163
|
function NumberLocaleOptions(config) {
|
|
4164
4164
|
if (config === void 0) { config = {}; }
|
|
@@ -4857,6 +4857,9 @@ var LookupField = /** @class */ (function (_super) {
|
|
|
4857
4857
|
_this.multiple = false;
|
|
4858
4858
|
_this.showSearch = true;
|
|
4859
4859
|
_this.autocompleteForceSelection = true;
|
|
4860
|
+
_this.showAddOption = false;
|
|
4861
|
+
_this.showEditOption = false;
|
|
4862
|
+
_this.showRemoveOption = false;
|
|
4860
4863
|
_this.onSelect = function (event) { };
|
|
4861
4864
|
_this.onUnselect = function (event) { };
|
|
4862
4865
|
Object.assign(_this, config);
|
|
@@ -5114,6 +5117,9 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5114
5117
|
this.showSearch = true;
|
|
5115
5118
|
this.lookupAppendTo = "body";
|
|
5116
5119
|
this.searchFields = [];
|
|
5120
|
+
this.showAddOption = false;
|
|
5121
|
+
this.showEditOption = false;
|
|
5122
|
+
this.showRemoveOption = false;
|
|
5117
5123
|
this.onLookupRequest = new EventEmitter();
|
|
5118
5124
|
this.onSearchRequest = new EventEmitter();
|
|
5119
5125
|
this.onFocus = new EventEmitter();
|
|
@@ -5122,6 +5128,9 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5122
5128
|
this.onSelect = new EventEmitter();
|
|
5123
5129
|
this.onUnselect = new EventEmitter();
|
|
5124
5130
|
this.onClear = new EventEmitter();
|
|
5131
|
+
this.onAdd = new EventEmitter();
|
|
5132
|
+
this.onEdit = new EventEmitter();
|
|
5133
|
+
this.onRemove = new EventEmitter();
|
|
5125
5134
|
this.dialogVisible = false;
|
|
5126
5135
|
this.collapsed = false;
|
|
5127
5136
|
this.selected = [];
|
|
@@ -5135,7 +5144,9 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5135
5144
|
if (!this.searchGridFields) {
|
|
5136
5145
|
this.searchGridFields = this.searchFields.map(function (item) { return new FormField(__assign({}, item)); });
|
|
5137
5146
|
}
|
|
5138
|
-
this.searchFields = this.searchFields.map(function (value) {
|
|
5147
|
+
this.searchFields = this.searchFields.map(function (value) {
|
|
5148
|
+
return new FormField(__assign(__assign({}, value), { size: { sm: 12, md: 12, lg: 12, xl: 12 } }));
|
|
5149
|
+
});
|
|
5139
5150
|
this.searchGridFields = this.searchGridFields.map(function (gridField) {
|
|
5140
5151
|
gridField["width"] = _this.getColWidth(gridField.label);
|
|
5141
5152
|
var calendarOptions = new CalendarLocaleOptions(__assign({}, gridField.calendarLocaleOptions));
|
|
@@ -5170,12 +5181,11 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5170
5181
|
var recordsLabel = this.recordsLabel
|
|
5171
5182
|
? this.searchTotalRecords + " " + this.recordsLabel
|
|
5172
5183
|
: this.translateService.instant("platform.angular_components.total_records", { count: this.searchTotalRecords });
|
|
5173
|
-
return this.searchTotalRecords === 1
|
|
5174
|
-
? recordLabel
|
|
5175
|
-
: recordsLabel;
|
|
5184
|
+
return this.searchTotalRecords === 1 ? recordLabel : recordsLabel;
|
|
5176
5185
|
};
|
|
5177
5186
|
LookupComponent.prototype._convertToMomentHourFormat = function (hourFormat, format) {
|
|
5178
|
-
if (format === "dd/mm/yy") {
|
|
5187
|
+
if (format === "dd/mm/yy") {
|
|
5188
|
+
// valor padrão para o format.
|
|
5179
5189
|
return "LTS";
|
|
5180
5190
|
}
|
|
5181
5191
|
if (hourFormat === "12") {
|
|
@@ -5245,14 +5255,11 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5245
5255
|
this.defaultFilter
|
|
5246
5256
|
.filter(function (_a) {
|
|
5247
5257
|
var field = _a.field;
|
|
5248
|
-
return _this.formGroupDialog.contains(field) &&
|
|
5249
|
-
!_this.formGroupDialog.get([field]).dirty;
|
|
5258
|
+
return _this.formGroupDialog.contains(field) && !_this.formGroupDialog.get([field]).dirty;
|
|
5250
5259
|
})
|
|
5251
5260
|
.forEach(function (_a) {
|
|
5252
5261
|
var value = _a.value, field = _a.field;
|
|
5253
|
-
_this.formGroupDialog
|
|
5254
|
-
.get([field])
|
|
5255
|
-
.patchValue(value instanceof Function ? value() : value);
|
|
5262
|
+
_this.formGroupDialog.get([field]).patchValue(value instanceof Function ? value() : value);
|
|
5256
5263
|
});
|
|
5257
5264
|
};
|
|
5258
5265
|
LookupComponent.prototype.showDialog = function () {
|
|
@@ -5352,7 +5359,7 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5352
5359
|
return this.emptyFieldLabel;
|
|
5353
5360
|
};
|
|
5354
5361
|
LookupComponent.prototype.isNumber = function (obj, path) {
|
|
5355
|
-
return !
|
|
5362
|
+
return !new BigNumber(this.getFieldValue(obj, path)).isNaN();
|
|
5356
5363
|
};
|
|
5357
5364
|
LookupComponent.prototype.setHotkeys = function () {
|
|
5358
5365
|
var _this = this;
|
|
@@ -5444,31 +5451,19 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5444
5451
|
};
|
|
5445
5452
|
LookupComponent.prototype._subscribeEvents = function () {
|
|
5446
5453
|
var _this = this;
|
|
5447
|
-
this.onSearchRequest
|
|
5448
|
-
|
|
5449
|
-
|
|
5450
|
-
this.
|
|
5451
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
5452
|
-
.subscribe(function () { return _this.onChange(_this.value); });
|
|
5453
|
-
this.onUnselect
|
|
5454
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
5455
|
-
.subscribe(function () { return _this.onChange(_this.value); });
|
|
5456
|
-
this.onClear
|
|
5457
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
5458
|
-
.subscribe(function () {
|
|
5454
|
+
this.onSearchRequest.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () { return (_this.loading = true); });
|
|
5455
|
+
this.onSelect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
|
|
5456
|
+
this.onUnselect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
|
|
5457
|
+
this.onClear.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
|
|
5459
5458
|
if (_this.multiple) {
|
|
5460
5459
|
return;
|
|
5461
5460
|
}
|
|
5462
5461
|
_this.onChange(null);
|
|
5463
5462
|
});
|
|
5464
|
-
this.onFocus
|
|
5465
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
5466
|
-
.subscribe(function () {
|
|
5463
|
+
this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
|
|
5467
5464
|
_this.onTouched();
|
|
5468
5465
|
});
|
|
5469
|
-
this.onBlur
|
|
5470
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
5471
|
-
.subscribe(function (event) {
|
|
5466
|
+
this.onBlur.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
|
|
5472
5467
|
var target = event.target;
|
|
5473
5468
|
var currentValue = _this.value && _this.value[_this.lookupDisplayField];
|
|
5474
5469
|
var value = target.value;
|
|
@@ -5554,6 +5549,15 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5554
5549
|
__decorate([
|
|
5555
5550
|
Input()
|
|
5556
5551
|
], LookupComponent.prototype, "defaultFilter", void 0);
|
|
5552
|
+
__decorate([
|
|
5553
|
+
Input()
|
|
5554
|
+
], LookupComponent.prototype, "showAddOption", void 0);
|
|
5555
|
+
__decorate([
|
|
5556
|
+
Input()
|
|
5557
|
+
], LookupComponent.prototype, "showEditOption", void 0);
|
|
5558
|
+
__decorate([
|
|
5559
|
+
Input()
|
|
5560
|
+
], LookupComponent.prototype, "showRemoveOption", void 0);
|
|
5557
5561
|
__decorate([
|
|
5558
5562
|
Output()
|
|
5559
5563
|
], LookupComponent.prototype, "onLookupRequest", void 0);
|
|
@@ -5578,6 +5582,15 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5578
5582
|
__decorate([
|
|
5579
5583
|
Output()
|
|
5580
5584
|
], LookupComponent.prototype, "onClear", void 0);
|
|
5585
|
+
__decorate([
|
|
5586
|
+
Output()
|
|
5587
|
+
], LookupComponent.prototype, "onAdd", void 0);
|
|
5588
|
+
__decorate([
|
|
5589
|
+
Output()
|
|
5590
|
+
], LookupComponent.prototype, "onEdit", void 0);
|
|
5591
|
+
__decorate([
|
|
5592
|
+
Output()
|
|
5593
|
+
], LookupComponent.prototype, "onRemove", void 0);
|
|
5581
5594
|
__decorate([
|
|
5582
5595
|
ViewChild(Table, { static: false })
|
|
5583
5596
|
], LookupComponent.prototype, "table", void 0);
|
|
@@ -5624,7 +5637,7 @@ var LookupComponent = /** @class */ (function () {
|
|
|
5624
5637
|
Injectable(),
|
|
5625
5638
|
Component({
|
|
5626
5639
|
selector: "s-lookup",
|
|
5627
|
-
template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n <p-autoComplete\n #autocomplete\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [dataKey]=\"dataKey\"\n [multiple]=\"multiple\"\n [inputId]=\"id + '-autocomplete'\"\n [forceSelection]=\"autocompleteForceSelection\"\n [suggestions]=\"getLookupSuggestions()\"\n (completeMethod)=\"lazyLoadLookup($event)\"\n (onSelect)=\"onSelect.next($event)\"\n (onBlur)=\"onBlur.next($event)\"\n (onFocus)=\"onFocus.next($event)\"\n (onUnselect)=\"onUnselect.next($event)\"\n (onClear)=\"onClear.next($event)\"\n (onKeyUp)=\"onKeyUp.next($event)\"\n [field]=\"lookupDisplayField\"\n [emptyMessage]=\"lookupEmptyMessage\"\n [dropdown]=\"!showSearch\"\n [appendTo]=\"lookupAppendTo\"\n [placeholder]=\"placeholder || ' '\"\n [autoHighlight]=\"true\"\n inputStyleClass=\"mousetrap\">\n <ng-template let-item pTemplate=\"selectedItem\">\n <span\n class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n tooltipPosition=\"top\">\n {{item[lookupDisplayField]}}\n </span>\n </ng-template>\n </p-autoComplete>\n <button\n *ngIf=\"showSearch\"\n pButton\n type=\"button\"\n icon=\"fa fa-search\"\n class=\"button-addon\"\n [disabled]=\"disabled\"\n (click)=\"showDialog()\">\n </button>\n</div>\n<p-dialog\n appendTo=\"body\"\n styleClass=\"s-lookup-modal\"\n [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n [(visible)]=\"dialogVisible\"\n [modal]=\"true\"\n (onHide)=\"hideDialog()\"\n [blockScroll]=\"true\"\n [focusOnShow]=\"true\"\n [draggable]=\"false\"\n [resizable]=\"false\"\n #dialog>\n <div\n *ngIf=\"dialogVisible\"\n class=\"s-lookup-modal-container\">\n <div\n *ngIf=\"searchFields && searchFields.length\"\n class=\"filter\"\n [@collapseContent]=\"collapsed \n ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n (@collapseContent.done)=\"onToggleDone()\">\n <form\n [formGroup]=\"formGroupDialog\"\n novalidate\n autocomplete=\"off\">\n <div\n *ngIf=\"!collapsed\"\n class=\"form-content\"\n [@childCollapseContent]=\"collapsed\n ? { value: ':leave', params: { transitionParams: transitionOptions } }\n : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n <div class=\"filter-title sds-section-title\">\n {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n </div>\n <div class=\"form-fields\">\n <s-dynamic-form\n [fields]=\"searchFields\"\n [form]=\"formGroupDialog\">\n </s-dynamic-form>\n </div>\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <s-button\n [id]=\"id + '-filter-button'\"\n type=\"submit\"\n [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n (onClick)=\"search()\"\n sTooltip=\"(ALT + SHIFT + F)\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n </s-button>\n <s-button\n [id]=\"id + '-clear-button'\"\n type=\"button\"\n [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n (onClick)=\"clear()\"\n priority=\"link\"\n sTooltip=\"(ALT + SHIFT + L)\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n </s-button>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div\n *ngIf=\"searchFields && searchFields.length\"\n class=\"filter-toggle\">\n <div class=\"filter-toggle--start-border-mask\"></div>\n <button\n [id]=\"id + '-filter-toggle-button'\"\n type=\"button\"\n (click)=\"filterToggle()\">\n <span\n class=\"fa\"\n [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n aria-hidden=\"true\">\n </span>\n </button>\n <div class=\"filter-toggle--end-border-mask\"></div>\n </div>\n <div\n class=\"content\"\n [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n <s-empty-state\n [id]=\"id + '-empty-state'\"\n *ngIf=\"!searchTotalRecords && !loading\"\n [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n [description]=\"searchEmptyDescription\"\n iconClass=\"fa fa-search\">\n </s-empty-state>\n <p-table\n [dataKey]=\"dataKey\"\n [value]=\"getGridData()\"\n [columns]=\"searchGridFields\"\n [lazy]=\"true\"\n [scrollable]=\"true\"\n [paginator]=\"true\"\n sortMode=\"multiple\"\n [totalRecords]=\"searchTotalRecords\"\n [rows]=\"10\"\n [selection]=\"selected\"\n (onLazyLoad)=\"lazyLoadGrid($event)\"\n *sLoadingState=\"loading\"\n [multiSortMeta]=\"multiSortMeta\"\n [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n (selectionChange)=\"onSelectionChange($event)\">\n <ng-template pTemplate=\"colgroup\" let-columns>\n <colgroup>\n <col\n *ngIf=\"multiple\"\n style=\"width: 50px\" />\n <col\n *ngFor=\"let col of columns\"\n [style.width]=\"col.width\" />\n </colgroup>\n </ng-template>\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th\n *ngIf=\"multiple\"\n style=\"width: 50px\">\n <s-table-header-checkbox\n [useAllObject]=\"lookupRowProps ? false : true\"\n [rowProps]=\"lookupRowProps\">\n </s-table-header-checkbox>\n </th>\n <th\n [style.width]=\"col.width\"\n *ngFor=\"let col of columns\"\n [pSortableColumn]=\"col.name\"\n [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.label }}</span>\n <p-sortIcon\n [field]=\"col.name\"\n *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n </p-sortIcon>\n </div>\n </th>\n </tr>\n </ng-template>\n <ng-template\n pTemplate=\"body\"\n let-rowData\n let-columns\n let-rowIndex=\"rowIndex\">\n <tr\n sNavigation\n [pSelectableRow]=\"rowData\"\n [pSelectableRowIndex]=\"rowIndex\"\n sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n <td\n *ngIf=\"multiple\"\n style=\"width: 50px\"\n tabindex=\"0\">\n <p-tableCheckbox\n [value]=\"rowData\"\n [pSelectableRow]=\"rowData\">\n </p-tableCheckbox>\n </td>\n <td\n [style.width]=\"col['width']\"\n *ngFor=\"let col of searchGridFields\"\n [ngSwitch]=\"col.type\"\n tabindex=\"0\">\n <ng-container *ngSwitchCase=\"'Boolean'\">\n <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Date'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'DateTime'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Time'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Integer'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Double'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Money'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Number'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Enum'\">\n <ng-container\n *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n >\n <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"col.mask && col.mask()\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(col.mask && col.mask())\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) }}</span>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"paginatorright\">\n <span [attr.data-hidden]=\"loading\">\n {{ printRecordTotalizer() }}\n </span>\n </ng-template>\n </p-table>\n </div>\n </div>\n <p-footer>\n <s-button\n [id]=\"id + '-select-button'\"\n type=\"button\"\n [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n (onClick)=\"select()\"\n sTooltip=\"(ALT + SHIFT + S)\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [disabled]=\"!selected?.length\">\n </s-button>\n <s-button\n [id]=\"id + '-cancel-button'\"\n type=\"button\"\n priority=\"link\"\n [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n (onClick)=\"hideDialog()\"\n sTooltip=\"(ALT + SHIFT + C)\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n </s-button>\n </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n <span [ngClass]=\"'sds-empty-value'\">\n {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n </span>\n</ng-template>\n",
|
|
5640
|
+
template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n <p-autoComplete\n #autocomplete\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [dataKey]=\"dataKey\"\n [multiple]=\"multiple\"\n [inputId]=\"id + '-autocomplete'\"\n [forceSelection]=\"autocompleteForceSelection\"\n [suggestions]=\"getLookupSuggestions()\"\n (completeMethod)=\"lazyLoadLookup($event)\"\n (onSelect)=\"onSelect.next($event)\"\n (onBlur)=\"onBlur.next($event)\"\n (onFocus)=\"onFocus.next($event)\"\n (onUnselect)=\"onUnselect.next($event)\"\n (onClear)=\"onClear.next($event)\"\n (onKeyUp)=\"onKeyUp.next($event)\"\n [field]=\"lookupDisplayField\"\n [emptyMessage]=\"lookupEmptyMessage\"\n [dropdown]=\"!showSearch\"\n [appendTo]=\"lookupAppendTo\"\n [placeholder]=\"placeholder || ' '\"\n [autoHighlight]=\"true\"\n inputStyleClass=\"mousetrap\">\n <ng-template let-item pTemplate=\"selectedItem\">\n <span\n class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n tooltipPosition=\"top\">\n {{item[lookupDisplayField]}}\n </span>\n </ng-template>\n </p-autoComplete>\n <button\n *ngIf=\"showSearch\"\n pButton\n type=\"button\"\n icon=\"fa fa-search\"\n class=\"button-addon\"\n [disabled]=\"disabled\"\n (click)=\"showDialog()\">\n </button>\n</div>\n<p-dialog\n appendTo=\"body\"\n styleClass=\"s-lookup-modal\"\n [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n [(visible)]=\"dialogVisible\"\n [modal]=\"true\"\n (onHide)=\"hideDialog()\"\n [blockScroll]=\"true\"\n [focusOnShow]=\"true\"\n [draggable]=\"false\"\n [resizable]=\"false\"\n #dialog>\n <div\n *ngIf=\"dialogVisible\"\n class=\"s-lookup-modal-container\">\n <div\n *ngIf=\"searchFields && searchFields.length\"\n class=\"filter\"\n [@collapseContent]=\"collapsed \n ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n (@collapseContent.done)=\"onToggleDone()\">\n <form\n [formGroup]=\"formGroupDialog\"\n novalidate\n autocomplete=\"off\">\n <div\n *ngIf=\"!collapsed\"\n class=\"form-content\"\n [@childCollapseContent]=\"collapsed\n ? { value: ':leave', params: { transitionParams: transitionOptions } }\n : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n <div class=\"filter-title sds-section-title\">\n {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n </div>\n <div class=\"form-fields\">\n <s-dynamic-form\n [fields]=\"searchFields\"\n [form]=\"formGroupDialog\">\n </s-dynamic-form>\n </div>\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <s-button\n [id]=\"id + '-filter-button'\"\n type=\"submit\"\n [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n (onClick)=\"search()\"\n sTooltip=\"(ALT + SHIFT + F)\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n </s-button>\n <s-button\n [id]=\"id + '-clear-button'\"\n type=\"button\"\n [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n (onClick)=\"clear()\"\n priority=\"link\"\n sTooltip=\"(ALT + SHIFT + L)\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n </s-button>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div\n *ngIf=\"searchFields && searchFields.length\"\n class=\"filter-toggle\">\n <div class=\"filter-toggle--start-border-mask\"></div>\n <button\n [id]=\"id + '-filter-toggle-button'\"\n type=\"button\"\n (click)=\"filterToggle()\">\n <span\n class=\"fa\"\n [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n aria-hidden=\"true\">\n </span>\n </button>\n <div class=\"filter-toggle--end-border-mask\"></div>\n </div>\n <div\n class=\"content\"\n [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n <s-empty-state\n [id]=\"id + '-empty-state'\"\n *ngIf=\"!searchTotalRecords && !loading\"\n [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n [description]=\"searchEmptyDescription\"\n iconClass=\"fa fa-search\">\n </s-empty-state>\n\n <div>\n <s-button\n *ngIf=\"showAddOption\"\n priority=\"default\"\n [label]=\"'platform.angular_components.add' | translate\"\n (onClick)=\"onAdd.emit()\">\n </s-button>\n <s-button\n *ngIf=\"showEditOption\"\n priority=\"default\"\n [label]=\"'platform.angular_components.edit' | translate\"\n [disabled]=\"selected.length !== 1\"\n (onClick)=\"onEdit.emit(this.selected[0])\">\n </s-button>\n <s-button\n *ngIf=\"showRemoveOption\"\n priority=\"default\"\n [label]=\"'platform.angular_components.remove' | translate\"\n [disabled]=\"!selected.length\"\n (onClick)=\"onRemove.emit(this.selected)\">\n </s-button>\n </div>\n\n <p-table\n [dataKey]=\"dataKey\"\n [value]=\"getGridData()\"\n [columns]=\"searchGridFields\"\n [lazy]=\"true\"\n [scrollable]=\"true\"\n [paginator]=\"true\"\n sortMode=\"multiple\"\n [totalRecords]=\"searchTotalRecords\"\n [rows]=\"10\"\n [selection]=\"selected\"\n (onLazyLoad)=\"lazyLoadGrid($event)\"\n *sLoadingState=\"loading\"\n [multiSortMeta]=\"multiSortMeta\"\n [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n (selectionChange)=\"onSelectionChange($event)\">\n <ng-template pTemplate=\"colgroup\" let-columns>\n <colgroup>\n <col\n *ngIf=\"multiple\"\n style=\"width: 50px\" />\n <col\n *ngFor=\"let col of columns\"\n [style.width]=\"col.width\" />\n </colgroup>\n </ng-template>\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th\n *ngIf=\"multiple\"\n style=\"width: 50px\">\n <s-table-header-checkbox\n [useAllObject]=\"lookupRowProps ? false : true\"\n [rowProps]=\"lookupRowProps\">\n </s-table-header-checkbox>\n </th>\n <th\n [style.width]=\"col.width\"\n *ngFor=\"let col of columns\"\n [pSortableColumn]=\"col.name\"\n [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.label }}</span>\n <p-sortIcon\n [field]=\"col.name\"\n *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n </p-sortIcon>\n </div>\n </th>\n </tr>\n </ng-template>\n <ng-template\n pTemplate=\"body\"\n let-rowData\n let-columns\n let-rowIndex=\"rowIndex\">\n <tr\n sNavigation\n [pSelectableRow]=\"rowData\"\n [pSelectableRowIndex]=\"rowIndex\"\n sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n <td\n *ngIf=\"multiple\"\n style=\"width: 50px\"\n tabindex=\"0\">\n <p-tableCheckbox\n [value]=\"rowData\"\n [pSelectableRow]=\"rowData\">\n </p-tableCheckbox>\n </td>\n <td\n [style.width]=\"col['width']\"\n *ngFor=\"let col of searchGridFields\"\n [ngSwitch]=\"col.type\"\n tabindex=\"0\">\n <ng-container *ngSwitchCase=\"'Boolean'\">\n <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Date'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'DateTime'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Time'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Integer'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Double'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Money'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Number'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Enum'\">\n <ng-container\n *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n >\n <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"col.mask && col.mask()\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(col.mask && col.mask())\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) }}</span>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"paginatorright\">\n <span [attr.data-hidden]=\"loading\">\n {{ printRecordTotalizer() }}\n </span>\n </ng-template>\n </p-table>\n </div>\n </div>\n <p-footer>\n <s-button\n [id]=\"id + '-select-button'\"\n type=\"button\"\n [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n (onClick)=\"select()\"\n sTooltip=\"(ALT + SHIFT + S)\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [disabled]=\"!selected?.length\">\n </s-button>\n <s-button\n [id]=\"id + '-cancel-button'\"\n type=\"button\"\n priority=\"link\"\n [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n (onClick)=\"hideDialog()\"\n sTooltip=\"(ALT + SHIFT + C)\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n </s-button>\n </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n <span [ngClass]=\"'sds-empty-value'\">\n {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n </span>\n</ng-template>\n",
|
|
5628
5641
|
providers: [
|
|
5629
5642
|
{
|
|
5630
5643
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -9150,7 +9163,7 @@ var LookupFieldComponent = /** @class */ (function () {
|
|
|
9150
9163
|
], LookupFieldComponent.prototype, "formControl", void 0);
|
|
9151
9164
|
LookupFieldComponent = __decorate([
|
|
9152
9165
|
Component({
|
|
9153
|
-
template: "<div
|
|
9166
|
+
template: "<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\n <s-lookup\n [id]=\"field.id || field.name\"\n [multiple]=\"field.multiple\"\n [formControl]=\"formControl\"\n [lookupSuggestions]=\"field.lookupSuggestions\"\n [dataKey]=\"field.dataKey\"\n [placeholder]=\"field.placeholder\"\n [showSearch]=\"field.showSearch\"\n [searchFields]=\"field.searchFields\"\n [searchGridFields]=\"field.searchGridFields\"\n [searchGridData]=\"field.gridData\"\n (onLookupRequest)=\"field.onLookupRequest($event)\"\n (onSearchRequest)=\"field.onSearchRequest($event)\"\n [lookupDisplayField]=\"field.lookupDisplayField\"\n [searchTotalRecords]=\"field.searchTotalRecords\"\n [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n [searchTitle]=\"field.searchTitle\"\n [selectLabel]=\"field.selectLabel\"\n [searchEmptyTitle]=\"field.searchEmptyTitle\"\n [filterLabel]=\"field.filterLabel\"\n [filterTitle]=\"field.filterTitle\"\n [clearLabel]=\"field.clearLabel\"\n [cancelLabel]=\"field.cancelLabel\"\n [emptyFieldLabel]=\"field.emptyFieldLabel\"\n (onSelect)=\"field.onSelect($event)\"\n (onUnselect)=\"field.onUnselect($event)\"\n (onClear)=\"field.onClear ? field.onClear($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n [lookupAppendTo]=\"field.appendTo\"\n [lookupEmptyMessage]=\"field.emptyMessage\"\n [recordLabel]=\"field.recordLabel\"\n [recordsLabel]=\"field.recordsLabel\"\n [defaultFilter]=\"field.defaultFilter\"\n [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n [showAddOption]=\"field.showAddOption\"\n [showEditOption]=\"field.showEditOption\"\n [showRemoveOption]=\"field.showRemoveOption\"\n (onAdd)=\"field.onAdd()\"\n (onEdit)=\"field.onEdit($event)\"\n (onRemove)=\"field.onRemove($event)\"\n >\n </s-lookup>\n</div>\n"
|
|
9154
9167
|
})
|
|
9155
9168
|
], LookupFieldComponent);
|
|
9156
9169
|
return LookupFieldComponent;
|
|
@@ -16971,6 +16984,8 @@ var fallback = {
|
|
|
16971
16984
|
"platform.angular_components.date_format": "dd/mm/yy",
|
|
16972
16985
|
"platform.angular_components.ia_text_generator": "Gerador de texto por IA",
|
|
16973
16986
|
"platform.angular_components.attach_files": "Anexar arquivos",
|
|
16987
|
+
"platform.angular_components.add": "Adicionar",
|
|
16988
|
+
"platform.angular_components.edit": "Editar",
|
|
16974
16989
|
"platform.angular_components.remove": "Remover",
|
|
16975
16990
|
"platform.angular_components.file_attached_successfully": "Arquivo anexado com sucesso",
|
|
16976
16991
|
"platform.angular_components.loading_file": "Carregando arquivo",
|