primevue/datatable/style/datatablestyle.min.js

PrimeVue is an open source UI library for Vue 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 PrimeBloc

this.primevue=this.primevue||{},this.primevue.datatable=this.primevue.datatable||{},this.primevue.datatable.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"datatable",css:"\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n",classes:{root:function(e){var n=e.instance,t=e.props;return["p-datatable p-component",{"p-datatable-hoverable-rows":t.rowHover||t.selectionMode,"p-datatable-resizable":t.resizableColumns,"p-datatable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-datatable-scrollable":t.scrollable,"p-datatable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-datatable-responsive-stack":"stack"===t.responsiveLayout,"p-datatable-responsive-scroll":"scroll"===t.responsiveLayout,"p-datatable-striped":t.stripedRows,"p-datatable-gridlines":t.showGridlines,"p-datatable-grouped-header":null!=n.headerColumnGroup,"p-datatable-grouped-footer":null!=n.footerColumnGroup,"p-datatable-sm":"small"===t.size,"p-datatable-lg":"large"===t.size}]},loadingOverlay:"p-datatable-loading-overlay p-component-overlay",loadingIcon:"p-datatable-loading-icon",header:"p-datatable-header",paginator:function(e){var n=e.instance;return n.paginatorTop?"p-paginator-top":n.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-datatable-wrapper",table:function(e){var n=e.props;return["p-datatable-table",{"p-datatable-scrollable-table":n.scrollable,"p-datatable-resizable-table":n.resizableColumns,"p-datatable-resizable-table-fit":n.resizableColumns&&"fit"===n.columnResizeMode}]},thead:"p-datatable-thead",headerCell:function(e){var n=e.instance,t=e.props,o=e.column;return!o||n.columnProp(o,"hidden")||"subheader"===t.rowGroupMode&&t.groupRowsBy===n.columnProp(o,"field")?[{"p-sortable-column":n.columnProp("sortable"),"p-resizable-column":n.resizableColumns,"p-highlight":n.isColumnSorted(),"p-filter-column":t.filterColumn,"p-frozen-column":n.columnProp("frozen"),"p-reorderable-column":t.reorderableColumns}]:["p-filter-column",{"p-frozen-column":n.columnProp(o,"frozen")}]},columnResizer:"p-column-resizer",headerContent:"p-column-header-content",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",headerCheckboxWrapper:function(e){var n=e.instance;return["p-checkbox p-component",{"p-checkbox-focused":n.focused,"p-disabled":n.disabled}]},headerCheckbox:function(e){var n=e.instance;return["p-checkbox-box p-component",{"p-highlight":n.checked,"p-disabled":n.disabled,"p-focus":n.focused}]},headerCheckboxIcon:"p-checkbox-icon",columnFilter:function(e){var n=e.props;return["p-column-filter p-fluid",{"p-column-filter-row":"row"===n.display,"p-column-filter-menu":"menu"===n.display}]},filterInput:"p-fluid p-column-filter-element",filterMenuButton:function(e){var n=e.instance;return["p-column-filter-menu-button p-link",{"p-column-filter-menu-button-open":n.overlayVisible,"p-column-filter-menu-button-active":n.hasFilter()}]},headerFilterClearButton:function(e){return["p-column-filter-clear-button p-link",{"p-hidden-space":!e.instance.hasRowFilter()}]},filterOverlay:function(e){var n=e.instance;return[{"p-column-filter-overlay p-component p-fluid":!0,"p-column-filter-overlay-menu":"menu"===e.props.display,"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},filterRowItems:"p-column-filter-row-items",filterRowItem:function(e){var n=e.matchMode;return["p-column-filter-row-item",{"p-highlight":n&&e.instance.isRowMatchModeSelected(n.value)}]},filterSeparator:"p-column-filter-separator",filterOperator:"p-column-filter-operator",filterOperatorDropdown:"p-column-filter-operator-dropdown",filterConstraints:"p-column-filter-constraints",filterConstraint:"p-column-filter-constraint",filterMatchModeDropdown:"p-column-filter-matchmode-dropdown",filterRemoveButton:"p-column-filter-remove-button p-button-text p-button-danger p-button-sm",filterAddRule:"p-column-filter-add-rule",filterAddRuleButton:"p-column-filter-add-button p-button-text p-button-sm",filterButtonbar:"p-column-filter-buttonbar",filterClearButton:"p-button-outlined p-button-sm",filterApplyButton:"p-button-sm",tbody:function(e){return e.props.frozenRow?"p-datatable-tbody p-datatable-frozen-tbody":"p-datatable-tbody"},rowgroupHeader:"p-rowgroup-header",rowGroupToggler:"p-row-toggler p-link",rowGroupTogglerIcon:"p-row-toggler-icon",row:function(e){var n=e.instance,t=e.props,o=e.index,l=[];return t.selectionMode&&l.push("p-selectable-row"),t.selection&&l.push({"p-highlight":n.isSelected}),t.contextMenuSelection&&l.push({"p-highlight-contextmenu":n.isSelectedWithContextMenu}),l.push(o%2==0?"p-row-even":"p-row-odd"),l},rowExpansion:"p-datatable-row-expansion",rowgroupFooter:"p-rowgroup-footer",emptyMessage:"p-datatable-emptymessage",bodyCell:function(e){var n=e.instance;return[{"p-selection-column":null!=n.columnProp("selectionMode"),"p-editable-column":n.isEditable(),"p-cell-editing":n.d_editing,"p-frozen-column":n.columnProp("frozen")}]},columnTitle:"p-column-title",rowReorderIcon:"p-datatable-reorderablerow-handle",rowToggler:"p-row-toggler p-link",rowTogglerIcon:"p-row-toggler-icon",rowEditorInitButton:"p-row-editor-init p-link",rowEditorInitIcon:"p-row-editor-init-icon",rowEditorSaveButton:"p-row-editor-save p-link",rowEditorSaveIcon:"p-row-editor-save-icon",rowEditorCancelButton:"p-row-editor-cancel p-link",rowEditorCancelIcon:"p-row-editor-cancel-icon",checkboxWrapper:function(e){return["p-checkbox p-component",{"p-checkbox-focused":e.instance.focused}]},checkbox:function(e){var n=e.instance;return["p-checkbox-box p-component",{"p-highlight":n.checked,"p-disabled":n.$attrs.disabled,"p-focus":n.focused}]},checkboxIcon:"p-checkbox-icon",radiobuttonWrapper:function(e){return["p-radiobutton p-component",{"p-radiobutton-focused":e.instance.focused}]},radiobutton:function(e){var n=e.instance;return["p-radiobutton-box p-component",{"p-highlight":n.checked,"p-disabled":n.$attrs.disabled,"p-focus":n.focused}]},radiobuttonIcon:"p-radiobutton-icon",tfoot:"p-datatable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},virtualScrollerSpacer:"p-datatable-virtualscroller-spacer",footer:"p-datatable-footer",resizeHelper:"p-column-resizer-helper",reorderIndicatorUp:"p-datatable-reorder-indicator-up",reorderIndicatorDown:"p-datatable-reorder-indicator-down"},inlineStyles:{wrapper:{overflow:"auto"},thead:{position:"sticky"},tfoot:{position:"sticky"}}})}();