primeng
Version:
PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeB
1,253 lines (1,149 loc) • 398 kB
JavaScript
import { trigger, transition, style, animate } from '@angular/animations';
import * as i1 from '@angular/common';
import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
import * as i0 from '@angular/core';
import { Injectable, EventEmitter, inject, NgZone, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ViewChild, ContentChildren, ContentChild, Directive, HostListener, PLATFORM_ID, Inject, Optional, forwardRef, ElementRef, NgModule } from '@angular/core';
import * as i5 from '@angular/forms';
import { FormsModule } from '@angular/forms';
import * as i3 from 'primeng/api';
import { OverlayService, FilterService, FilterOperator, FilterMatchMode, PrimeTemplate, TranslationKeys, SharedModule } from 'primeng/api';
import { BaseComponent } from 'primeng/basecomponent';
import * as i9 from 'primeng/button';
import { Button, ButtonModule } from 'primeng/button';
import * as i11 from 'primeng/datepicker';
import { DatePickerModule } from 'primeng/datepicker';
import * as i7 from 'primeng/checkbox';
import { CheckboxModule } from 'primeng/checkbox';
import { DomHandler, ConnectedOverlayScrollHandler } from 'primeng/dom';
import { ArrowDownIcon } from 'primeng/icons/arrowdown';
import { ArrowUpIcon } from 'primeng/icons/arrowup';
import { CheckIcon } from 'primeng/icons/check';
import { FilterIcon } from 'primeng/icons/filter';
import { FilterSlashIcon } from 'primeng/icons/filterslash';
import { PlusIcon } from 'primeng/icons/plus';
import { SortAltIcon } from 'primeng/icons/sortalt';
import { SortAmountDownIcon } from 'primeng/icons/sortamountdown';
import { SortAmountUpAltIcon } from 'primeng/icons/sortamountupalt';
import { SpinnerIcon } from 'primeng/icons/spinner';
import { TrashIcon } from 'primeng/icons/trash';
import * as i12 from 'primeng/inputnumber';
import { InputNumberModule } from 'primeng/inputnumber';
import * as i10 from 'primeng/inputtext';
import { InputTextModule } from 'primeng/inputtext';
import * as i2 from 'primeng/paginator';
import { PaginatorModule } from 'primeng/paginator';
import * as i6 from 'primeng/radiobutton';
import { RadioButtonModule } from 'primeng/radiobutton';
import * as i4 from 'primeng/scroller';
import { ScrollerModule } from 'primeng/scroller';
import * as i8 from 'primeng/select';
import { SelectModule } from 'primeng/select';
import { SelectButtonModule } from 'primeng/selectbutton';
import { UniqueComponentId, ObjectUtils, ZIndexUtils } from 'primeng/utils';
import { Subject } from 'rxjs';
import { BaseStyle } from 'primeng/base';
const theme = ({ dt }) => `
.p-datatable {
position: relative;
}
.p-datatable-table {
border-spacing: 0;
border-collapse: separate;
width: 100%;
}
.p-datatable-scrollable > .p-datatable-table-container {
position: relative;
}
/* For PrimeNG */
.p-datatable-scrollable-table > .p-datatable-thead {
top: 0;
z-index: 2;
}
/* For PrimeNG */
.p-datatable-scrollable-table > .p-datatable-frozen-tbody {
position: sticky;
z-index: 2;
}
/* For PrimeNG */
.p-datatable-scrollable-table > .p-datatable-frozen-tbody:last-child {
z-index: 1;
}
.p-datatable-scrollable-table > .p-datatable-tfoot {
bottom: 0;
z-index: 1;
}
.p-datatable-scrollable > tr:not(:has(.p-datatable-selectable-row)) >.p-datatable-frozen-column {
position: sticky;
background: ${dt('datatable.header.cell.background')};
}
.p-datatable-scrollable th.p-datatable-frozen-column {
z-index: 1;
}
.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-thead,
.p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-thead {
background: ${dt('datatable.header.cell.background')};
}
.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-tfoot,
.p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
background: ${dt('datatable.footer.cell.background')};
}
.p-datatable-flex-scrollable {
display: flex;
flex-direction: column;
height: 100%;
}
.p-datatable-flex-scrollable > .p-datatable-table-container {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}
.p-datatable-scrollable-table > .p-datatable-tbody > .p-datatable-row-group-header {
position: sticky;
z-index: 1;
}
.p-datatable-resizable-table > .p-datatable-thead > tr > th,
.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
overflow: hidden;
white-space: nowrap;
}
.p-datatable-resizable-table > .p-datatable-thead > tr > th.p-datatable-resizable-column:not(.p-datatable-frozen-column) {
background-clip: padding-box;
position: relative;
}
.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-datatable-resizable-column:last-child .p-datatable-column-resizer {
display: none;
}
.p-datatable-column-resizer {
display: block;
position: absolute;
top: 0;
inset-inline-end: 0;
margin: 0;
width: ${dt('datatable.column.resizer.width')};
height: 100%;
padding: 0px;
cursor: col-resize;
border: 1px solid transparent;
}
/*
.p-datatable-column-header-content {
display: flex;
align-items: center;
gap: ${dt('datatable.header.cell.gap')};
}
.p-datatable-thead > tr > th {
display: flex;
align-items: center;
gap: ${dt('datatable.header.cell.gap')};
}
*/
.p-datatable-column-resize-indicator {
width: ${dt('datatable.resize.indicator.width')};
position: absolute;
z-index: 10;
display: none;
background: ${dt('datatable.resize.indicator.color')};
}
.p-datatable-row-reorder-indicator-up,
.p-datatable-row-reorder-indicator-down {
position: absolute;
display: none;
}
.p-datatable-reorderable-column,
.p-datatable-reorderable-row-handle {
cursor: move;
}
.p-datatable-mask {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
.p-datatable-inline-filter {
display: flex;
align-items: center;
width: 100%;
gap: ${dt('datatable.filter.inline.gap')};
}
.p-datatable-inline-filter .p-datatable-filter-element-container {
flex: 1 1 auto;
width: 1%;
}
.p-datatable-filter-overlay {
position: absolute;
background: ${dt('datatable.filter.overlay.select.background')};
color: ${dt('datatable.filter.overlay.select.color')};
border: 1px solid ${dt('datatable.filter.overlay.select.border.color')};
border-radius: ${dt('datatable.filter.overlay.select.border.radius')};
box-shadow: ${dt('datatable.filter.overlay.select.shadow')};
min-width: 12.5rem;
}
.p-datatable-filter-constraint-list {
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
padding: ${dt('datatable.filter.constraint.list.padding')};
gap: ${dt('datatable.filter.constraint.list.gap')};
}
.p-datatable-filter-constraint {
padding: ${dt('datatable.filter.constraint.padding')};
color: ${dt('datatable.filter.constraint.color')};
border-radius: ${dt('datatable.filter.constraint.border.radius')};
cursor: pointer;
transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')},
box-shadow ${dt('datatable.transition.duration')};
}
.p-datatable-filter-constraint-selected {
background: ${dt('datatable.filter.constraint.selected.background')};
color: ${dt('datatable.filter.constraint.selected.color')};
}
.p-datatable-filter-constraint:not(.p-datatable-filter-constraint-selected):not(.p-disabled):hover {
background: ${dt('datatable.filter.constraint.focus.background')};
color: ${dt('datatable.filter.constraint.focus.color')};
}
.p-datatable-filter-constraint:focus-visible {
outline: 0 none;
background: ${dt('datatable.filter.constraint.focus.background')};
color: ${dt('datatable.filter.constraint.focus.color')};
}
.p-datatable-filter-constraint-selected:focus-visible {
outline: 0 none;
background: ${dt('datatable.filter.constraint.selected.focus.background')};
color: ${dt('datatable.filter.constraint.selected.focus.color')};
}
.p-datatable-filter-constraint-separator {
border-top: 1px solid ${dt('datatable.filter.constraint.separator.border.color')};
}
.p-datatable-popover-filter {
display: inline-flex;
margin-inline-start: auto;
}
.p-datatable-filter-overlay-popover {
background: ${dt('datatable.filter.overlay.popover.background')};
color: ${dt('datatable.filter.overlay.popover.color')};
border: 1px solid ${dt('datatable.filter.overlay.popover.border.color')};
border-radius: ${dt('datatable.filter.overlay.popover.border.radius')};
box-shadow: ${dt('datatable.filter.overlay.popover.shadow')};
min-width: 12.5rem;
padding: ${dt('datatable.filter.overlay.popover.padding')};
display: flex;
flex-direction: column;
gap: ${dt('datatable.filter.overlay.popover.gap')};
}
.p-datatable-filter-operator-dropdown, .p-datatable-filter-constraint-dropdown {
width: 100%;
}
.p-datatable-filter-rule-list,
.p-datatable-filter-rule {
display: flex;
flex-direction: column;
gap: ${dt('datatable.filter.overlay.popover.gap')};
}
.p-datatable-filter-rule {
border-bottom: 1px solid ${dt('datatable.filter.rule.border.color')};
}
.p-datatable-filter-rule:last-child {
border-bottom: 0 none;
}
.p-datatable-filter-add-rule-button, .p-datatable-filter-remove-rule-button {
width: 100%;
}
.p-datatable-filter-remove-button {
width: 100%;
}
.p-datatable-filter-buttonbar {
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.p-datatable-virtualscroller-spacer {
display: flex;
}
.p-datatable .p-virtualscroller .p-virtualscroller-loading {
transform: none !important;
min-height: 0;
position: sticky;
top: 0;
inset-inline-start: 0;
}
.p-datatable-paginator-top {
border-color: ${dt('datatable.paginator.top.border.color')};
border-style: solid;
border-width: ${dt('datatable.paginator.top.border.width')};
}
.p-datatable-paginator-bottom {
border-color: ${dt('datatable.paginator.bottom.border.color')};
border-style: solid;
border-width: ${dt('datatable.paginator.bottom.border.width')};
}
.p-datatable-header {
background: ${dt('datatable.header.background')};
color: ${dt('datatable.header.color')};
border-color: ${dt('datatable.header.border.color')};
border-style: solid;
border-width: ${dt('datatable.header.border.width')};
padding: ${dt('datatable.header.padding')};
}
.p-datatable-footer {
background: ${dt('datatable.footer.background')};
color: ${dt('datatable.footer.color')};
border-color: ${dt('datatable.footer.border.color')};
border-style: solid;
border-width: ${dt('datatable.footer.border.width')};
padding: ${dt('datatable.footer.padding')};
}
.p-datatable-thead > tr > th {
padding: ${dt('datatable.header.cell.padding')};
background: ${dt('datatable.header.cell.background')};
border-color: ${dt('datatable.header.cell.border.color')};
border-style: solid;
border-width: 0 0 1px 0;
color: ${dt('datatable.header.cell.color')};
font-weight: ${dt('datatable.column.title.font.weight')};
text-align: start;
transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')},
outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')};
}
/** For PrimeNG **/
.p-datatable-thead > tr > th p-columnfilter {
font-weight: normal;
}
/** For PrimeNG End **/
/*
.p-datatable-column-title {
font-weight: ${dt('datatable.column.title.font.weight')};
}
*/
.p-datatable-tbody > tr {
outline-color: transparent;
background: ${dt('datatable.row.background')};
color: ${dt('datatable.row.color')};
transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')},
outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')};
}
.p-datatable-tbody > tr > td {
text-align: start;
border-color: ${dt('datatable.body.cell.border.color')};
border-style: solid;
border-width: 0 0 1px 0;
padding: ${dt('datatable.body.cell.padding')};
}
.p-datatable-hoverable .p-datatable-tbody > tr:not(.p-datatable-row-selected):hover {
background: ${dt('datatable.row.hover.background')};
color: ${dt('datatable.row.hover.color')};
}
.p-datatable-tbody > tr.p-datatable-row-selected {
background: ${dt('datatable.row.selected.background')};
color: ${dt('datatable.row.selected.color')};
}
.p-datatable-tbody > tr:has(+ .p-datatable-row-selected) > td {
border-bottom-color: ${dt('datatable.body.cell.selected.border.color')};
}
.p-datatable-tbody > tr.p-datatable-row-selected > td {
border-bottom-color: ${dt('datatable.body.cell.selected.border.color')};
}
.p-datatable-tbody > tr:focus-visible,
.p-datatable-tbody > tr.p-datatable-contextmenu-row-selected {
box-shadow: ${dt('datatable.row.focus.ring.shadow')};
outline: ${dt('datatable.row.focus.ring.width')} ${dt('datatable.row.focus.ring.style')} ${dt('datatable.row.focus.ring.color')};
outline-offset: ${dt('datatable.row.focus.ring.offset')};
}
.p-datatable-tfoot > tr > td {
text-align: start;
padding: ${dt('datatable.footer.cell.padding')};
border-color: ${dt('datatable.footer.cell.border.color')};
border-style: solid;
border-width: 0 0 1px 0;
color: ${dt('datatable.footer.cell.color')};
background: ${dt('datatable.footer.cell.background')};
}
.p-datatable-column-footer {
font-weight: ${dt('datatable.column.footer.font.weight')};
}
.p-datatable-sortable-column {
cursor: pointer;
user-select: none;
outline-color: transparent;
}
.p-datatable-thead > tr > th,
.p-datatable-sort-icon,
.p-datatable-sort-badge {
vertical-align: middle;
}
.p-datatable-sort-icon {
color: ${dt('datatable.sort.icon.color')};
transition: color ${dt('datatable.transition.duration')};
}
.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover {
background: ${dt('datatable.header.cell.hover.background')};
color: ${dt('datatable.header.cell.hover.color')};
}
.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover .p-datatable-sort-icon {
color: ${dt('datatable.sort.icon.hover.color')};
}
.p-datatable-thead > tr > th.p-datatable-column-sorted {
background: ${dt('datatable.header.cell.selected.background')};
color: ${dt('datatable.header.cell.selected.color')};
}
.p-datatable-thead > tr > th.p-datatable-column-sorted .p-datatable-sort-icon {
color: ${dt('datatable.header.cell.selected.color')};
}
.p-datatable-sortable-column:focus-visible {
box-shadow: ${dt('datatable.header.cell.focus.ring.shadow')};
outline: ${dt('datatable.header.cell.focus.ring.width')} ${dt('datatable.header.cell.focus.ring.style')} ${dt('datatable.header.cell.focus.ring.color')};
outline-offset: ${dt('datatable.header.cell.focus.ring.offset')};
}
.p-datatable-hoverable .p-datatable-selectable-row {
cursor: pointer;
}
.p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 ${dt('datatable.drop.point.color')};
}
.p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 ${dt('datatable.drop.point.color')};
}
.p-datatable-loading-icon {
font-size: ${dt('datatable.loading.icon.size')};
width: ${dt('datatable.loading.icon.size')};
height: ${dt('datatable.loading.icon.size')};
}
.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable-gridlines .p-datatable-paginator-top {
border-width: 1px 1px 0 1px;
}
.p-datatable-gridlines .p-datatable-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px 0 1px 1px;
}
.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
border-width: 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px 0 0 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
border-width: 1px 1px 0 1px;
}
p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px 0 1px 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 1px;
}
.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px 0 1px 1px;
}
.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
border-width: 0 0 0 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) {
background: ${dt('datatable.row.striped.background')};
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd).p-datatable-row-selected {
background: ${dt('datatable.row.selected.background')};
color: ${dt('datatable.row.selected.color')};
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.375rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.375rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.375rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.375rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.375rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 0.9375rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
padding: 0.9375rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td {
padding: 0.9375rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td {
padding: 0.9375rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
padding: 0.9375rem 1.25rem;
}
.p-datatable-row-toggle-button {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
width: ${dt('datatable.row.toggle.button.size')};
height: ${dt('datatable.row.toggle.button.size')};
color: ${dt('datatable.row.toggle.button.color')};
border: 0 none;
background: transparent;
cursor: pointer;
border-radius: ${dt('datatable.row.toggle.button.border.radius')};
transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')},
outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')};
outline-color: transparent;
user-select: none;
}
.p-datatable-row-toggle-button:enabled:hover {
color: ${dt('datatable.row.toggle.button.hover.color')};
background: ${dt('datatable.row.toggle.button.hover.background')};
}
.p-datatable-tbody > tr.p-datatable-row-selected .p-datatable-row-toggle-button:hover {
background: ${dt('datatable.row.toggle.button.selected.hover.background')};
${dt('datatable.row.toggle.button.selected.hover.color')};
}
.p-datatable-row-toggle-button:focus-visible {
box-shadow: ${dt('datatable.row.toggle.button.focus.ring.shadow')};
outline: ${dt('datatable.row.toggle.button.focus.ring.width')} ${dt('datatable.row.toggle.button.focus.ring.style')} ${dt('datatable.row.toggle.button.focus.ring.color')};
outline-offset: ${dt('datatable.row.toggle.button.focus.ring.offset')};
}
`;
const classes = {
root: ({ instance }) => ({
'p-datatable p-component': true,
'p-datatable-hoverable': instance.rowHover || instance.selectionMode,
'p-datatable-resizable': instance.resizableColumns,
'p-datatable-resizable-fit': instance.resizableColumns && instance.columnResizeMode === 'fit',
'p-datatable-scrollable': instance.scrollable,
'p-datatable-flex-scrollable': instance.scrollable && instance.scrollHeight === 'flex',
'p-datatable-striped': instance.stripedRows,
'p-datatable-gridlines': instance.showGridlines,
'p-datatable-sm': instance.size === 'small',
'p-datatable-lg': instance.size === 'large'
}),
mask: 'p-datatable-mask p-overlay-mask',
loadingIcon: 'p-datatable-loading-icon',
header: 'p-datatable-header',
pcPaginator: ({ instance }) => 'p-datatable-paginator-' + instance.paginatorPosition,
tableContainer: 'p-datatable-table-container',
table: ({ instance }) => ({
'p-datatable-table': true,
'p-datatable-scrollable-table': instance.scrollable,
'p-datatable-resizable-table': instance.resizableColumns,
'p-datatable-resizable-table-fit': instance.resizableColumns && instance.columnResizeMode === 'fit'
}),
thead: 'p-datatable-thead',
columnResizer: 'p-datatable-column-resizer',
columnHeaderContent: 'p-datatable-column-header-content',
columnTitle: 'p-datatable-column-title',
columnFooter: 'p-datatable-column-footer',
sortIcon: 'p-datatable-sort-icon',
pcSortBadge: 'p-datatable-sort-badge',
filter: ({ instance }) => ({
'p-datatable-filter': true,
'p-datatable-inline-filter': instance.display === 'row',
'p-datatable-popover-filter': instance.display === 'menu'
}),
filterElementContainer: 'p-datatable-filter-element-container',
pcColumnFilterButton: 'p-datatable-column-filter-button',
pcColumnFilterClearButton: 'p-datatable-column-filter-clear-button',
filterOverlay: ({ instance }) => ({
'p-datatable-filter-overlay p-component': true,
'p-datatable-filter-overlay-popover': instance.display === 'menu'
}),
filterConstraintList: 'p-datatable-filter-constraint-list',
filterConstraint: 'p-datatable-filter-constraint',
filterConstraintSeparator: 'p-datatable-filter-constraint-separator',
filterOperator: 'p-datatable-filter-operator',
pcFilterOperatorDropdown: 'p-datatable-filter-operator-dropdown',
filterRuleList: 'p-datatable-filter-rule-list',
filterRule: 'p-datatable-filter-rule',
pcFilterConstraintDropdown: 'p-datatable-filter-constraint-dropdown',
pcFilterRemoveRuleButton: 'p-datatable-filter-remove-rule-button',
pcFilterAddRuleButton: 'p-datatable-filter-add-rule-button',
filterButtonbar: 'p-datatable-filter-buttonbar',
pcFilterClearButton: 'p-datatable-filter-clear-button',
pcFilterApplyButton: 'p-datatable-filter-apply-button',
tbody: ({ instance }) => ({
'p-datatable-tbody': true,
'p-datatable-frozen-tbody': instance.frozenValue || instance.frozenBodyTemplate,
'p-virtualscroller-content': instance.virtualScroll
}),
rowGroupHeader: 'p-datatable-row-group-header',
rowToggleButton: 'p-datatable-row-toggle-button',
rowToggleIcon: 'p-datatable-row-toggle-icon',
rowExpansion: 'p-datatable-row-expansion',
rowGroupFooter: 'p-datatable-row-group-footer',
emptyMessage: 'p-datatable-empty-message',
bodyCell: ({ instance }) => ({
'p-datatable-frozen-column': instance.columnProp('frozen')
}),
reorderableRowHandle: 'p-datatable-reorderable-row-handle',
pcRowEditorInit: 'p-datatable-row-editor-init',
pcRowEditorSave: 'p-datatable-row-editor-save',
pcRowEditorCancel: 'p-datatable-row-editor-cancel',
tfoot: 'p-datatable-tfoot',
footerCell: ({ instance }) => ({
'p-datatable-frozen-column': instance.columnProp('frozen')
}),
virtualScrollerSpacer: 'p-datatable-virtualscroller-spacer',
footer: 'p-datatable-tfoot',
columnResizeIndicator: 'p-datatable-column-resize-indicator',
rowReorderIndicatorUp: 'p-datatable-row-reorder-indicator-up',
rowReorderIndicatorDown: 'p-datatable-row-reorder-indicator-down'
};
const inlineStyles = {
tableContainer: ({ instance }) => ({
'max-height': instance.virtualScroll ? '' : instance.scrollHeight,
overflow: 'auto'
}),
thead: { position: 'sticky' },
tfoot: { position: 'sticky' }
};
class TableStyle extends BaseStyle {
name = 'datatable';
theme = theme;
classes = classes;
inlineStyles = inlineStyles;
static ɵfac = /*@__PURE__*/ (() => { let ɵTableStyle_BaseFactory; return function TableStyle_Factory(__ngFactoryType__) { return (ɵTableStyle_BaseFactory || (ɵTableStyle_BaseFactory = i0.ɵɵgetInheritedFactory(TableStyle)))(__ngFactoryType__ || TableStyle); }; })();
static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TableStyle, factory: TableStyle.ɵfac });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableStyle, [{
type: Injectable
}], null, null); })();
/**
*
* DataTable displays data in tabular format.
*
* [Live Demo](https://www.primeng.org/table/)
*
* @module tablestyle
*
*/
var TableClasses;
(function (TableClasses) {
/**
* Class name of the root element
*/
TableClasses["root"] = "p-datatable";
/**
* Class name of the mask element
*/
TableClasses["mask"] = "p-datatable-mask";
/**
* Class name of the loading icon element
*/
TableClasses["loadingIcon"] = "p-datatable-loading-icon";
/**
* Class name of the header element
*/
TableClasses["header"] = "p-datatable-header";
/**
* Class name of the paginator element
*/
TableClasses["pcPaginator"] = "p-datatable-paginator-[position]";
/**
* Class name of the table container element
*/
TableClasses["tableContainer"] = "p-datatable-table-container";
/**
* Class name of the table element
*/
TableClasses["table"] = "p-datatable-table";
/**
* Class name of the thead element
*/
TableClasses["thead"] = "p-datatable-thead";
/**
* Class name of the column resizer element
*/
TableClasses["columnResizer"] = "p-datatable-column-resizer";
/**
* Class name of the column header content element
*/
TableClasses["columnHeaderContent"] = "p-datatable-column-header-content";
/**
* Class name of the column title element
*/
TableClasses["columnTitle"] = "p-datatable-column-title";
/**
* Class name of the sort icon element
*/
TableClasses["sortIcon"] = "p-datatable-sort-icon";
/**
* Class name of the sort badge element
*/
TableClasses["pcSortBadge"] = "p-datatable-sort-badge";
/**
* Class name of the filter element
*/
TableClasses["filter"] = "p-datatable-filter";
/**
* Class name of the filter element container element
*/
TableClasses["filterElementContainer"] = "p-datatable-filter-element-container";
/**
* Class name of the column filter button element
*/
TableClasses["pcColumnFilterButton"] = "p-datatable-column-filter-button";
/**
* Class name of the column filter clear button element
*/
TableClasses["pcColumnFilterClearButton"] = "p-datatable-column-filter-clear-button";
/**
* Class name of the filter overlay element
*/
TableClasses["filterOverlay"] = "p-datatable-filter-overlay";
/**
* Class name of the filter constraint list element
*/
TableClasses["filterConstraintList"] = "p-datatable-filter-constraint-list";
/**
* Class name of the filter constraint element
*/
TableClasses["filterConstraint"] = "p-datatable-filter-constraint";
/**
* Class name of the filter constraint separator element
*/
TableClasses["filterConstraintSeparator"] = "p-datatable-filter-constraint-separator";
/**
* Class name of the filter operator element
*/
TableClasses["filterOperator"] = "p-datatable-filter-operator";
/**
* Class name of the filter operator dropdown element
*/
TableClasses["pcFilterOperatorDropdown"] = "p-datatable-filter-operator-dropdown";
/**
* Class name of the filter rule list element
*/
TableClasses["filterRuleList"] = "p-datatable-filter-rule-list";
/**
* Class name of the filter rule element
*/
TableClasses["filterRule"] = "p-datatable-filter-rule";
/**
* Class name of the filter constraint dropdown element
*/
TableClasses["pcFilterConstraintDropdown"] = "p-datatable-filter-constraint-dropdown";
/**
* Class name of the filter remove rule button element
*/
TableClasses["pcFilterRemoveRuleButton"] = "p-datatable-filter-remove-rule-button";
/**
* Class name of the filter add rule button element
*/
TableClasses["pcFilterAddRuleButton"] = "p-datatable-filter-add-rule-button";
/**
* Class name of the filter buttonbar element
*/
TableClasses["filterButtonbar"] = "p-datatable-filter-buttonbar";
/**
* Class name of the filter clear button element
*/
TableClasses["pcFilterClearButton"] = "p-datatable-filter-clear-button";
/**
* Class name of the filter apply button element
*/
TableClasses["pcFilterApplyButton"] = "p-datatable-filter-apply-button";
/**
* Class name of the tbody element
*/
TableClasses["tbody"] = "p-datatable-tbody";
/**
* Class name of the row group header element
*/
TableClasses["rowGroupHeader"] = "p-datatable-row-group-header";
/**
* Class name of the row toggle button element
*/
TableClasses["rowToggleButton"] = "p-datatable-row-toggle-button";
/**
* Class name of the row toggle icon element
*/
TableClasses["rowToggleIcon"] = "p-datatable-row-toggle-icon";
/**
* Class name of the row expansion element
*/
TableClasses["rowExpansion"] = "p-datatable-row-expansion";
/**
* Class name of the row group footer element
*/
TableClasses["rowGroupFooter"] = "p-datatable-row-group-footer";
/**
* Class name of the empty message element
*/
TableClasses["emptyMessage"] = "p-datatable-empty-message";
/**
* Class name of the reorderable row handle element
*/
TableClasses["reorderableRowHandle"] = "p-datatable-reorderable-row-handle";
/**
* Class name of the row editor init element
*/
TableClasses["pcRowEditorInit"] = "p-datatable-row-editor-init";
/**
* Class name of the row editor save element
*/
TableClasses["pcRowEditorSave"] = "p-datatable-row-editor-save";
/**
* Class name of the row editor cancel element
*/
TableClasses["pcRowEditorCancel"] = "p-datatable-row-editor-cancel";
/**
* Class name of the tfoot element
*/
TableClasses["tfoot"] = "p-datatable-tfoot";
/**
* Class name of the virtual scroller spacer element
*/
TableClasses["virtualScrollerSpacer"] = "p-datatable-virtualscroller-spacer";
/**
* Class name of the footer element
*/
TableClasses["footer"] = "p-datatable-footer";
/**
* Class name of the column resize indicator element
*/
TableClasses["columnResizeIndicator"] = "p-datatable-column-resize-indicator";
/**
* Class name of the row reorder indicator up element
*/
TableClasses["rowReorderIndicatorUp"] = "p-datatable-row-reorder-indicator-up";
/**
* Class name of the row reorder indicator down element
*/
TableClasses["rowReorderIndicatorDown"] = "p-datatable-row-reorder-indicator-down";
})(TableClasses || (TableClasses = {}));
const _c0 = ["header"];
const _c1 = ["headergrouped"];
const _c2 = ["body"];
const _c3 = ["loadingbody"];
const _c4 = ["caption"];
const _c5 = ["footer"];
const _c6 = ["footergrouped"];
const _c7 = ["summary"];
const _c8 = ["colgroup"];
const _c9 = ["rowexpansion"];
const _c10 = ["groupheader"];
const _c11 = ["groupfooter"];
const _c12 = ["frozenexpandedrow"];
const _c13 = ["frozenheader"];
const _c14 = ["frozenbody"];
const _c15 = ["frozenfooter"];
const _c16 = ["frozencolgroup"];
const _c17 = ["emptymessage"];
const _c18 = ["paginatorleft"];
const _c19 = ["paginatorright"];
const _c20 = ["paginatordropdownitem"];
const _c21 = ["loadingicon"];
const _c22 = ["reorderindicatorupicon"];
const _c23 = ["reorderindicatordownicon"];
const _c24 = ["sorticon"];
const _c25 = ["checkboxicon"];
const _c26 = ["headercheckboxicon"];
const _c27 = ["paginatordropdownicon"];
const _c28 = ["paginatorfirstpagelinkicon"];
const _c29 = ["paginatorlastpagelinkicon"];
const _c30 = ["paginatorpreviouspagelinkicon"];
const _c31 = ["paginatornextpagelinkicon"];
const _c32 = ["container"];
const _c33 = ["resizeHelper"];
const _c34 = ["reorderIndicatorUp"];
const _c35 = ["reorderIndicatorDown"];
const _c36 = ["wrapper"];
const _c37 = ["table"];
const _c38 = ["thead"];
const _c39 = ["tfoot"];
const _c40 = ["scroller"];
const _c41 = a0 => ({ height: a0 });
const _c42 = (a0, a1) => ({ $implicit: a0, options: a1 });
const _c43 = a0 => ({ columns: a0 });
const _c44 = a0 => ({ $implicit: a0 });
function Table_div_2_i_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "i");
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap("p-datatable-loading-icon " + ctx_r0.loadingIcon);
} }
function Table_div_2_ng_container_2_SpinnerIcon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "SpinnerIcon", 22);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("spin", true)("styleClass", ctx_r0.cx("loadingIcon"));
} }
function Table_div_2_ng_container_2_span_2_1_ng_template_0_Template(rf, ctx) { }
function Table_div_2_ng_container_2_span_2_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_div_2_ng_container_2_span_2_1_ng_template_0_Template, 0, 0, "ng-template");
} }
function Table_div_2_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 19);
i0.ɵɵtemplate(1, Table_div_2_ng_container_2_span_2_1_Template, 1, 0, null, 23);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngClass", ctx_r0.cx("loadingIcon"));
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
} }
function Table_div_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, Table_div_2_ng_container_2_SpinnerIcon_1_Template, 1, 2, "SpinnerIcon", 21)(2, Table_div_2_ng_container_2_span_2_Template, 2, 2, "span", 12);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", !ctx_r0.loadingIconTemplate && !ctx_r0._loadingIconTemplate);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
} }
function Table_div_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 19);
i0.ɵɵtemplate(1, Table_div_2_i_1_Template, 1, 2, "i", 20)(2, Table_div_2_ng_container_2_Template, 3, 2, "ng-container", 16);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngClass", ctx_r0.cx("mask"));
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.loadingIcon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", !ctx_r0.loadingIcon);
} }
function Table_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_div_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 19);
i0.ɵɵtemplate(1, Table_div_3_ng_container_1_Template, 1, 0, "ng-container", 23);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngClass", ctx_r0.cx("header"));
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.captionTemplate || ctx_r0._captionTemplate);
} }
function Table_p_paginator_4_1_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_paginator_4_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_1_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
} }
function Table_p_paginator_4_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_1_ng_template_0_Template, 1, 1, "ng-template", 25);
} }
function Table_p_paginator_4_2_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_paginator_4_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_2_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
} }
function Table_p_paginator_4_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_2_ng_template_0_Template, 1, 1, "ng-template", 26);
} }
function Table_p_paginator_4_3_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_paginator_4_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
} }
function Table_p_paginator_4_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_3_ng_template_0_Template, 1, 1, "ng-template", 27);
} }
function Table_p_paginator_4_4_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_paginator_4_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_4_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorLastPageLinkIconTemplate);
} }
function Table_p_paginator_4_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_4_ng_template_0_Template, 1, 1, "ng-template", 28);
} }
function Table_p_paginator_4_5_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_paginator_4_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_5_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
} }
function Table_p_paginator_4_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_4_5_ng_template_0_Template, 1, 1, "ng-template", 29);
} }
function Table_p_paginator_4_Template(rf, ctx) { if (rf & 1) {
const _r2 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "p-paginator", 24);
i0.ɵɵlistener("onPageChange", function Table_p_paginator_4_Template_p_paginator_onPageChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPageChange($event)); });
i0.ɵɵtemplate(1, Table_p_paginator_4_1_Template, 1, 0, null, 16)(2, Table_p_paginator_4_2_Template, 1, 0, null, 16)(3, Table_p_paginator_4_3_Template, 1, 0, null, 16)(4, Table_p_paginator_4_4_Template, 1, 0, null, 16)(5, Table_p_paginator_4_5_Template, 1, 0, null, 16);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate || ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator") + " " + ctx_r0.paginatorStyleClass && ctx_r0.paginatorStyleClass)("locale", ctx_r0.paginatorLocale);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorLastPageLinkIconTemplate);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
} }
function Table_p_scroller_7_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_scroller_7_ng_template_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_scroller_7_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 31);
} if (rf & 2) {
const items_r4 = ctx.$implicit;
const scrollerOptions_r5 = ctx.options;
i0.ɵɵnextContext(2);
const buildInTable_r6 = i0.ɵɵreference(10);
i0.ɵɵproperty("ngTemplateOutlet", buildInTable_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c42, items_r4, scrollerOptions_r5));
} }
function Table_p_scroller_7_Template(rf, ctx) { if (rf & 1) {
const _r3 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "p-scroller", 30, 3);
i0.ɵɵlistener("onLazyLoad", function Table_p_scroller_7_Template_p_scroller_onLazyLoad_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onLazyItemLoad($event)); });
i0.ɵɵtemplate(2, Table_p_scroller_7_ng_template_2_Template, 1, 5, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵstyleMap(i0.ɵɵpureFunction1(15, _c41, ctx_r0.scrollHeight !== "flex" ? ctx_r0.scrollHeight : undefined));
i0.ɵɵproperty("items", ctx_r0.processedData)("columns", ctx_r0.columns)("scrollHeight", ctx_r0.scrollHeight !== "flex" ? undefined : "100%")("itemSize", ctx_r0.virtualScrollItemSize || ctx_r0._virtualRowHeight)("step", ctx_r0.rows)("delay", ctx_r0.lazy ? ctx_r0.virtualScrollDelay : 0)("inline", true)("lazy", ctx_r0.lazy)("loaderDisabled", true)("showSpacer", false)("showLoader", ctx_r0.loadingBodyTemplate || ctx_r0._loadingBodyTemplate)("options", ctx_r0.virtualScrollOptions)("autoSize", true);
} }
function Table_ng_container_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_ng_container_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, Table_ng_container_8_ng_container_1_Template, 1, 0, "ng-container", 31);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
const buildInTable_r6 = i0.ɵɵreference(10);
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", buildInTable_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(4, _c42, ctx_r0.processedData, i0.ɵɵpureFunction1(2, _c43, ctx_r0.columns)));
} }
function Table_ng_template_9_ng_container_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_ng_template_9_ng_container_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_ng_template_9_tbody_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "tbody", 38);
} if (rf & 2) {
const scrollerOptions_r7 = i0.ɵɵnextContext().options;
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngClass", ctx_r0.cx("tbody"))("value", ctx_r0.frozenValue)("frozenRows", true)("pTableBody", scrollerOptions_r7.columns)("pTableBodyTemplate", ctx_r0.frozenBodyTemplate || ctx_r0._frozenBodyTemplate)("frozen", true);
} }
function Table_ng_template_9_tbody_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "tbody", 39);
} if (rf & 2) {
const scrollerOptions_r7 = i0.ɵɵnextContext().options;
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵstyleMap("height: calc(" + scrollerOptions_r7.spacerStyle.height + " - " + scrollerOptions_r7.rows.length * scrollerOptions_r7.itemSize + "px);");
i0.ɵɵproperty("ngClass", ctx_r0.cx("virtualScrollerSpacer"));
} }
function Table_ng_template_9_tfoot_9_ng_container_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_ng_template_9_tfoot_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "tfoot", 39, 7);
i0.ɵɵtemplate(2, Table_ng_template_9_tfoot_9_ng_container_2_Template, 1, 0, "ng-container", 31);
i0.ɵɵelementEnd();
} if (rf & 2) {
const scrollerOptions_r7 = i0.ɵɵnextContext().options;
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngClass", ctx_r0.cx("footer"));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footerGroupedTemplate || ctx_r0.footerTemplate || ctx_r0._footerTemplate || ctx_r0._footerGroupedTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c44, scrollerOptions_r7.columns));
} }
function Table_ng_template_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "table", 32, 5);
i0.ɵɵtemplate(2, Table_ng_template_9_ng_container_2_Template, 1, 0, "ng-container", 31);
i0.ɵɵelementStart(3, "thead", 33, 6);
i0.ɵɵtemplate(5, Table_ng_template_9_ng_container_5_Template, 1, 0, "ng-container", 31);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(6, Table_ng_template_9_tbody_6_Template, 1, 6, "tbody", 34);
i0.ɵɵelement(7, "tbody", 35);
i0.ɵɵtemplate(8, Table_ng_template_9_tbody_8_Template, 1, 3, "tbody", 36)(9, Table_ng_template_9_tfoot_9_Template, 3, 5, "tfoot", 37);
i0.ɵɵelementEnd();
} if (rf & 2) {
const scrollerOptions_r7 = ctx.options;
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵstyleMap(ctx_r0.tableStyle);
i0.ɵɵclassMap(ctx_r0.tableStyleClass);
i0.ɵɵproperty("ngClass", ctx_r0.cx("table"));
i0.ɵɵattribute("id", ctx_r0.id + "-table");
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.colGroupTemplate || ctx_r0._colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(22, _c44, scrollerOptions_r7.columns));
i0.ɵɵadvance();
i0.ɵɵproperty("ngClass", ctx_r0.cx("thead"))("ngStyle", ctx_r0.sx("thead"));
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerGroupedTemplate || ctx_r0.headerTemplate || ctx_r0._headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(24, _c44, scrollerOptions_r7.columns));
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.frozenValue || ctx_r0.frozenBodyTemplate || ctx_r0._frozenBodyTemplate);
i0.ɵɵadvance();
i0.ɵɵstyleMap(scrollerOptions_r7.contentStyle);
i0.ɵɵproperty("ngClass", ctx_r0.cx("tbody", scrollerOptions_r7.contentStyleClass))("value", ctx_r0.dataToRender(scrollerOptions_r7.rows))("pTableBody", scrollerOptions_r7.columns)("pTableBodyTemplate", ctx_r0.bodyTemplate || ctx_r0._bodyTemplate)("scrollerOptions", scrollerOptions_r7);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", scrollerOptions_r7.spacerStyle);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.footerGroupedTemplate || ctx_r0.footerTemplate || ctx_r0._footerTemplate || ctx_r0._footerGroupedTemplate);
} }
function Table_p_paginator_11_1_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function Table_p_paginator_11_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_11_1_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
} }
function Table_p_paginator_11_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, Table_p_paginator_11_1_ng_template_0_Template, 1, 1, "ng-template", 25);
} }
function Table_p_paginator_11_2_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵ