@senior-gestao-pessoas/payroll-core 8.6.1 → 8.7.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.
@@ -1393,6 +1393,8 @@ var DataListRestComponent = /** @class */ (function () {
1393
1393
  this.first = 1;
1394
1394
  this.alwaysShowPaginator = true;
1395
1395
  this.sortMode = 'multiple';
1396
+ this.responsive = true;
1397
+ this.scrollable = false;
1396
1398
  this.lazyLoad = new EventEmitter();
1397
1399
  this.loadingChange = new EventEmitter();
1398
1400
  this.listDataChange = new EventEmitter();
@@ -1640,7 +1642,7 @@ var DataListRestComponent = /** @class */ (function () {
1640
1642
  DataListRestComponent.decorators = [
1641
1643
  { type: Component, args: [{
1642
1644
  selector: 'c-data-list-rest',
1643
- template: "<div *sLoadingState=\"loading\">\n <p-table #dataListTable [id]=\"id\" class=\"sds-list\" [value]=\"listData\" [columns]=\"columns\" [paginator]=\"paginator\" [rows]=\"rows\" [first]=\"first\"\n (onLazyLoad)=\"onLazyLoad($event)\" [lazy]=\"lazy\" [alwaysShowPaginator]=\"alwaysShowPaginator\" (onPage)=\"pagination($event)\"\n [totalRecords]=\"totalRecords\" [(selection)]=\"selectedData\" [dataKey]=\"dataKey\" [sortMode]=\"sortMode\" [responsive]=\"true\"\n pageLinks=\"3\" (onHeaderCheckboxToggle)=\"onHeaderCheckboxToggle($event)\" [selectionMode]=\"selectionMode\">\n <!-- Header -->\n <ng-template pTemplate=\"header\">\n <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n <tr>\n <!-- Checkbox quando h\u00E1 sele\u00E7\u00E3o de linhas -->\n <th id=\"{{id}}-checkbox-header\" *ngIf=\"isMultipleSelection\" style=\"width: 2.25em\">\n <p-tableHeaderCheckbox *ngIf=\"showHeaderCheckBox\"></p-tableHeaderCheckbox>\n </th>\n <!-- Cabe\u00E7alhos das colunas da tabela -->\n <th id=\"{{id}}-col-header-{{i}}\" *ngFor=\"let col of columns; let i = index\" [pSortableColumn]=\"col.field\" [pSortableColumnDisabled]=\"!isSortable || !!col.icon\"\n [style.width]=\"col.width\" [pTooltip]=\"col.tooltip || col.label\" tooltipPosition=\"top\" showDelay=\"500\">\n {{col['label']}}\n <!-- Quando a coluna \u00E9 um \u00EDcone n\u00E3o exibe o \u00EDcone de ordena\u00E7\u00E3o da mesma -->\n <p-sortIcon *ngIf=\"isSortable && !col.icon\" [field]=\"col.field\"></p-sortIcon>\n </th>\n <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n <th id=\"col-actions\" *ngIf=\"actions && actions()?.length\" [ngClass]=\"{ actionsSize: actions().length > 1, actionSize: actions().length === 1 }\"></th>\n </tr>\n </ng-template>\n <!-- Body -->\n <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n <tr [pSelectableRow]=\"rowData\">\n <td id=\"{{id}}-checkbox-body-{{key}}\" *ngIf=\"isMultipleSelection\">\n <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n </td>\n <td id=\"{{id}}-col-body-{{i}}-{{key}}\" *ngFor=\"let col of columns;let i = index\" [pTooltip]=\"col.icon ? '' : getFieldValue(rowData, col)\"\n tooltipPosition=\"top\" showDelay=\"500\">\n <!-- Exibe o \u00EDcone caso exista. Para isso o valor da coluna deve ser { value: string, style: object } -->\n <i *ngIf=\"col.icon\" class=\"{{rowData[col['field']]?.value}}\" [ngStyle]=\"rowData[col['field']]?.style\" aria-hidden=\"true\"></i>\n <!-- Quando n\u00E3o h\u00E1 \u00EDcone exibe o valor normal da coluna -->\n <span>{{getFieldValue(rowData, col)}}</span>\n </td>\n\n <!-- Coluna das a\u00E7\u00F5es -->\n <td id=\"col-actions-{{key}}\" class=\"col-actions\" *ngIf=\"actions && actions(rowData)?.length\">\n <s-button id=\"{{id}}-btn-actions-{{key}}\" *ngIf=\"actions(rowData).length > 1\" [label]=\"actionLabel\" priority=\"default\" [model]=\"getActions(rowData, key)\"\n [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n <s-button id=\"{{id}}-btn-action-{{key}}\" *ngIf=\"actions(rowData).length <= 1\" [label]=\"actions(rowData, key)[0].label\" priority=\"default\"\n (click)=\"actions(rowData, key)[0].command()\" [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"paginatorright\">\n <span>{{recordsMessage}}</span>\n </ng-template>\n\n <ng-template pTemplate=\"emptymessage\" let-columns>\n <tr>\n <td id=\"{{id}}-empty-message\" [attr.colspan]=\"columns?.length + (isMultipleSelection ? 2 : 1)\">{{emptyMessage}}</td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n",
1645
+ template: "<div *sLoadingState=\"loading\">\n <p-table #dataListTable [id]=\"id\" class=\"sds-list\" [value]=\"listData\" [columns]=\"columns\" [paginator]=\"paginator\" [rows]=\"rows\" [first]=\"first\"\n (onLazyLoad)=\"onLazyLoad($event)\" [lazy]=\"lazy\" [alwaysShowPaginator]=\"alwaysShowPaginator\" (onPage)=\"pagination($event)\"\n [totalRecords]=\"totalRecords\" [(selection)]=\"selectedData\" [dataKey]=\"dataKey\" [sortMode]=\"sortMode\" [responsive]=\"responsive\" [scrollable]=\"scrollable\"\n pageLinks=\"3\" (onHeaderCheckboxToggle)=\"onHeaderCheckboxToggle($event)\" [selectionMode]=\"selectionMode\">\n <!-- Colgroup -->\n <ng-template pTemplate=\"colgroup\" let-coumns>\n <colgroup>\n <col *ngFor=\"let col of columns; let i = index\"\n [ngClass]=\"'col-'+i+' col-scroll-resize'\"/>\n <col [ngClass]=\"'col-'+ (columns?.length || 0) +' col-scroll-resize'\"/>\n </colgroup>\n </ng-template>\n <!-- Header -->\n <ng-template pTemplate=\"header\">\n <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n <tr>\n <!-- Checkbox quando h\u00E1 sele\u00E7\u00E3o de linhas -->\n <th id=\"{{id}}-checkbox-header\" *ngIf=\"isMultipleSelection\" style=\"width: 2.25em\">\n <p-tableHeaderCheckbox *ngIf=\"showHeaderCheckBox\"></p-tableHeaderCheckbox>\n </th>\n <!-- Cabe\u00E7alhos das colunas da tabela -->\n <th id=\"{{id}}-col-header-{{i}}\" *ngFor=\"let col of columns; let i = index\" [pSortableColumn]=\"col.field\" [pSortableColumnDisabled]=\"!isSortable || !!col.icon\"\n [style.width]=\"col.width\" [pTooltip]=\"col.tooltip || col.label\" tooltipPosition=\"top\" showDelay=\"500\">\n {{col['label']}}\n <!-- Quando a coluna \u00E9 um \u00EDcone n\u00E3o exibe o \u00EDcone de ordena\u00E7\u00E3o da mesma -->\n <p-sortIcon *ngIf=\"isSortable && !col.icon\" [field]=\"col.field\"></p-sortIcon>\n </th>\n <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n <th id=\"col-actions\" *ngIf=\"actions && actions()?.length\" [ngClass]=\"{ actionsSize: actions().length > 1, actionSize: actions().length === 1 }\"></th>\n </tr>\n </ng-template>\n <!-- Body -->\n <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n <tr [pSelectableRow]=\"rowData\">\n <td id=\"{{id}}-checkbox-body-{{key}}\" *ngIf=\"isMultipleSelection\">\n <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n </td>\n <td id=\"{{id}}-col-body-{{i}}-{{key}}\" *ngFor=\"let col of columns;let i = index\" [pTooltip]=\"col.icon ? '' : getFieldValue(rowData, col)\"\n tooltipPosition=\"top\" showDelay=\"500\">\n <!-- Exibe o \u00EDcone caso exista. Para isso o valor da coluna deve ser { value: string, style: object } -->\n <i *ngIf=\"col.icon\" class=\"{{rowData[col['field']]?.value}}\" [ngStyle]=\"rowData[col['field']]?.style\" aria-hidden=\"true\"></i>\n <!-- Quando n\u00E3o h\u00E1 \u00EDcone exibe o valor normal da coluna -->\n <span>{{getFieldValue(rowData, col)}}</span>\n </td>\n\n <!-- Coluna das a\u00E7\u00F5es -->\n <td id=\"col-actions-{{key}}\" class=\"col-actions\" *ngIf=\"actions && actions(rowData)?.length\">\n <s-button id=\"{{id}}-btn-actions-{{key}}\" *ngIf=\"actions(rowData).length > 1\" [label]=\"actionLabel\" priority=\"default\" [model]=\"getActions(rowData, key)\"\n [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n <s-button id=\"{{id}}-btn-action-{{key}}\" *ngIf=\"actions(rowData).length <= 1\" [label]=\"actions(rowData, key)[0].label\" priority=\"default\"\n (click)=\"actions(rowData, key)[0].command()\" [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"paginatorright\">\n <span>{{recordsMessage}}</span>\n </ng-template>\n\n <ng-template pTemplate=\"emptymessage\" let-columns>\n <tr>\n <td id=\"{{id}}-empty-message\" [attr.colspan]=\"columns?.length + (isMultipleSelection ? 2 : 1)\">{{emptyMessage}}</td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n",
1644
1646
  encapsulation: ViewEncapsulation.None,
1645
1647
  providers: [DataListRestService],
1646
1648
  styles: ["app-data-list p-table .ui-table .ui-table-tbody>tr>td,app-data-list p-table .ui-table .ui-table-thead>tr>th{text-overflow:ellipsis;white-space:nowrap!important}app-data-list p-table .ui-paginator .ui-paginator-right-content{margin-left:auto}.actionsSize{width:11rem}.actionSize{width:18rem}body .ui-tooltip{max-width:22.3em!important}@media screen and (max-width:478px){.ui-paginator-right-content{display:none}}"]
@@ -1675,6 +1677,8 @@ var DataListRestComponent = /** @class */ (function () {
1675
1677
  pluralMessageRecords: [{ type: Input }],
1676
1678
  keyPayload: [{ type: Input }],
1677
1679
  initParameters: [{ type: Input }],
1680
+ responsive: [{ type: Input }],
1681
+ scrollable: [{ type: Input }],
1678
1682
  lazyLoad: [{ type: Output }],
1679
1683
  loadingChange: [{ type: Output }],
1680
1684
  listDataChange: [{ type: Output }],
@@ -1737,6 +1741,10 @@ if (false) {
1737
1741
  /** @type {?} */
1738
1742
  DataListRestComponent.prototype.initParameters;
1739
1743
  /** @type {?} */
1744
+ DataListRestComponent.prototype.responsive;
1745
+ /** @type {?} */
1746
+ DataListRestComponent.prototype.scrollable;
1747
+ /** @type {?} */
1740
1748
  DataListRestComponent.prototype.lazyLoad;
1741
1749
  /** @type {?} */
1742
1750
  DataListRestComponent.prototype.loadingChange;