@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.
@@ -1559,6 +1559,8 @@
1559
1559
  this.first = 1;
1560
1560
  this.alwaysShowPaginator = true;
1561
1561
  this.sortMode = 'multiple';
1562
+ this.responsive = true;
1563
+ this.scrollable = false;
1562
1564
  this.lazyLoad = new core.EventEmitter();
1563
1565
  this.loadingChange = new core.EventEmitter();
1564
1566
  this.listDataChange = new core.EventEmitter();
@@ -1806,7 +1808,7 @@
1806
1808
  DataListRestComponent.decorators = [
1807
1809
  { type: core.Component, args: [{
1808
1810
  selector: 'c-data-list-rest',
1809
- 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",
1811
+ 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",
1810
1812
  encapsulation: core.ViewEncapsulation.None,
1811
1813
  providers: [DataListRestService],
1812
1814
  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}}"]
@@ -1841,6 +1843,8 @@
1841
1843
  pluralMessageRecords: [{ type: core.Input }],
1842
1844
  keyPayload: [{ type: core.Input }],
1843
1845
  initParameters: [{ type: core.Input }],
1846
+ responsive: [{ type: core.Input }],
1847
+ scrollable: [{ type: core.Input }],
1844
1848
  lazyLoad: [{ type: core.Output }],
1845
1849
  loadingChange: [{ type: core.Output }],
1846
1850
  listDataChange: [{ type: core.Output }],
@@ -1903,6 +1907,10 @@
1903
1907
  /** @type {?} */
1904
1908
  DataListRestComponent.prototype.initParameters;
1905
1909
  /** @type {?} */
1910
+ DataListRestComponent.prototype.responsive;
1911
+ /** @type {?} */
1912
+ DataListRestComponent.prototype.scrollable;
1913
+ /** @type {?} */
1906
1914
  DataListRestComponent.prototype.lazyLoad;
1907
1915
  /** @type {?} */
1908
1916
  DataListRestComponent.prototype.loadingChange;