From 2ea6aec6acf951a51920681113468555c937f848 Mon Sep 17 00:00:00 2001 From: Jack Hsu Date: Tue, 27 Feb 2024 17:48:53 -0500 Subject: [PATCH] Fixed minor css issue that caused column header row to be hidden when column headers are populated. --- dist/data-grid.css | 2 +- dist/data-grid.css.map | 2 +- dist/data-grid.min.css | 4 ++-- dist/data-grid.min.css.map | 2 +- scss/_core.scss | 14 +++++--------- 5 files changed, 10 insertions(+), 14 deletions(-) diff --git a/dist/data-grid.css b/dist/data-grid.css index 5514127..ccc20af 100644 --- a/dist/data-grid.css +++ b/dist/data-grid.css @@ -73,7 +73,7 @@ data-grid::-webkit-scrollbar-thumb { data-grid::-webkit-scrollbar-thumb:hover { background: var(--scroller-thumb-hover); } -data-grid[class=""] > table[role=grid] tr.dg-head-columns, data-grid:not([class]) > table[role=grid] tr.dg-head-columns, data-grid.dg-loading > table[role=grid] tr.dg-head-columns { +data-grid > table[role=grid] tr.dg-head-columns:is(:empty, :has(:first-child:not([id^=dg-col]))) { display: none; } data-grid img { diff --git a/dist/data-grid.css.map b/dist/data-grid.css.map index 8ccb07c..a10ee38 100644 --- a/dist/data-grid.css.map +++ b/dist/data-grid.css.map @@ -1 +1 @@ -{"version":3,"sources":["../scss/_core.scss","data-grid.css","../scss/_rtl.scss","../scss/_menu.scss","../scss/_actions.scss","../scss/_resizer.scss","../scss/_responsive.scss"],"names":[],"mappings":"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","file":"data-grid.css","sourcesContent":["/**\r\n * Data Grid Web component \r\n * https://github.com/lekoala/data-grid\r\n */\r\n\r\n@keyframes dataGridShow {\r\n 0% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\ndata-grid {\r\n --padding: 0.5rem;\r\n --padding-x: 0.75rem;\r\n --padding-y: 0.5rem;\r\n --padding-y-header: 0.75rem;\r\n --padding-half: calc(var(--padding) / 2);\r\n --color-rgb: var(--bs-primary-rgb, 13, 110, 253);\r\n --color: rgb(var(--color-rgb));\r\n\r\n --highlight-color: #fffcee;\r\n --header-background: var(--bs-gray-200, #e9ecef);\r\n --header-color: var(--bs-dark, #212529);\r\n --input-background: var(--bs-body-bg, #ffffff);\r\n --input-border-color: var(--bs-border-color, #e9ecef);\r\n --btn-background: var(--bs-body-bg, #ffffff);\r\n --btn-color: var(--color);\r\n --btn-border-color: var(--bs-border-color, #e9ecef);\r\n --body-bg: var(--bs-body-bg, #212529);\r\n --body-color: var(--bs-body-color, #212529);\r\n --icon-scale: 1;\r\n --border-radius: 0.25rem;\r\n --row-border-color: #f2f2f2;\r\n --responsive-width: 60%;\r\n\r\n --black: var(--bs-black, #000);\r\n --white: var(--bs-white, #fff);\r\n --gray: var(--bs-gray, #6c757d);\r\n --gray-dark: var(--bs-gray-dark, #343a40);\r\n --gray-100: var(--bs-gray-100, #f8f9fa);\r\n --gray-200: var(--bs-gray-200, #e9ecef);\r\n --gray-300: var(--bs-gray-300, #dee2e6);\r\n --gray-400: var(--bs-gray-400, #ced4da);\r\n --gray-500: var(--bs-gray-500, #adb5bd);\r\n --gray-600: var(--bs-gray-600, #6c757d);\r\n --gray-700: var(--bs-gray-700, #495057);\r\n --gray-800: var(--bs-gray-800, #343a40);\r\n --gray-900: var(--bs-gray-900, #212529);\r\n\r\n display: block;\r\n min-height: 6rem;\r\n position: relative;\r\n\r\n // When used with fixed height, have a nice scrollbar\r\n & {\r\n --scroller-color: 0, 0%;\r\n --scroller-color-lightness: 80%;\r\n --scroller-hover-factor: 0.8;\r\n --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));\r\n /* Replicate hover for webkit */\r\n --scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));\r\n --scroller-background: transparent;\r\n scrollbar-color: var(--scroller-thumb) var(--scroller-background);\r\n scrollbar-width: thin;\r\n\r\n &::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n background: transparent;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background: var(--scroller-thumb);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb:hover {\r\n background: var(--scroller-thumb-hover);\r\n }\r\n }\r\n\r\n // Before grid init, or on loading\r\n &[class=\"\"],\r\n &:not([class]),\r\n &.dg-loading {\r\n > table {\r\n &[role=grid] {\r\n tr.dg-head-columns {\r\n display: none; //ensures the empty column header bar is hidden\r\n }\r\n }\r\n }\r\n }\r\n\r\n img {\r\n border: none;\r\n height: auto;\r\n max-width: 100%;\r\n vertical-align: middle;\r\n }\r\n\r\n [hidden] {\r\n display: none;\r\n }\r\n\r\n table {\r\n display: table;\r\n // Table and column widths are set by the widths of table and col elements\r\n // or by the width of the first row of cells. Cells in subsequent rows do not affect column widths.\r\n table-layout: fixed;\r\n width: 100%;\r\n max-width: 100%;\r\n white-space: normal;\r\n // Background needs to be on the table, not on the component in case the table overflows the component\r\n background: var(--header-background);\r\n }\r\n\r\n thead,\r\n tfoot {\r\n background-color: var(--header-background);\r\n color: var(--header-color);\r\n }\r\n\r\n &.dg-loading {\r\n &:not(.dg-initialized) {\r\n\r\n thead,\r\n tfoot {\r\n background: none;\r\n }\r\n }\r\n\r\n tbody {\r\n animation-name: dataGridShow;\r\n animation-timing-function: ease-in;\r\n animation-fill-mode: forwards;\r\n animation-duration: 0.3s; // only triggers after 300ms\r\n pointer-events: none; // disable clicks while loading\r\n }\r\n }\r\n\r\n tr {\r\n position: relative;\r\n }\r\n\r\n th,\r\n td {\r\n empty-cells: show;\r\n padding: var(--padding-y) var(--padding-x);\r\n text-align: left;\r\n\r\n &[tabindex] {\r\n outline: none;\r\n word-break: normal;\r\n }\r\n }\r\n\r\n th {\r\n font-weight: bold;\r\n padding: var(--padding-y-header) var(--padding-x);\r\n }\r\n\r\n // Prevent overflow on headers and cells\r\n th,\r\n td {\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n // These two properties keep content on one line\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n\r\n // Use this to allow content to flow over multiple lines\r\n &.dg-wrap {\r\n white-space: normal;\r\n word-break: break-all;\r\n }\r\n }\r\n\r\n // Expand on multiple lines on row click\r\n .dg-expandable {\r\n cursor: pointer;\r\n\r\n &.dg-expanded td {\r\n white-space: normal;\r\n word-break: break-all;\r\n }\r\n }\r\n\r\n .dg-clickable-cell {\r\n margin: 0;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n // Stick headers\r\n // https://css-tricks.com/making-tables-with-sticky-header-and-footers-got-a-bit-easier/\r\n &[sticky] table {\r\n\r\n thead,\r\n tfoot {\r\n z-index: 2;\r\n position: sticky;\r\n margin: 0;\r\n border: 0;\r\n }\r\n\r\n // Use silly value to prevent sub pixel alignment issue\r\n thead {\r\n inset-block-start: -1px;\r\n }\r\n\r\n tfoot {\r\n inset-block-end: -1px;\r\n }\r\n }\r\n\r\n // Pagination icons\r\n .dg-nav-icon,\r\n .dg-skip-icon {\r\n width: 22px;\r\n height: 22px;\r\n box-sizing: border-box;\r\n position: absolute;\r\n display: block;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(var(--icon-scale, 1));\r\n\r\n &:before,\r\n &:after {\r\n content: \"\";\r\n display: block;\r\n box-sizing: border-box;\r\n position: absolute;\r\n }\r\n }\r\n\r\n .dg-nav-icon::before {\r\n width: 0;\r\n height: 10px;\r\n border-top: 5px solid transparent;\r\n border-bottom: 5px solid transparent;\r\n border-left: 6px solid;\r\n top: 6px;\r\n left: 9px;\r\n }\r\n\r\n .dg-skip-icon {\r\n &::before {\r\n width: 3px;\r\n height: 10px;\r\n background: currentColor;\r\n top: 6px;\r\n left: 14px;\r\n }\r\n\r\n &::after {\r\n width: 0;\r\n height: 10px;\r\n border-top: 5px solid transparent;\r\n border-bottom: 5px solid transparent;\r\n border-left: 6px solid;\r\n top: 6px;\r\n left: 7px;\r\n }\r\n }\r\n\r\n .dg-rotate {\r\n transform: rotate(-180deg);\r\n }\r\n\r\n // Default actions buttons\r\n button {\r\n background-color: var(--btn-background);\r\n border: solid 1px var(--btn-border-color);\r\n border-radius: var(--border-radius);\r\n color: var(--body-color);\r\n height: 2rem;\r\n margin: 0 0.2rem;\r\n padding: 0 0.5rem;\r\n pointer-events: all;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.7;\r\n }\r\n\r\n &:disabled:hover {\r\n background-color: inherit;\r\n border-color: inherit;\r\n }\r\n }\r\n\r\n // Form elements\r\n input[type=\"checkbox\"] {\r\n margin: 0;\r\n }\r\n\r\n input:not([type=\"checkbox\"]),\r\n select {\r\n background-color: var(--input-background, \"#fff\");\r\n color: currentColor;\r\n box-sizing: border-box;\r\n border: 1px solid var(--input-border-color, \"#f0f0f0\");\r\n border-radius: var(--border-radius);\r\n height: 2rem;\r\n margin: 0 0.2rem;\r\n padding: 0 var(--padding);\r\n max-width: none;\r\n }\r\n\r\n input:not([type=\"checkbox\"]),\r\n select,\r\n button {\r\n &:focus {\r\n box-shadow: 0 0 0 var(--padding-half) rgba(var(--color-rgb), 0.25);\r\n outline: 0;\r\n }\r\n\r\n &[disabled],\r\n &:disabled {\r\n opacity: 0.35;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n // Filters (2nd header row)\r\n thead tr:nth-child(2) th {\r\n padding: 0 2px 0 0;\r\n background-color: transparent;\r\n\r\n > * { \r\n width: 100%;\r\n border-radius: 0;\r\n margin: 0;\r\n }\r\n\r\n input {\r\n &:focus {\r\n box-shadow: inset 0px 0px 0px 1px var(--color);\r\n }\r\n }\r\n }\r\n\r\n // Editable\r\n tbody td.dg-editable-col {\r\n padding: 0;\r\n height: 0; // it needs a height for height 100%\r\n }\r\n\r\n tbody td input.dg-editable {\r\n width: 100%;\r\n background: transparent;\r\n border: 0;\r\n border-radius: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n height: 100%;\r\n\r\n &:focus {\r\n box-shadow: inset 0px 0px 0px 1px var(--color);\r\n }\r\n }\r\n\r\n // Empty table or error message (don't use :empty as it would create fouc on load)\r\n &.dg-empty {\r\n tbody {\r\n height: 4rem;\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n content: attr(data-empty);\r\n transform: translate(-50%, -50%);\r\n opacity: 0.5;\r\n font-size: 1.5rem;\r\n text-align: center;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n width: 90%;\r\n }\r\n }\r\n\r\n tr {\r\n &.dg-fake-row {\r\n height: 4rem;\r\n border: none;\r\n }\r\n }\r\n\r\n &.dg-network-error {\r\n table {\r\n color: #842029;\r\n background-color: #f8d7da;\r\n border: 1px solid #f5c2c7;\r\n }\r\n\r\n tbody {\r\n height: auto;\r\n\r\n &:before {\r\n font-size: 2rem;\r\n top: auto;\r\n transform: translate(-50%);\r\n }\r\n\r\n tr:not(.dg-fake-row) {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n &:not(.dg-network-error) {\r\n tbody {\r\n &:before {\r\n top: auto;\r\n transform: translate(-50%, 30%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Zebra rows\r\n tbody tr {\r\n &:nth-child(even) {\r\n background-color: var(--bs-table-striped-bg, #f8f9fa);\r\n }\r\n\r\n border-bottom: solid 1px var(--row-border-color);\r\n\r\n &:hover {\r\n background-color: var(--highlight-color) !important;\r\n }\r\n\r\n &:focus {\r\n background-color: var(--highlight-color) !important;\r\n border-bottom-color: var(--highlight-color) !important;\r\n outline: none;\r\n }\r\n }\r\n\r\n // Meta footer\r\n tfoot {\r\n min-width: 280px;\r\n\r\n td {\r\n padding: var(--padding-y-header) var(--padding-x);\r\n }\r\n\r\n .dg-page-nav {\r\n display: flex;\r\n align-items: center;\r\n min-width: 160px;\r\n }\r\n\r\n .dg-input-page {\r\n width: 4rem;\r\n }\r\n\r\n .dg-footer {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n }\r\n\r\n .dg-pagination {\r\n display: flex;\r\n text-align: center;\r\n\r\n button {\r\n // Fix icon inside button\r\n position: relative;\r\n width: 2rem;\r\n }\r\n }\r\n\r\n .dg-meta {\r\n // Prevent layout from jumping around\r\n min-width: 160px;\r\n text-align: right;\r\n }\r\n\r\n &.dg-footer-compact {\r\n .dg-meta {\r\n display: none;\r\n }\r\n\r\n .dg-input-page {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n // Pagination in header\r\n [aria-sort] {\r\n cursor: pointer;\r\n padding-right: 1.5rem;\r\n }\r\n\r\n [aria-sort=\"none\"]:after,\r\n [aria-sort=\"none\"]:before,\r\n [aria-sort=\"ascending\"]:before,\r\n [aria-sort=\"descending\"]:after {\r\n right: 0.5rem;\r\n top: calc(50% - 0.5rem);\r\n border: solid transparent;\r\n content: \" \";\r\n height: 0;\r\n width: 0;\r\n position: absolute;\r\n border-color: rgba(0, 0, 0, 0);\r\n border-width: 0.25rem;\r\n margin-left: -0.25rem;\r\n }\r\n\r\n [aria-sort=\"none\"] {\r\n &:before {\r\n border-bottom-color: currentColor;\r\n opacity: 0.25;\r\n top: calc(50% - 0.6rem);\r\n }\r\n\r\n &:after {\r\n border-top-color: currentColor;\r\n opacity: 0.25;\r\n bottom: calc(50% - 0.5rem);\r\n top: auto;\r\n }\r\n }\r\n\r\n [aria-sort=\"ascending\"]:before {\r\n border-bottom-color: var(--body-color);\r\n opacity: 0.75;\r\n }\r\n\r\n [aria-sort=\"descending\"]:after {\r\n border-top-color: var(--body-color);\r\n opacity: 0.75;\r\n bottom: calc(50% - 0.5rem);\r\n top: auto;\r\n }\r\n}\r\n\r\n[data-bs-theme=\"dark\"] data-grid {\r\n --scroller-color-lightness: 20%;\r\n --highlight-color: #43423e;\r\n --header-background: var(--bs-gray-800, #34373b);\r\n --header-color: var(--bs-light, #e9ecef);\r\n --body-color: var(--bs-body-color, #494e53);\r\n --row-border-color: var(--bs-gray-900, #212325);\r\n\r\n tbody tr {\r\n &:nth-child(even) {\r\n background-color: var(--bs-table-striped-bg, #2c3034);\r\n }\r\n }\r\n}","/**\n * Data Grid Web component \n * https://github.com/lekoala/data-grid\n */\n@keyframes dataGridShow {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n}\ndata-grid {\n --padding: 0.5rem;\n --padding-x: 0.75rem;\n --padding-y: 0.5rem;\n --padding-y-header: 0.75rem;\n --padding-half: calc(var(--padding) / 2);\n --color-rgb: var(--bs-primary-rgb, 13, 110, 253);\n --color: rgb(var(--color-rgb));\n --highlight-color: #fffcee;\n --header-background: var(--bs-gray-200, #e9ecef);\n --header-color: var(--bs-dark, #212529);\n --input-background: var(--bs-body-bg, #ffffff);\n --input-border-color: var(--bs-border-color, #e9ecef);\n --btn-background: var(--bs-body-bg, #ffffff);\n --btn-color: var(--color);\n --btn-border-color: var(--bs-border-color, #e9ecef);\n --body-bg: var(--bs-body-bg, #212529);\n --body-color: var(--bs-body-color, #212529);\n --icon-scale: 1;\n --border-radius: 0.25rem;\n --row-border-color: #f2f2f2;\n --responsive-width: 60%;\n --black: var(--bs-black, #000);\n --white: var(--bs-white, #fff);\n --gray: var(--bs-gray, #6c757d);\n --gray-dark: var(--bs-gray-dark, #343a40);\n --gray-100: var(--bs-gray-100, #f8f9fa);\n --gray-200: var(--bs-gray-200, #e9ecef);\n --gray-300: var(--bs-gray-300, #dee2e6);\n --gray-400: var(--bs-gray-400, #ced4da);\n --gray-500: var(--bs-gray-500, #adb5bd);\n --gray-600: var(--bs-gray-600, #6c757d);\n --gray-700: var(--bs-gray-700, #495057);\n --gray-800: var(--bs-gray-800, #343a40);\n --gray-900: var(--bs-gray-900, #212529);\n display: block;\n min-height: 6rem;\n position: relative;\n}\ndata-grid {\n --scroller-color: 0, 0%;\n --scroller-color-lightness: 80%;\n --scroller-hover-factor: 0.8;\n --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));\n /* Replicate hover for webkit */\n --scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));\n --scroller-background: transparent;\n scrollbar-color: var(--scroller-thumb) var(--scroller-background);\n scrollbar-width: thin;\n}\ndata-grid::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\ndata-grid::-webkit-scrollbar-track {\n background: transparent;\n}\ndata-grid::-webkit-scrollbar-thumb {\n background: var(--scroller-thumb);\n}\ndata-grid::-webkit-scrollbar-thumb:hover {\n background: var(--scroller-thumb-hover);\n}\ndata-grid[class=\"\"] > table[role=grid] tr.dg-head-columns, data-grid:not([class]) > table[role=grid] tr.dg-head-columns, data-grid.dg-loading > table[role=grid] tr.dg-head-columns {\n display: none;\n}\ndata-grid img {\n border: none;\n height: auto;\n max-width: 100%;\n vertical-align: middle;\n}\ndata-grid [hidden] {\n display: none;\n}\ndata-grid table {\n display: table;\n table-layout: fixed;\n width: 100%;\n max-width: 100%;\n white-space: normal;\n background: var(--header-background);\n}\ndata-grid thead,\ndata-grid tfoot {\n background-color: var(--header-background);\n color: var(--header-color);\n}\ndata-grid.dg-loading:not(.dg-initialized) thead,\ndata-grid.dg-loading:not(.dg-initialized) tfoot {\n background: none;\n}\ndata-grid.dg-loading tbody {\n animation-name: dataGridShow;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n animation-duration: 0.3s;\n pointer-events: none;\n}\ndata-grid tr {\n position: relative;\n}\ndata-grid th,\ndata-grid td {\n empty-cells: show;\n padding: var(--padding-y) var(--padding-x);\n text-align: left;\n}\ndata-grid th[tabindex],\ndata-grid td[tabindex] {\n outline: none;\n word-break: normal;\n}\ndata-grid th {\n font-weight: bold;\n padding: var(--padding-y-header) var(--padding-x);\n}\ndata-grid th,\ndata-grid td {\n position: relative;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\ndata-grid th.dg-wrap,\ndata-grid td.dg-wrap {\n white-space: normal;\n word-break: break-all;\n}\ndata-grid .dg-expandable {\n cursor: pointer;\n}\ndata-grid .dg-expandable.dg-expanded td {\n white-space: normal;\n word-break: break-all;\n}\ndata-grid .dg-clickable-cell {\n margin: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\ndata-grid[sticky] table thead,\ndata-grid[sticky] table tfoot {\n z-index: 2;\n position: sticky;\n margin: 0;\n border: 0;\n}\ndata-grid[sticky] table thead {\n inset-block-start: -1px;\n}\ndata-grid[sticky] table tfoot {\n inset-block-end: -1px;\n}\ndata-grid .dg-nav-icon,\ndata-grid .dg-skip-icon {\n width: 22px;\n height: 22px;\n box-sizing: border-box;\n position: absolute;\n display: block;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(var(--icon-scale, 1));\n}\ndata-grid .dg-nav-icon:before, data-grid .dg-nav-icon:after,\ndata-grid .dg-skip-icon:before,\ndata-grid .dg-skip-icon:after {\n content: \"\";\n display: block;\n box-sizing: border-box;\n position: absolute;\n}\ndata-grid .dg-nav-icon::before {\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 6px;\n left: 9px;\n}\ndata-grid .dg-skip-icon::before {\n width: 3px;\n height: 10px;\n background: currentColor;\n top: 6px;\n left: 14px;\n}\ndata-grid .dg-skip-icon::after {\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 6px;\n left: 7px;\n}\ndata-grid .dg-rotate {\n transform: rotate(-180deg);\n}\ndata-grid button {\n background-color: var(--btn-background);\n border: solid 1px var(--btn-border-color);\n border-radius: var(--border-radius);\n color: var(--body-color);\n height: 2rem;\n margin: 0 0.2rem;\n padding: 0 0.5rem;\n pointer-events: all;\n text-align: center;\n cursor: pointer;\n}\ndata-grid button:hover {\n opacity: 0.7;\n}\ndata-grid button:disabled:hover {\n background-color: inherit;\n border-color: inherit;\n}\ndata-grid input[type=checkbox] {\n margin: 0;\n}\ndata-grid input:not([type=checkbox]),\ndata-grid select {\n background-color: var(--input-background, \"#fff\");\n color: currentColor;\n box-sizing: border-box;\n border: 1px solid var(--input-border-color, \"#f0f0f0\");\n border-radius: var(--border-radius);\n height: 2rem;\n margin: 0 0.2rem;\n padding: 0 var(--padding);\n max-width: none;\n}\ndata-grid input:not([type=checkbox]):focus,\ndata-grid select:focus,\ndata-grid button:focus {\n box-shadow: 0 0 0 var(--padding-half) rgba(var(--color-rgb), 0.25);\n outline: 0;\n}\ndata-grid input:not([type=checkbox])[disabled], data-grid input:not([type=checkbox]):disabled,\ndata-grid select[disabled],\ndata-grid select:disabled,\ndata-grid button[disabled],\ndata-grid button:disabled {\n opacity: 0.35;\n pointer-events: none;\n}\ndata-grid thead tr:nth-child(2) th {\n padding: 0 2px 0 0;\n background-color: transparent;\n}\ndata-grid thead tr:nth-child(2) th > * {\n width: 100%;\n border-radius: 0;\n margin: 0;\n}\ndata-grid thead tr:nth-child(2) th input:focus {\n box-shadow: inset 0px 0px 0px 1px var(--color);\n}\ndata-grid tbody td.dg-editable-col {\n padding: 0;\n height: 0;\n}\ndata-grid tbody td input.dg-editable {\n width: 100%;\n background: transparent;\n border: 0;\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n height: 100%;\n}\ndata-grid tbody td input.dg-editable:focus {\n box-shadow: inset 0px 0px 0px 1px var(--color);\n}\ndata-grid.dg-empty tbody {\n height: 4rem;\n position: relative;\n}\ndata-grid.dg-empty tbody:before {\n position: absolute;\n top: 50%;\n left: 50%;\n content: attr(data-empty);\n transform: translate(-50%, -50%);\n opacity: 0.5;\n font-size: 1.5rem;\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 90%;\n}\ndata-grid.dg-empty tr.dg-fake-row {\n height: 4rem;\n border: none;\n}\ndata-grid.dg-empty.dg-network-error table {\n color: #842029;\n background-color: #f8d7da;\n border: 1px solid #f5c2c7;\n}\ndata-grid.dg-empty.dg-network-error tbody {\n height: auto;\n}\ndata-grid.dg-empty.dg-network-error tbody:before {\n font-size: 2rem;\n top: auto;\n transform: translate(-50%);\n}\ndata-grid.dg-empty.dg-network-error tbody tr:not(.dg-fake-row) {\n display: none;\n}\ndata-grid.dg-empty:not(.dg-network-error) tbody:before {\n top: auto;\n transform: translate(-50%, 30%);\n}\ndata-grid tbody tr {\n border-bottom: solid 1px var(--row-border-color);\n}\ndata-grid tbody tr:nth-child(even) {\n background-color: var(--bs-table-striped-bg, #f8f9fa);\n}\ndata-grid tbody tr:hover {\n background-color: var(--highlight-color) !important;\n}\ndata-grid tbody tr:focus {\n background-color: var(--highlight-color) !important;\n border-bottom-color: var(--highlight-color) !important;\n outline: none;\n}\ndata-grid tfoot {\n min-width: 280px;\n}\ndata-grid tfoot td {\n padding: var(--padding-y-header) var(--padding-x);\n}\ndata-grid tfoot .dg-page-nav {\n display: flex;\n align-items: center;\n min-width: 160px;\n}\ndata-grid tfoot .dg-input-page {\n width: 4rem;\n}\ndata-grid tfoot .dg-footer {\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n}\ndata-grid tfoot .dg-pagination {\n display: flex;\n text-align: center;\n}\ndata-grid tfoot .dg-pagination button {\n position: relative;\n width: 2rem;\n}\ndata-grid tfoot .dg-meta {\n min-width: 160px;\n text-align: right;\n}\ndata-grid tfoot.dg-footer-compact .dg-meta {\n display: none;\n}\ndata-grid tfoot.dg-footer-compact .dg-input-page {\n display: none;\n}\ndata-grid [aria-sort] {\n cursor: pointer;\n padding-right: 1.5rem;\n}\ndata-grid [aria-sort=none]:after,\ndata-grid [aria-sort=none]:before,\ndata-grid [aria-sort=ascending]:before,\ndata-grid [aria-sort=descending]:after {\n right: 0.5rem;\n top: calc(50% - 0.5rem);\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n border-color: rgba(0, 0, 0, 0);\n border-width: 0.25rem;\n margin-left: -0.25rem;\n}\ndata-grid [aria-sort=none]:before {\n border-bottom-color: currentColor;\n opacity: 0.25;\n top: calc(50% - 0.6rem);\n}\ndata-grid [aria-sort=none]:after {\n border-top-color: currentColor;\n opacity: 0.25;\n bottom: calc(50% - 0.5rem);\n top: auto;\n}\ndata-grid [aria-sort=ascending]:before {\n border-bottom-color: var(--body-color);\n opacity: 0.75;\n}\ndata-grid [aria-sort=descending]:after {\n border-top-color: var(--body-color);\n opacity: 0.75;\n bottom: calc(50% - 0.5rem);\n top: auto;\n}\n\n[data-bs-theme=dark] data-grid {\n --scroller-color-lightness: 20%;\n --highlight-color: #43423e;\n --header-background: var(--bs-gray-800, #34373b);\n --header-color: var(--bs-light, #e9ecef);\n --body-color: var(--bs-body-color, #494e53);\n --row-border-color: var(--bs-gray-900, #212325);\n}\n[data-bs-theme=dark] data-grid tbody tr:nth-child(even) {\n background-color: var(--bs-table-striped-bg, #2c3034);\n}\n\ndata-grid[dir=rtl] th,\ndata-grid[dir=rtl] td {\n text-align: right;\n}\ndata-grid[dir=rtl] [aria-sort] {\n padding-left: 1rem;\n padding-right: 0.5rem;\n}\ndata-grid[dir=rtl] [aria-sort=none]:after,\ndata-grid[dir=rtl] [aria-sort=none]:before,\ndata-grid[dir=rtl] [aria-sort=ascending]:before,\ndata-grid[dir=rtl] [aria-sort=descending]:after {\n left: 0.75rem;\n right: auto;\n}\ndata-grid[dir=rtl] tfoot .dg-meta {\n text-align: left;\n}\n\ndata-grid .dg-menu {\n position: absolute;\n z-index: 3;\n background: var(--body-bg);\n list-style: none;\n max-width: 150px;\n margin: 0;\n padding: var(--padding);\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);\n border-radius: var(--border-radius);\n}\ndata-grid .dg-menu li {\n margin: 0;\n padding: 0;\n}\ndata-grid .dg-menu label {\n display: flex;\n align-items: center;\n margin-bottom: 0.25em;\n}\ndata-grid .dg-menu input {\n margin-right: 0.5em;\n}\n\ndata-grid .dg-actions {\n text-overflow: initial;\n width: 100px;\n text-align: right;\n white-space: nowrap !important;\n}\ndata-grid .dg-actions button {\n margin: 0;\n}\ndata-grid .dg-actions button + button {\n margin-left: 0.5rem;\n}\ndata-grid .dg-actions .dg-actions-toggle {\n display: none;\n width: calc(100px - var(--padding-x) * 2);\n}\ndata-grid .dg-actions.dg-actions-1 {\n width: 100%;\n}\ndata-grid .dg-actions.dg-actions-2 button {\n width: calc(50% - 0.25rem);\n}\ndata-grid .dg-actions.dg-actions-more button {\n display: none;\n}\ndata-grid .dg-actions.dg-actions-more button.dg-actions-toggle {\n display: inline-block;\n}\ndata-grid .dg-actions.dg-actions-expand {\n position: absolute;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n height: 100%;\n}\ndata-grid .dg-actions.dg-actions-expand.dg-actions-more {\n width: 100%;\n}\ndata-grid .dg-actions.dg-actions-expand.dg-actions-more button {\n display: inline-block;\n}\ndata-grid tr.dg-actionable {\n cursor: pointer;\n}\ndata-grid tr.dg-actionable:hover td {\n background-color: var(--highlight-color);\n}\n\ndata-grid .dg-resizer {\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n z-index: 2;\n cursor: col-resize;\n user-select: none;\n}\ndata-grid .dg-resizer:before {\n content: \"\";\n display: block;\n position: absolute;\n top: var(--padding-y-header);\n height: 1.5rem;\n right: 0;\n width: 2px;\n background: var(--body-color);\n opacity: 0.2;\n}\ndata-grid .dg-resizer:hover:before {\n opacity: 0.6;\n}\ndata-grid .dg-resizer.dg-resizer-active {\n border-right: 1px dashed var(--color);\n}\ndata-grid .dg-resizer.dg-resizer-active:before {\n opacity: 0.6;\n}\n\ndata-grid .dg-responsive-toggle {\n padding: 0;\n text-align: center;\n}\ndata-grid .dg-responsive-child-row > td {\n padding: 0;\n}\ndata-grid .dg-responsive-table {\n table-layout: auto;\n border: 0;\n}\ndata-grid .dg-responsive-table td,\ndata-grid .dg-responsive-table th {\n white-space: normal;\n}\ndata-grid .dg-responsive-table th {\n max-width: 40%;\n}\n\n@media only screen and (max-width: 767px) {\n data-grid[responsive] .dg-resizer {\n display: none;\n }\n data-grid[responsive] .dg-meta {\n display: none;\n }\n data-grid[responsive] .dg-input-page {\n display: none;\n }\n data-grid[responsive] table,\n data-grid[responsive] tbody,\n data-grid[responsive] tfoot,\n data-grid[responsive] th,\n data-grid[responsive] td,\n data-grid[responsive] tr:not([hidden]) {\n display: block;\n }\n data-grid[responsive] thead {\n display: flex;\n border-bottom: 2px solid var(--header-background);\n }\n data-grid[responsive] thead > tr {\n flex-grow: 1;\n }\n data-grid[responsive] thead th {\n width: auto;\n }\n data-grid[responsive] tbody tr {\n padding: 0;\n border: 1px solid var(--header-background);\n }\n data-grid[responsive] tbody td {\n border: none;\n border-bottom: 1px solid var(--row-border-color);\n position: relative;\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 2);\n }\n data-grid[responsive] tbody td:last-child {\n border: 0;\n }\n data-grid[responsive] tbody td:before {\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--padding);\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\n content: attr(data-name);\n display: block;\n font-weight: bold;\n background-color: var(--header-background);\n }\n data-grid[responsive] tbody td[role=gridcell] {\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 4 + 0.5rem);\n }\n data-grid[responsive] .dg-selectable {\n height: 28px;\n margin: 2px 1px 2px;\n }\n data-grid[responsive] td.dg-selectable::before, data-grid[responsive] td.dg-actions::before {\n padding: 0;\n }\n data-grid[responsive] td.dg-selectable label {\n padding: 5px;\n }\n data-grid[responsive] td[role=gridcell] {\n min-height: 35px;\n width: auto;\n }\n data-grid[responsive] td[data-name]::before {\n height: 100%;\n }\n data-grid[responsive] td.dg-actions {\n padding-left: inherit;\n width: inherit;\n }\n data-grid[responsive] .dg-actions button {\n width: inherit !important;\n }\n data-grid[responsive] tr.dg-head-columns {\n padding: 0;\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\n }\n data-grid[responsive] tr.dg-head-columns th[role=\"columnheader button\"] {\n padding: 0.36em 1.3em 0.36em 0.75em;\n }\n data-grid[responsive] tr.dg-head-filters {\n background: transparent;\n vertical-align: top;\n padding: 0;\n width: calc(100% - (100% - var(--responsive-width) - var(--padding) * 4));\n }\n data-grid[responsive] .dg-head-filters th input:not([type=checkbox], [type=radio]) {\n height: 2.25em;\n }\n data-grid[responsive] .dg-head-filters th.dg-selectable {\n background: transparent;\n }\n data-grid[responsive] .dg-head-filters th.dg-selectable label::before {\n content: \"Column Filters\";\n }\n data-grid[responsive] tfoot .dg-page-nav {\n min-width: revert;\n }\n data-grid[data-responsive=true] tfoot .dg-page-nav {\n min-width: revert;\n }\n}\n\n/*# sourceMappingURL=data-grid.css.map */\n","data-grid {\r\n &[dir=\"rtl\"] {\r\n th,\r\n td {\r\n text-align: right;\r\n }\r\n [aria-sort] {\r\n padding-left: 1rem;\r\n padding-right: 0.5rem;\r\n }\r\n [aria-sort=\"none\"]:after,\r\n [aria-sort=\"none\"]:before,\r\n [aria-sort=\"ascending\"]:before,\r\n [aria-sort=\"descending\"]:after {\r\n left: 0.75rem;\r\n right: auto;\r\n }\r\n tfoot .dg-meta {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-menu {\r\n position: absolute;\r\n z-index: 3;\r\n background: var(--body-bg);\r\n list-style: none;\r\n max-width: 150px;\r\n margin: 0;\r\n padding: var(--padding);\r\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);\r\n border-radius: var(--border-radius);\r\n\r\n li {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n label {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 0.25em;\r\n }\r\n input {\r\n margin-right: 0.5em;\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-actions {\r\n text-overflow: initial;\r\n width: 100px;\r\n text-align: right;\r\n white-space: nowrap !important;\r\n\r\n button {\r\n margin: 0;\r\n\r\n + button {\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n .dg-actions-toggle {\r\n display: none;\r\n width: calc(100px - var(--padding-x) * 2);\r\n }\r\n &.dg-actions-1 {\r\n width: 100%;\r\n }\r\n // This needs icons to work\r\n &.dg-actions-2 button {\r\n width: calc(50% - 0.25rem);\r\n }\r\n &.dg-actions-more button {\r\n display: none;\r\n\r\n &.dg-actions-toggle {\r\n display: inline-block;\r\n }\r\n }\r\n &.dg-actions-expand {\r\n position: absolute;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n &.dg-actions-expand.dg-actions-more {\r\n width: 100%;\r\n\r\n button {\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n tr.dg-actionable {\r\n cursor: pointer;\r\n\r\n &:hover td {\r\n background-color: var(--highlight-color);\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-resizer {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 6px; // clickable zone\r\n z-index: 2;\r\n cursor: col-resize;\r\n user-select: none;\r\n\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n top: var(--padding-y-header);\r\n height: 1.5rem;\r\n right: 0;\r\n width: 2px;\r\n background: var(--body-color);\r\n opacity: 0.2;\r\n }\r\n &:hover:before {\r\n opacity: 0.6;\r\n }\r\n &.dg-resizer-active {\r\n border-right: 1px dashed var(--color);\r\n\r\n &:before {\r\n opacity: 0.6;\r\n }\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-responsive-toggle {\r\n padding: 0;\r\n text-align: center;\r\n }\r\n .dg-responsive-child-row > td {\r\n padding: 0;\r\n }\r\n .dg-responsive-table {\r\n table-layout: auto;\r\n border: 0;\r\n\r\n td,\r\n th {\r\n white-space: normal;\r\n }\r\n\r\n th {\r\n max-width: 40%;\r\n }\r\n }\r\n}\r\n\r\n// CSS Only responsive\r\n@media only screen and (max-width: 767px) {\r\n data-grid[responsive] {\r\n // Doesn't make any sense to resize\r\n .dg-resizer {\r\n display: none;\r\n }\r\n\r\n // more compact footer\r\n .dg-meta {\r\n display: none;\r\n }\r\n .dg-input-page {\r\n display: none;\r\n }\r\n\r\n // everything as blocks\r\n table,\r\n tbody,\r\n tfoot,\r\n th,\r\n td,\r\n tr:not([hidden]) {\r\n display: block;\r\n }\r\n\r\n // use flex for thead\r\n thead {\r\n display: flex;\r\n\r\n > tr {\r\n flex-grow: 1;\r\n }\r\n th {\r\n width: auto;\r\n }\r\n\r\n border-bottom: 2px solid var(--header-background);\r\n }\r\n\r\n // use pseudo element to display column name\r\n tbody {\r\n tr {\r\n padding: 0;\r\n border: 1px solid var(--header-background);\r\n }\r\n td {\r\n border: none;\r\n border-bottom: 1px solid var(--row-border-color);\r\n position: relative;\r\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 2);\r\n\r\n &:last-child {\r\n border: 0;\r\n }\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n padding: var(--padding);\r\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\r\n content: attr(data-name);\r\n display: block;\r\n font-weight: bold;\r\n background-color: var(--header-background);\r\n }\r\n &[role=\"gridcell\"] {\r\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 4 + 0.5rem);\r\n }\r\n }\r\n }\r\n\r\n // give selectable some room\r\n .dg-selectable {\r\n height: 28px;\r\n margin: 2px 1px 2px;\r\n }\r\n\r\n td {\r\n &.dg-selectable::before,\r\n &.dg-actions::before {\r\n padding: 0;\r\n }\r\n &.dg-selectable label {\r\n padding: 5px;\r\n }\r\n &[role=\"gridcell\"] {\r\n min-height: 35px;\r\n width: auto;\r\n }\r\n &[data-name]::before {\r\n height: 100%;\r\n }\r\n &.dg-actions {\r\n padding-left: inherit;\r\n width: inherit;\r\n }\r\n }\r\n .dg-actions button {\r\n width: inherit !important;\r\n }\r\n tr {\r\n &.dg-head-columns {\r\n padding: 0;\r\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\r\n\r\n th[role=\"columnheader button\"] {\r\n padding: 0.36em 1.3em 0.36em 0.75em;\r\n }\r\n }\r\n &.dg-head-filters {\r\n background: transparent;\r\n vertical-align: top;\r\n padding: 0;\r\n width: calc(100% - (100% - var(--responsive-width) - var(--padding) * 4));\r\n }\r\n }\r\n .dg-head-filters th input:not([type=\"checkbox\"], [type=\"radio\"]) {\r\n height: 2.25em;\r\n }\r\n .dg-head-filters th.dg-selectable {\r\n background: transparent;\r\n }\r\n .dg-head-filters th.dg-selectable label::before {\r\n content: \"Column Filters\";\r\n }\r\n\r\n tfoot .dg-page-nav {\r\n min-width: revert;\r\n }\r\n }\r\n\r\n data-grid[data-responsive=true] {\r\n tfoot .dg-page-nav {\r\n min-width: revert;\r\n } \r\n }\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["../scss/_core.scss","data-grid.css","../scss/_rtl.scss","../scss/_menu.scss","../scss/_actions.scss","../scss/_resizer.scss","../scss/_responsive.scss"],"names":[],"mappings":"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","file":"data-grid.css","sourcesContent":["/**\r\n * Data Grid Web component \r\n * https://github.com/lekoala/data-grid\r\n */\r\n\r\n@keyframes dataGridShow {\r\n 0% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\ndata-grid {\r\n --padding: 0.5rem;\r\n --padding-x: 0.75rem;\r\n --padding-y: 0.5rem;\r\n --padding-y-header: 0.75rem;\r\n --padding-half: calc(var(--padding) / 2);\r\n --color-rgb: var(--bs-primary-rgb, 13, 110, 253);\r\n --color: rgb(var(--color-rgb));\r\n\r\n --highlight-color: #fffcee;\r\n --header-background: var(--bs-gray-200, #e9ecef);\r\n --header-color: var(--bs-dark, #212529);\r\n --input-background: var(--bs-body-bg, #ffffff);\r\n --input-border-color: var(--bs-border-color, #e9ecef);\r\n --btn-background: var(--bs-body-bg, #ffffff);\r\n --btn-color: var(--color);\r\n --btn-border-color: var(--bs-border-color, #e9ecef);\r\n --body-bg: var(--bs-body-bg, #212529);\r\n --body-color: var(--bs-body-color, #212529);\r\n --icon-scale: 1;\r\n --border-radius: 0.25rem;\r\n --row-border-color: #f2f2f2;\r\n --responsive-width: 60%;\r\n\r\n --black: var(--bs-black, #000);\r\n --white: var(--bs-white, #fff);\r\n --gray: var(--bs-gray, #6c757d);\r\n --gray-dark: var(--bs-gray-dark, #343a40);\r\n --gray-100: var(--bs-gray-100, #f8f9fa);\r\n --gray-200: var(--bs-gray-200, #e9ecef);\r\n --gray-300: var(--bs-gray-300, #dee2e6);\r\n --gray-400: var(--bs-gray-400, #ced4da);\r\n --gray-500: var(--bs-gray-500, #adb5bd);\r\n --gray-600: var(--bs-gray-600, #6c757d);\r\n --gray-700: var(--bs-gray-700, #495057);\r\n --gray-800: var(--bs-gray-800, #343a40);\r\n --gray-900: var(--bs-gray-900, #212529);\r\n\r\n display: block;\r\n min-height: 6rem;\r\n position: relative;\r\n\r\n // When used with fixed height, have a nice scrollbar\r\n & {\r\n --scroller-color: 0, 0%;\r\n --scroller-color-lightness: 80%;\r\n --scroller-hover-factor: 0.8;\r\n --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));\r\n /* Replicate hover for webkit */\r\n --scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));\r\n --scroller-background: transparent;\r\n scrollbar-color: var(--scroller-thumb) var(--scroller-background);\r\n scrollbar-width: thin;\r\n\r\n &::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n background: transparent;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background: var(--scroller-thumb);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb:hover {\r\n background: var(--scroller-thumb-hover);\r\n }\r\n }\r\n\r\n // Hides column header row when it's not populated\r\n > table {\r\n &[role=grid] {\r\n tr.dg-head-columns:is(:empty, :has(:first-child:not([id^=dg-col]))) {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n img {\r\n border: none;\r\n height: auto;\r\n max-width: 100%;\r\n vertical-align: middle;\r\n }\r\n\r\n [hidden] {\r\n display: none;\r\n }\r\n\r\n table {\r\n display: table;\r\n // Table and column widths are set by the widths of table and col elements\r\n // or by the width of the first row of cells. Cells in subsequent rows do not affect column widths.\r\n table-layout: fixed;\r\n width: 100%;\r\n max-width: 100%;\r\n white-space: normal;\r\n // Background needs to be on the table, not on the component in case the table overflows the component\r\n background: var(--header-background);\r\n }\r\n\r\n thead,\r\n tfoot {\r\n background-color: var(--header-background);\r\n color: var(--header-color);\r\n }\r\n\r\n &.dg-loading {\r\n &:not(.dg-initialized) {\r\n\r\n thead,\r\n tfoot {\r\n background: none;\r\n }\r\n }\r\n\r\n tbody {\r\n animation-name: dataGridShow;\r\n animation-timing-function: ease-in;\r\n animation-fill-mode: forwards;\r\n animation-duration: 0.3s; // only triggers after 300ms\r\n pointer-events: none; // disable clicks while loading\r\n }\r\n }\r\n\r\n tr {\r\n position: relative;\r\n }\r\n\r\n th,\r\n td {\r\n empty-cells: show;\r\n padding: var(--padding-y) var(--padding-x);\r\n text-align: left;\r\n\r\n &[tabindex] {\r\n outline: none;\r\n word-break: normal;\r\n }\r\n }\r\n\r\n th {\r\n font-weight: bold;\r\n padding: var(--padding-y-header) var(--padding-x);\r\n }\r\n\r\n // Prevent overflow on headers and cells\r\n th,\r\n td {\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n // These two properties keep content on one line\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n\r\n // Use this to allow content to flow over multiple lines\r\n &.dg-wrap {\r\n white-space: normal;\r\n word-break: break-all;\r\n }\r\n }\r\n\r\n // Expand on multiple lines on row click\r\n .dg-expandable {\r\n cursor: pointer;\r\n\r\n &.dg-expanded td {\r\n white-space: normal;\r\n word-break: break-all;\r\n }\r\n }\r\n\r\n .dg-clickable-cell {\r\n margin: 0;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n // Stick headers\r\n // https://css-tricks.com/making-tables-with-sticky-header-and-footers-got-a-bit-easier/\r\n &[sticky] table {\r\n\r\n thead,\r\n tfoot {\r\n z-index: 2;\r\n position: sticky;\r\n margin: 0;\r\n border: 0;\r\n }\r\n\r\n // Use silly value to prevent sub pixel alignment issue\r\n thead {\r\n inset-block-start: -1px;\r\n }\r\n\r\n tfoot {\r\n inset-block-end: -1px;\r\n }\r\n }\r\n\r\n // Pagination icons\r\n .dg-nav-icon,\r\n .dg-skip-icon {\r\n width: 22px;\r\n height: 22px;\r\n box-sizing: border-box;\r\n position: absolute;\r\n display: block;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(var(--icon-scale, 1));\r\n\r\n &:before,\r\n &:after {\r\n content: \"\";\r\n display: block;\r\n box-sizing: border-box;\r\n position: absolute;\r\n }\r\n }\r\n\r\n .dg-nav-icon::before {\r\n width: 0;\r\n height: 10px;\r\n border-top: 5px solid transparent;\r\n border-bottom: 5px solid transparent;\r\n border-left: 6px solid;\r\n top: 6px;\r\n left: 9px;\r\n }\r\n\r\n .dg-skip-icon {\r\n &::before {\r\n width: 3px;\r\n height: 10px;\r\n background: currentColor;\r\n top: 6px;\r\n left: 14px;\r\n }\r\n\r\n &::after {\r\n width: 0;\r\n height: 10px;\r\n border-top: 5px solid transparent;\r\n border-bottom: 5px solid transparent;\r\n border-left: 6px solid;\r\n top: 6px;\r\n left: 7px;\r\n }\r\n }\r\n\r\n .dg-rotate {\r\n transform: rotate(-180deg);\r\n }\r\n\r\n // Default actions buttons\r\n button {\r\n background-color: var(--btn-background);\r\n border: solid 1px var(--btn-border-color);\r\n border-radius: var(--border-radius);\r\n color: var(--body-color);\r\n height: 2rem;\r\n margin: 0 0.2rem;\r\n padding: 0 0.5rem;\r\n pointer-events: all;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.7;\r\n }\r\n\r\n &:disabled:hover {\r\n background-color: inherit;\r\n border-color: inherit;\r\n }\r\n }\r\n\r\n // Form elements\r\n input[type=\"checkbox\"] {\r\n margin: 0;\r\n }\r\n\r\n input:not([type=\"checkbox\"]),\r\n select {\r\n background-color: var(--input-background, \"#fff\");\r\n color: currentColor;\r\n box-sizing: border-box;\r\n border: 1px solid var(--input-border-color, \"#f0f0f0\");\r\n border-radius: var(--border-radius);\r\n height: 2rem;\r\n margin: 0 0.2rem;\r\n padding: 0 var(--padding);\r\n max-width: none;\r\n }\r\n\r\n input:not([type=\"checkbox\"]),\r\n select,\r\n button {\r\n &:focus {\r\n box-shadow: 0 0 0 var(--padding-half) rgba(var(--color-rgb), 0.25);\r\n outline: 0;\r\n }\r\n\r\n &[disabled],\r\n &:disabled {\r\n opacity: 0.35;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n // Filters (2nd header row)\r\n thead tr:nth-child(2) th {\r\n padding: 0 2px 0 0;\r\n background-color: transparent;\r\n\r\n > * { \r\n width: 100%;\r\n border-radius: 0;\r\n margin: 0;\r\n }\r\n\r\n input {\r\n &:focus {\r\n box-shadow: inset 0px 0px 0px 1px var(--color);\r\n }\r\n }\r\n }\r\n\r\n // Editable\r\n tbody td.dg-editable-col {\r\n padding: 0;\r\n height: 0; // it needs a height for height 100%\r\n }\r\n\r\n tbody td input.dg-editable {\r\n width: 100%;\r\n background: transparent;\r\n border: 0;\r\n border-radius: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n height: 100%;\r\n\r\n &:focus {\r\n box-shadow: inset 0px 0px 0px 1px var(--color);\r\n }\r\n }\r\n\r\n // Empty table or error message (don't use :empty as it would create fouc on load)\r\n &.dg-empty {\r\n tbody {\r\n height: 4rem;\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n content: attr(data-empty);\r\n transform: translate(-50%, -50%);\r\n opacity: 0.5;\r\n font-size: 1.5rem;\r\n text-align: center;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n width: 90%;\r\n }\r\n }\r\n\r\n tr {\r\n &.dg-fake-row {\r\n height: 4rem;\r\n border: none;\r\n }\r\n }\r\n\r\n &.dg-network-error {\r\n table {\r\n color: #842029;\r\n background-color: #f8d7da;\r\n border: 1px solid #f5c2c7;\r\n }\r\n\r\n tbody {\r\n height: auto;\r\n\r\n &:before {\r\n font-size: 2rem;\r\n top: auto;\r\n transform: translate(-50%);\r\n }\r\n\r\n tr:not(.dg-fake-row) {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n &:not(.dg-network-error) {\r\n tbody {\r\n &:before {\r\n top: auto;\r\n transform: translate(-50%, 30%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Zebra rows\r\n tbody tr {\r\n &:nth-child(even) {\r\n background-color: var(--bs-table-striped-bg, #f8f9fa);\r\n }\r\n\r\n border-bottom: solid 1px var(--row-border-color);\r\n\r\n &:hover {\r\n background-color: var(--highlight-color) !important;\r\n }\r\n\r\n &:focus {\r\n background-color: var(--highlight-color) !important;\r\n border-bottom-color: var(--highlight-color) !important;\r\n outline: none;\r\n }\r\n }\r\n\r\n // Meta footer\r\n tfoot {\r\n min-width: 280px;\r\n\r\n td {\r\n padding: var(--padding-y-header) var(--padding-x);\r\n }\r\n\r\n .dg-page-nav {\r\n display: flex;\r\n align-items: center;\r\n min-width: 160px;\r\n }\r\n\r\n .dg-input-page {\r\n width: 4rem;\r\n }\r\n\r\n .dg-footer {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n }\r\n\r\n .dg-pagination {\r\n display: flex;\r\n text-align: center;\r\n\r\n button {\r\n // Fix icon inside button\r\n position: relative;\r\n width: 2rem;\r\n }\r\n }\r\n\r\n .dg-meta {\r\n // Prevent layout from jumping around\r\n min-width: 160px;\r\n text-align: right;\r\n }\r\n\r\n &.dg-footer-compact {\r\n .dg-meta {\r\n display: none;\r\n }\r\n\r\n .dg-input-page {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n // Pagination in header\r\n [aria-sort] {\r\n cursor: pointer;\r\n padding-right: 1.5rem;\r\n }\r\n\r\n [aria-sort=\"none\"]:after,\r\n [aria-sort=\"none\"]:before,\r\n [aria-sort=\"ascending\"]:before,\r\n [aria-sort=\"descending\"]:after {\r\n right: 0.5rem;\r\n top: calc(50% - 0.5rem);\r\n border: solid transparent;\r\n content: \" \";\r\n height: 0;\r\n width: 0;\r\n position: absolute;\r\n border-color: rgba(0, 0, 0, 0);\r\n border-width: 0.25rem;\r\n margin-left: -0.25rem;\r\n }\r\n\r\n [aria-sort=\"none\"] {\r\n &:before {\r\n border-bottom-color: currentColor;\r\n opacity: 0.25;\r\n top: calc(50% - 0.6rem);\r\n }\r\n\r\n &:after {\r\n border-top-color: currentColor;\r\n opacity: 0.25;\r\n bottom: calc(50% - 0.5rem);\r\n top: auto;\r\n }\r\n }\r\n\r\n [aria-sort=\"ascending\"]:before {\r\n border-bottom-color: var(--body-color);\r\n opacity: 0.75;\r\n }\r\n\r\n [aria-sort=\"descending\"]:after {\r\n border-top-color: var(--body-color);\r\n opacity: 0.75;\r\n bottom: calc(50% - 0.5rem);\r\n top: auto;\r\n }\r\n}\r\n\r\n[data-bs-theme=\"dark\"] data-grid {\r\n --scroller-color-lightness: 20%;\r\n --highlight-color: #43423e;\r\n --header-background: var(--bs-gray-800, #34373b);\r\n --header-color: var(--bs-light, #e9ecef);\r\n --body-color: var(--bs-body-color, #494e53);\r\n --row-border-color: var(--bs-gray-900, #212325);\r\n\r\n tbody tr {\r\n &:nth-child(even) {\r\n background-color: var(--bs-table-striped-bg, #2c3034);\r\n }\r\n }\r\n}","/**\n * Data Grid Web component \n * https://github.com/lekoala/data-grid\n */\n@keyframes dataGridShow {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n}\ndata-grid {\n --padding: 0.5rem;\n --padding-x: 0.75rem;\n --padding-y: 0.5rem;\n --padding-y-header: 0.75rem;\n --padding-half: calc(var(--padding) / 2);\n --color-rgb: var(--bs-primary-rgb, 13, 110, 253);\n --color: rgb(var(--color-rgb));\n --highlight-color: #fffcee;\n --header-background: var(--bs-gray-200, #e9ecef);\n --header-color: var(--bs-dark, #212529);\n --input-background: var(--bs-body-bg, #ffffff);\n --input-border-color: var(--bs-border-color, #e9ecef);\n --btn-background: var(--bs-body-bg, #ffffff);\n --btn-color: var(--color);\n --btn-border-color: var(--bs-border-color, #e9ecef);\n --body-bg: var(--bs-body-bg, #212529);\n --body-color: var(--bs-body-color, #212529);\n --icon-scale: 1;\n --border-radius: 0.25rem;\n --row-border-color: #f2f2f2;\n --responsive-width: 60%;\n --black: var(--bs-black, #000);\n --white: var(--bs-white, #fff);\n --gray: var(--bs-gray, #6c757d);\n --gray-dark: var(--bs-gray-dark, #343a40);\n --gray-100: var(--bs-gray-100, #f8f9fa);\n --gray-200: var(--bs-gray-200, #e9ecef);\n --gray-300: var(--bs-gray-300, #dee2e6);\n --gray-400: var(--bs-gray-400, #ced4da);\n --gray-500: var(--bs-gray-500, #adb5bd);\n --gray-600: var(--bs-gray-600, #6c757d);\n --gray-700: var(--bs-gray-700, #495057);\n --gray-800: var(--bs-gray-800, #343a40);\n --gray-900: var(--bs-gray-900, #212529);\n display: block;\n min-height: 6rem;\n position: relative;\n}\ndata-grid {\n --scroller-color: 0, 0%;\n --scroller-color-lightness: 80%;\n --scroller-hover-factor: 0.8;\n --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));\n /* Replicate hover for webkit */\n --scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));\n --scroller-background: transparent;\n scrollbar-color: var(--scroller-thumb) var(--scroller-background);\n scrollbar-width: thin;\n}\ndata-grid::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\ndata-grid::-webkit-scrollbar-track {\n background: transparent;\n}\ndata-grid::-webkit-scrollbar-thumb {\n background: var(--scroller-thumb);\n}\ndata-grid::-webkit-scrollbar-thumb:hover {\n background: var(--scroller-thumb-hover);\n}\ndata-grid > table[role=grid] tr.dg-head-columns:is(:empty, :has(:first-child:not([id^=dg-col]))) {\n display: none;\n}\ndata-grid img {\n border: none;\n height: auto;\n max-width: 100%;\n vertical-align: middle;\n}\ndata-grid [hidden] {\n display: none;\n}\ndata-grid table {\n display: table;\n table-layout: fixed;\n width: 100%;\n max-width: 100%;\n white-space: normal;\n background: var(--header-background);\n}\ndata-grid thead,\ndata-grid tfoot {\n background-color: var(--header-background);\n color: var(--header-color);\n}\ndata-grid.dg-loading:not(.dg-initialized) thead,\ndata-grid.dg-loading:not(.dg-initialized) tfoot {\n background: none;\n}\ndata-grid.dg-loading tbody {\n animation-name: dataGridShow;\n animation-timing-function: ease-in;\n animation-fill-mode: forwards;\n animation-duration: 0.3s;\n pointer-events: none;\n}\ndata-grid tr {\n position: relative;\n}\ndata-grid th,\ndata-grid td {\n empty-cells: show;\n padding: var(--padding-y) var(--padding-x);\n text-align: left;\n}\ndata-grid th[tabindex],\ndata-grid td[tabindex] {\n outline: none;\n word-break: normal;\n}\ndata-grid th {\n font-weight: bold;\n padding: var(--padding-y-header) var(--padding-x);\n}\ndata-grid th,\ndata-grid td {\n position: relative;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\ndata-grid th.dg-wrap,\ndata-grid td.dg-wrap {\n white-space: normal;\n word-break: break-all;\n}\ndata-grid .dg-expandable {\n cursor: pointer;\n}\ndata-grid .dg-expandable.dg-expanded td {\n white-space: normal;\n word-break: break-all;\n}\ndata-grid .dg-clickable-cell {\n margin: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\ndata-grid[sticky] table thead,\ndata-grid[sticky] table tfoot {\n z-index: 2;\n position: sticky;\n margin: 0;\n border: 0;\n}\ndata-grid[sticky] table thead {\n inset-block-start: -1px;\n}\ndata-grid[sticky] table tfoot {\n inset-block-end: -1px;\n}\ndata-grid .dg-nav-icon,\ndata-grid .dg-skip-icon {\n width: 22px;\n height: 22px;\n box-sizing: border-box;\n position: absolute;\n display: block;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(var(--icon-scale, 1));\n}\ndata-grid .dg-nav-icon:before, data-grid .dg-nav-icon:after,\ndata-grid .dg-skip-icon:before,\ndata-grid .dg-skip-icon:after {\n content: \"\";\n display: block;\n box-sizing: border-box;\n position: absolute;\n}\ndata-grid .dg-nav-icon::before {\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 6px;\n left: 9px;\n}\ndata-grid .dg-skip-icon::before {\n width: 3px;\n height: 10px;\n background: currentColor;\n top: 6px;\n left: 14px;\n}\ndata-grid .dg-skip-icon::after {\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 6px;\n left: 7px;\n}\ndata-grid .dg-rotate {\n transform: rotate(-180deg);\n}\ndata-grid button {\n background-color: var(--btn-background);\n border: solid 1px var(--btn-border-color);\n border-radius: var(--border-radius);\n color: var(--body-color);\n height: 2rem;\n margin: 0 0.2rem;\n padding: 0 0.5rem;\n pointer-events: all;\n text-align: center;\n cursor: pointer;\n}\ndata-grid button:hover {\n opacity: 0.7;\n}\ndata-grid button:disabled:hover {\n background-color: inherit;\n border-color: inherit;\n}\ndata-grid input[type=checkbox] {\n margin: 0;\n}\ndata-grid input:not([type=checkbox]),\ndata-grid select {\n background-color: var(--input-background, \"#fff\");\n color: currentColor;\n box-sizing: border-box;\n border: 1px solid var(--input-border-color, \"#f0f0f0\");\n border-radius: var(--border-radius);\n height: 2rem;\n margin: 0 0.2rem;\n padding: 0 var(--padding);\n max-width: none;\n}\ndata-grid input:not([type=checkbox]):focus,\ndata-grid select:focus,\ndata-grid button:focus {\n box-shadow: 0 0 0 var(--padding-half) rgba(var(--color-rgb), 0.25);\n outline: 0;\n}\ndata-grid input:not([type=checkbox])[disabled], data-grid input:not([type=checkbox]):disabled,\ndata-grid select[disabled],\ndata-grid select:disabled,\ndata-grid button[disabled],\ndata-grid button:disabled {\n opacity: 0.35;\n pointer-events: none;\n}\ndata-grid thead tr:nth-child(2) th {\n padding: 0 2px 0 0;\n background-color: transparent;\n}\ndata-grid thead tr:nth-child(2) th > * {\n width: 100%;\n border-radius: 0;\n margin: 0;\n}\ndata-grid thead tr:nth-child(2) th input:focus {\n box-shadow: inset 0px 0px 0px 1px var(--color);\n}\ndata-grid tbody td.dg-editable-col {\n padding: 0;\n height: 0;\n}\ndata-grid tbody td input.dg-editable {\n width: 100%;\n background: transparent;\n border: 0;\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n height: 100%;\n}\ndata-grid tbody td input.dg-editable:focus {\n box-shadow: inset 0px 0px 0px 1px var(--color);\n}\ndata-grid.dg-empty tbody {\n height: 4rem;\n position: relative;\n}\ndata-grid.dg-empty tbody:before {\n position: absolute;\n top: 50%;\n left: 50%;\n content: attr(data-empty);\n transform: translate(-50%, -50%);\n opacity: 0.5;\n font-size: 1.5rem;\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 90%;\n}\ndata-grid.dg-empty tr.dg-fake-row {\n height: 4rem;\n border: none;\n}\ndata-grid.dg-empty.dg-network-error table {\n color: #842029;\n background-color: #f8d7da;\n border: 1px solid #f5c2c7;\n}\ndata-grid.dg-empty.dg-network-error tbody {\n height: auto;\n}\ndata-grid.dg-empty.dg-network-error tbody:before {\n font-size: 2rem;\n top: auto;\n transform: translate(-50%);\n}\ndata-grid.dg-empty.dg-network-error tbody tr:not(.dg-fake-row) {\n display: none;\n}\ndata-grid.dg-empty:not(.dg-network-error) tbody:before {\n top: auto;\n transform: translate(-50%, 30%);\n}\ndata-grid tbody tr {\n border-bottom: solid 1px var(--row-border-color);\n}\ndata-grid tbody tr:nth-child(even) {\n background-color: var(--bs-table-striped-bg, #f8f9fa);\n}\ndata-grid tbody tr:hover {\n background-color: var(--highlight-color) !important;\n}\ndata-grid tbody tr:focus {\n background-color: var(--highlight-color) !important;\n border-bottom-color: var(--highlight-color) !important;\n outline: none;\n}\ndata-grid tfoot {\n min-width: 280px;\n}\ndata-grid tfoot td {\n padding: var(--padding-y-header) var(--padding-x);\n}\ndata-grid tfoot .dg-page-nav {\n display: flex;\n align-items: center;\n min-width: 160px;\n}\ndata-grid tfoot .dg-input-page {\n width: 4rem;\n}\ndata-grid tfoot .dg-footer {\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n}\ndata-grid tfoot .dg-pagination {\n display: flex;\n text-align: center;\n}\ndata-grid tfoot .dg-pagination button {\n position: relative;\n width: 2rem;\n}\ndata-grid tfoot .dg-meta {\n min-width: 160px;\n text-align: right;\n}\ndata-grid tfoot.dg-footer-compact .dg-meta {\n display: none;\n}\ndata-grid tfoot.dg-footer-compact .dg-input-page {\n display: none;\n}\ndata-grid [aria-sort] {\n cursor: pointer;\n padding-right: 1.5rem;\n}\ndata-grid [aria-sort=none]:after,\ndata-grid [aria-sort=none]:before,\ndata-grid [aria-sort=ascending]:before,\ndata-grid [aria-sort=descending]:after {\n right: 0.5rem;\n top: calc(50% - 0.5rem);\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n border-color: rgba(0, 0, 0, 0);\n border-width: 0.25rem;\n margin-left: -0.25rem;\n}\ndata-grid [aria-sort=none]:before {\n border-bottom-color: currentColor;\n opacity: 0.25;\n top: calc(50% - 0.6rem);\n}\ndata-grid [aria-sort=none]:after {\n border-top-color: currentColor;\n opacity: 0.25;\n bottom: calc(50% - 0.5rem);\n top: auto;\n}\ndata-grid [aria-sort=ascending]:before {\n border-bottom-color: var(--body-color);\n opacity: 0.75;\n}\ndata-grid [aria-sort=descending]:after {\n border-top-color: var(--body-color);\n opacity: 0.75;\n bottom: calc(50% - 0.5rem);\n top: auto;\n}\n\n[data-bs-theme=dark] data-grid {\n --scroller-color-lightness: 20%;\n --highlight-color: #43423e;\n --header-background: var(--bs-gray-800, #34373b);\n --header-color: var(--bs-light, #e9ecef);\n --body-color: var(--bs-body-color, #494e53);\n --row-border-color: var(--bs-gray-900, #212325);\n}\n[data-bs-theme=dark] data-grid tbody tr:nth-child(even) {\n background-color: var(--bs-table-striped-bg, #2c3034);\n}\n\ndata-grid[dir=rtl] th,\ndata-grid[dir=rtl] td {\n text-align: right;\n}\ndata-grid[dir=rtl] [aria-sort] {\n padding-left: 1rem;\n padding-right: 0.5rem;\n}\ndata-grid[dir=rtl] [aria-sort=none]:after,\ndata-grid[dir=rtl] [aria-sort=none]:before,\ndata-grid[dir=rtl] [aria-sort=ascending]:before,\ndata-grid[dir=rtl] [aria-sort=descending]:after {\n left: 0.75rem;\n right: auto;\n}\ndata-grid[dir=rtl] tfoot .dg-meta {\n text-align: left;\n}\n\ndata-grid .dg-menu {\n position: absolute;\n z-index: 3;\n background: var(--body-bg);\n list-style: none;\n max-width: 150px;\n margin: 0;\n padding: var(--padding);\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);\n border-radius: var(--border-radius);\n}\ndata-grid .dg-menu li {\n margin: 0;\n padding: 0;\n}\ndata-grid .dg-menu label {\n display: flex;\n align-items: center;\n margin-bottom: 0.25em;\n}\ndata-grid .dg-menu input {\n margin-right: 0.5em;\n}\n\ndata-grid .dg-actions {\n text-overflow: initial;\n width: 100px;\n text-align: right;\n white-space: nowrap !important;\n}\ndata-grid .dg-actions button {\n margin: 0;\n}\ndata-grid .dg-actions button + button {\n margin-left: 0.5rem;\n}\ndata-grid .dg-actions .dg-actions-toggle {\n display: none;\n width: calc(100px - var(--padding-x) * 2);\n}\ndata-grid .dg-actions.dg-actions-1 {\n width: 100%;\n}\ndata-grid .dg-actions.dg-actions-2 button {\n width: calc(50% - 0.25rem);\n}\ndata-grid .dg-actions.dg-actions-more button {\n display: none;\n}\ndata-grid .dg-actions.dg-actions-more button.dg-actions-toggle {\n display: inline-block;\n}\ndata-grid .dg-actions.dg-actions-expand {\n position: absolute;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n height: 100%;\n}\ndata-grid .dg-actions.dg-actions-expand.dg-actions-more {\n width: 100%;\n}\ndata-grid .dg-actions.dg-actions-expand.dg-actions-more button {\n display: inline-block;\n}\ndata-grid tr.dg-actionable {\n cursor: pointer;\n}\ndata-grid tr.dg-actionable:hover td {\n background-color: var(--highlight-color);\n}\n\ndata-grid .dg-resizer {\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n z-index: 2;\n cursor: col-resize;\n user-select: none;\n}\ndata-grid .dg-resizer:before {\n content: \"\";\n display: block;\n position: absolute;\n top: var(--padding-y-header);\n height: 1.5rem;\n right: 0;\n width: 2px;\n background: var(--body-color);\n opacity: 0.2;\n}\ndata-grid .dg-resizer:hover:before {\n opacity: 0.6;\n}\ndata-grid .dg-resizer.dg-resizer-active {\n border-right: 1px dashed var(--color);\n}\ndata-grid .dg-resizer.dg-resizer-active:before {\n opacity: 0.6;\n}\n\ndata-grid .dg-responsive-toggle {\n padding: 0;\n text-align: center;\n}\ndata-grid .dg-responsive-child-row > td {\n padding: 0;\n}\ndata-grid .dg-responsive-table {\n table-layout: auto;\n border: 0;\n}\ndata-grid .dg-responsive-table td,\ndata-grid .dg-responsive-table th {\n white-space: normal;\n}\ndata-grid .dg-responsive-table th {\n max-width: 40%;\n}\n\n@media only screen and (max-width: 767px) {\n data-grid[responsive] .dg-resizer {\n display: none;\n }\n data-grid[responsive] .dg-meta {\n display: none;\n }\n data-grid[responsive] .dg-input-page {\n display: none;\n }\n data-grid[responsive] table,\n data-grid[responsive] tbody,\n data-grid[responsive] tfoot,\n data-grid[responsive] th,\n data-grid[responsive] td,\n data-grid[responsive] tr:not([hidden]) {\n display: block;\n }\n data-grid[responsive] thead {\n display: flex;\n border-bottom: 2px solid var(--header-background);\n }\n data-grid[responsive] thead > tr {\n flex-grow: 1;\n }\n data-grid[responsive] thead th {\n width: auto;\n }\n data-grid[responsive] tbody tr {\n padding: 0;\n border: 1px solid var(--header-background);\n }\n data-grid[responsive] tbody td {\n border: none;\n border-bottom: 1px solid var(--row-border-color);\n position: relative;\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 2);\n }\n data-grid[responsive] tbody td:last-child {\n border: 0;\n }\n data-grid[responsive] tbody td:before {\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--padding);\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\n content: attr(data-name);\n display: block;\n font-weight: bold;\n background-color: var(--header-background);\n }\n data-grid[responsive] tbody td[role=gridcell] {\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 4 + 0.5rem);\n }\n data-grid[responsive] .dg-selectable {\n height: 28px;\n margin: 2px 1px 2px;\n }\n data-grid[responsive] td.dg-selectable::before, data-grid[responsive] td.dg-actions::before {\n padding: 0;\n }\n data-grid[responsive] td.dg-selectable label {\n padding: 5px;\n }\n data-grid[responsive] td[role=gridcell] {\n min-height: 35px;\n width: auto;\n }\n data-grid[responsive] td[data-name]::before {\n height: 100%;\n }\n data-grid[responsive] td.dg-actions {\n padding-left: inherit;\n width: inherit;\n }\n data-grid[responsive] .dg-actions button {\n width: inherit !important;\n }\n data-grid[responsive] tr.dg-head-columns {\n padding: 0;\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\n }\n data-grid[responsive] tr.dg-head-columns th[role=\"columnheader button\"] {\n padding: 0.36em 1.3em 0.36em 0.75em;\n }\n data-grid[responsive] tr.dg-head-filters {\n background: transparent;\n vertical-align: top;\n padding: 0;\n width: calc(100% - (100% - var(--responsive-width) - var(--padding) * 4));\n }\n data-grid[responsive] .dg-head-filters th input:not([type=checkbox], [type=radio]) {\n height: 2.25em;\n }\n data-grid[responsive] .dg-head-filters th.dg-selectable {\n background: transparent;\n }\n data-grid[responsive] .dg-head-filters th.dg-selectable label::before {\n content: \"Column Filters\";\n }\n data-grid[responsive] tfoot .dg-page-nav {\n min-width: revert;\n }\n data-grid[data-responsive=true] tfoot .dg-page-nav {\n min-width: revert;\n }\n}\n\n/*# sourceMappingURL=data-grid.css.map */\n","data-grid {\r\n &[dir=\"rtl\"] {\r\n th,\r\n td {\r\n text-align: right;\r\n }\r\n [aria-sort] {\r\n padding-left: 1rem;\r\n padding-right: 0.5rem;\r\n }\r\n [aria-sort=\"none\"]:after,\r\n [aria-sort=\"none\"]:before,\r\n [aria-sort=\"ascending\"]:before,\r\n [aria-sort=\"descending\"]:after {\r\n left: 0.75rem;\r\n right: auto;\r\n }\r\n tfoot .dg-meta {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-menu {\r\n position: absolute;\r\n z-index: 3;\r\n background: var(--body-bg);\r\n list-style: none;\r\n max-width: 150px;\r\n margin: 0;\r\n padding: var(--padding);\r\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);\r\n border-radius: var(--border-radius);\r\n\r\n li {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n label {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 0.25em;\r\n }\r\n input {\r\n margin-right: 0.5em;\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-actions {\r\n text-overflow: initial;\r\n width: 100px;\r\n text-align: right;\r\n white-space: nowrap !important;\r\n\r\n button {\r\n margin: 0;\r\n\r\n + button {\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n .dg-actions-toggle {\r\n display: none;\r\n width: calc(100px - var(--padding-x) * 2);\r\n }\r\n &.dg-actions-1 {\r\n width: 100%;\r\n }\r\n // This needs icons to work\r\n &.dg-actions-2 button {\r\n width: calc(50% - 0.25rem);\r\n }\r\n &.dg-actions-more button {\r\n display: none;\r\n\r\n &.dg-actions-toggle {\r\n display: inline-block;\r\n }\r\n }\r\n &.dg-actions-expand {\r\n position: absolute;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n &.dg-actions-expand.dg-actions-more {\r\n width: 100%;\r\n\r\n button {\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n tr.dg-actionable {\r\n cursor: pointer;\r\n\r\n &:hover td {\r\n background-color: var(--highlight-color);\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-resizer {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 6px; // clickable zone\r\n z-index: 2;\r\n cursor: col-resize;\r\n user-select: none;\r\n\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n top: var(--padding-y-header);\r\n height: 1.5rem;\r\n right: 0;\r\n width: 2px;\r\n background: var(--body-color);\r\n opacity: 0.2;\r\n }\r\n &:hover:before {\r\n opacity: 0.6;\r\n }\r\n &.dg-resizer-active {\r\n border-right: 1px dashed var(--color);\r\n\r\n &:before {\r\n opacity: 0.6;\r\n }\r\n }\r\n }\r\n}\r\n","data-grid {\r\n .dg-responsive-toggle {\r\n padding: 0;\r\n text-align: center;\r\n }\r\n .dg-responsive-child-row > td {\r\n padding: 0;\r\n }\r\n .dg-responsive-table {\r\n table-layout: auto;\r\n border: 0;\r\n\r\n td,\r\n th {\r\n white-space: normal;\r\n }\r\n\r\n th {\r\n max-width: 40%;\r\n }\r\n }\r\n}\r\n\r\n// CSS Only responsive\r\n@media only screen and (max-width: 767px) {\r\n data-grid[responsive] {\r\n // Doesn't make any sense to resize\r\n .dg-resizer {\r\n display: none;\r\n }\r\n\r\n // more compact footer\r\n .dg-meta {\r\n display: none;\r\n }\r\n .dg-input-page {\r\n display: none;\r\n }\r\n\r\n // everything as blocks\r\n table,\r\n tbody,\r\n tfoot,\r\n th,\r\n td,\r\n tr:not([hidden]) {\r\n display: block;\r\n }\r\n\r\n // use flex for thead\r\n thead {\r\n display: flex;\r\n\r\n > tr {\r\n flex-grow: 1;\r\n }\r\n th {\r\n width: auto;\r\n }\r\n\r\n border-bottom: 2px solid var(--header-background);\r\n }\r\n\r\n // use pseudo element to display column name\r\n tbody {\r\n tr {\r\n padding: 0;\r\n border: 1px solid var(--header-background);\r\n }\r\n td {\r\n border: none;\r\n border-bottom: 1px solid var(--row-border-color);\r\n position: relative;\r\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 2);\r\n\r\n &:last-child {\r\n border: 0;\r\n }\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n padding: var(--padding);\r\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\r\n content: attr(data-name);\r\n display: block;\r\n font-weight: bold;\r\n background-color: var(--header-background);\r\n }\r\n &[role=\"gridcell\"] {\r\n padding-left: calc(100% - var(--responsive-width) - var(--padding) * 4 + 0.5rem);\r\n }\r\n }\r\n }\r\n\r\n // give selectable some room\r\n .dg-selectable {\r\n height: 28px;\r\n margin: 2px 1px 2px;\r\n }\r\n\r\n td {\r\n &.dg-selectable::before,\r\n &.dg-actions::before {\r\n padding: 0;\r\n }\r\n &.dg-selectable label {\r\n padding: 5px;\r\n }\r\n &[role=\"gridcell\"] {\r\n min-height: 35px;\r\n width: auto;\r\n }\r\n &[data-name]::before {\r\n height: 100%;\r\n }\r\n &.dg-actions {\r\n padding-left: inherit;\r\n width: inherit;\r\n }\r\n }\r\n .dg-actions button {\r\n width: inherit !important;\r\n }\r\n tr {\r\n &.dg-head-columns {\r\n padding: 0;\r\n width: calc(100% - var(--responsive-width) - var(--padding) * 4);\r\n\r\n th[role=\"columnheader button\"] {\r\n padding: 0.36em 1.3em 0.36em 0.75em;\r\n }\r\n }\r\n &.dg-head-filters {\r\n background: transparent;\r\n vertical-align: top;\r\n padding: 0;\r\n width: calc(100% - (100% - var(--responsive-width) - var(--padding) * 4));\r\n }\r\n }\r\n .dg-head-filters th input:not([type=\"checkbox\"], [type=\"radio\"]) {\r\n height: 2.25em;\r\n }\r\n .dg-head-filters th.dg-selectable {\r\n background: transparent;\r\n }\r\n .dg-head-filters th.dg-selectable label::before {\r\n content: \"Column Filters\";\r\n }\r\n\r\n tfoot .dg-page-nav {\r\n min-width: revert;\r\n }\r\n }\r\n\r\n data-grid[data-responsive=true] {\r\n tfoot .dg-page-nav {\r\n min-width: revert;\r\n } \r\n }\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/data-grid.min.css b/dist/data-grid.min.css index 1f253d0..1dd1235 100644 --- a/dist/data-grid.min.css +++ b/dist/data-grid.min.css @@ -1,3 +1,3 @@ -@keyframes dataGridShow{0%{opacity:1}100%{opacity:.5}}data-grid{--padding: 0.5rem;--padding-x: 0.75rem;--padding-y: 0.5rem;--padding-y-header: 0.75rem;--padding-half: calc(var(--padding) / 2);--color-rgb: var(--bs-primary-rgb, 13, 110, 253);--color: rgb(var(--color-rgb));--highlight-color: #fffcee;--header-background: var(--bs-gray-200, #e9ecef);--header-color: var(--bs-dark, #212529);--input-background: var(--bs-body-bg, #ffffff);--input-border-color: var(--bs-border-color, #e9ecef);--btn-background: var(--bs-body-bg, #ffffff);--btn-color: var(--color);--btn-border-color: var(--bs-border-color, #e9ecef);--body-bg: var(--bs-body-bg, #212529);--body-color: var(--bs-body-color, #212529);--icon-scale: 1;--border-radius: 0.25rem;--row-border-color: #f2f2f2;--responsive-width: 60%;--black: var(--bs-black, #000);--white: var(--bs-white, #fff);--gray: var(--bs-gray, #6c757d);--gray-dark: var(--bs-gray-dark, #343a40);--gray-100: var(--bs-gray-100, #f8f9fa);--gray-200: var(--bs-gray-200, #e9ecef);--gray-300: var(--bs-gray-300, #dee2e6);--gray-400: var(--bs-gray-400, #ced4da);--gray-500: var(--bs-gray-500, #adb5bd);--gray-600: var(--bs-gray-600, #6c757d);--gray-700: var(--bs-gray-700, #495057);--gray-800: var(--bs-gray-800, #343a40);--gray-900: var(--bs-gray-900, #212529);display:block;min-height:6rem;position:relative}data-grid{--scroller-color: 0, 0%;--scroller-color-lightness: 80%;--scroller-hover-factor: 0.8;--scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));--scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));--scroller-background: transparent;scrollbar-color:var(--scroller-thumb) var(--scroller-background);scrollbar-width:thin}data-grid::-webkit-scrollbar{width:8px;height:8px}data-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}data-grid::-webkit-scrollbar-thumb{background:var(--scroller-thumb)}data-grid::-webkit-scrollbar-thumb:hover{background:var(--scroller-thumb-hover)}data-grid[class=""]>table[role=grid] tr.dg-head-columns,data-grid:not([class])>table[role=grid] tr.dg-head-columns,data-grid.dg-loading>table[role=grid] tr.dg-head-columns{display:none}data-grid img{border:none;height:auto;max-width:100%;vertical-align:middle}data-grid [hidden]{display:none}data-grid table{display:table;table-layout:fixed;width:100%;max-width:100%;white-space:normal;background:var(--header-background)}data-grid thead,data-grid tfoot{background-color:var(--header-background);color:var(--header-color)}data-grid.dg-loading:not(.dg-initialized) thead,data-grid.dg-loading:not(.dg-initialized) tfoot{background:none}data-grid.dg-loading tbody{animation-name:dataGridShow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:.3s;pointer-events:none}data-grid tr{position:relative}data-grid th,data-grid td{empty-cells:show;padding:var(--padding-y) var(--padding-x);text-align:left}data-grid th[tabindex],data-grid td[tabindex]{outline:none;word-break:normal}data-grid th{font-weight:bold;padding:var(--padding-y-header) var(--padding-x)}data-grid th,data-grid td{position:relative;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}data-grid th.dg-wrap,data-grid td.dg-wrap{white-space:normal;word-break:break-all}data-grid .dg-expandable{cursor:pointer}data-grid .dg-expandable.dg-expanded td{white-space:normal;word-break:break-all}data-grid .dg-clickable-cell{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}data-grid[sticky] table thead,data-grid[sticky] table tfoot{z-index:2;position:sticky;margin:0;border:0}data-grid[sticky] table thead{inset-block-start:-1px}data-grid[sticky] table tfoot{inset-block-end:-1px}data-grid .dg-nav-icon,data-grid .dg-skip-icon{width:22px;height:22px;box-sizing:border-box;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%) scale(var(--icon-scale, 1))}data-grid .dg-nav-icon:before,data-grid .dg-nav-icon:after,data-grid .dg-skip-icon:before,data-grid .dg-skip-icon:after{content:"";display:block;box-sizing:border-box;position:absolute}data-grid .dg-nav-icon::before{width:0;height:10px;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:6px solid;top:6px;left:9px}data-grid .dg-skip-icon::before{width:3px;height:10px;background:currentColor;top:6px;left:14px}data-grid .dg-skip-icon::after{width:0;height:10px;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:6px solid;top:6px;left:7px}data-grid .dg-rotate{transform:rotate(-180deg)}data-grid button{background-color:var(--btn-background);border:solid 1px var(--btn-border-color);border-radius:var(--border-radius);color:var(--body-color);height:2rem;margin:0 .2rem;padding:0 .5rem;pointer-events:all;text-align:center;cursor:pointer}data-grid button:hover{opacity:.7}data-grid button:disabled:hover{background-color:inherit;border-color:inherit}data-grid input[type=checkbox]{margin:0}data-grid input:not([type=checkbox]),data-grid select{background-color:var(--input-background, "#fff");color:currentColor;box-sizing:border-box;border:1px solid var(--input-border-color, "#f0f0f0");border-radius:var(--border-radius);height:2rem;margin:0 .2rem;padding:0 var(--padding);max-width:none}data-grid input:not([type=checkbox]):focus,data-grid select:focus,data-grid button:focus{box-shadow:0 0 0 var(--padding-half) rgba(var(--color-rgb), 0.25);outline:0}data-grid input:not([type=checkbox])[disabled],data-grid input:not([type=checkbox]):disabled,data-grid select[disabled],data-grid select:disabled,data-grid button[disabled],data-grid button:disabled{opacity:.35;pointer-events:none}data-grid thead tr:nth-child(2) th{padding:0 2px 0 0;background-color:rgba(0,0,0,0)}data-grid thead tr:nth-child(2) th>*{width:100%;border-radius:0;margin:0}data-grid thead tr:nth-child(2) th input:focus{box-shadow:inset 0px 0px 0px 1px var(--color)}data-grid tbody td.dg-editable-col{padding:0;height:0}data-grid tbody td input.dg-editable{width:100%;background:rgba(0,0,0,0);border:0;border-radius:0;margin:0;box-shadow:none;height:100%}data-grid tbody td input.dg-editable:focus{box-shadow:inset 0px 0px 0px 1px var(--color)}data-grid.dg-empty tbody{height:4rem;position:relative}data-grid.dg-empty tbody:before{position:absolute;top:50%;left:50%;content:attr(data-empty);transform:translate(-50%, -50%);opacity:.5;font-size:1.5rem;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%}data-grid.dg-empty tr.dg-fake-row{height:4rem;border:none}data-grid.dg-empty.dg-network-error table{color:#842029;background-color:#f8d7da;border:1px solid #f5c2c7}data-grid.dg-empty.dg-network-error tbody{height:auto}data-grid.dg-empty.dg-network-error tbody:before{font-size:2rem;top:auto;transform:translate(-50%)}data-grid.dg-empty.dg-network-error tbody tr:not(.dg-fake-row){display:none}data-grid.dg-empty:not(.dg-network-error) tbody:before{top:auto;transform:translate(-50%, 30%)}data-grid tbody tr{border-bottom:solid 1px var(--row-border-color)}data-grid tbody tr:nth-child(even){background-color:var(--bs-table-striped-bg, #f8f9fa)}data-grid tbody tr:hover{background-color:var(--highlight-color) !important}data-grid tbody tr:focus{background-color:var(--highlight-color) !important;border-bottom-color:var(--highlight-color) !important;outline:none}data-grid tfoot{min-width:280px}data-grid tfoot td{padding:var(--padding-y-header) var(--padding-x)}data-grid tfoot .dg-page-nav{display:flex;align-items:center;min-width:160px}data-grid tfoot .dg-input-page{width:4rem}data-grid tfoot .dg-footer{display:flex;align-items:center;flex-direction:row;justify-content:space-between}data-grid tfoot .dg-pagination{display:flex;text-align:center}data-grid tfoot .dg-pagination button{position:relative;width:2rem}data-grid tfoot .dg-meta{min-width:160px;text-align:right}data-grid tfoot.dg-footer-compact .dg-meta{display:none}data-grid tfoot.dg-footer-compact .dg-input-page{display:none}data-grid [aria-sort]{cursor:pointer;padding-right:1.5rem}data-grid [aria-sort=none]:after,data-grid [aria-sort=none]:before,data-grid [aria-sort=ascending]:before,data-grid [aria-sort=descending]:after{right:.5rem;top:calc(50% - .5rem);border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;border-color:rgba(0,0,0,0);border-width:.25rem;margin-left:-0.25rem}data-grid [aria-sort=none]:before{border-bottom-color:currentColor;opacity:.25;top:calc(50% - .6rem)}data-grid [aria-sort=none]:after{border-top-color:currentColor;opacity:.25;bottom:calc(50% - .5rem);top:auto}data-grid [aria-sort=ascending]:before{border-bottom-color:var(--body-color);opacity:.75}data-grid [aria-sort=descending]:after{border-top-color:var(--body-color);opacity:.75;bottom:calc(50% - .5rem);top:auto}[data-bs-theme=dark] data-grid{--scroller-color-lightness: 20%;--highlight-color: #43423e;--header-background: var(--bs-gray-800, #34373b);--header-color: var(--bs-light, #e9ecef);--body-color: var(--bs-body-color, #494e53);--row-border-color: var(--bs-gray-900, #212325)}[data-bs-theme=dark] data-grid tbody tr:nth-child(even){background-color:var(--bs-table-striped-bg, #2c3034)}data-grid[dir=rtl] th,data-grid[dir=rtl] td{text-align:right}data-grid[dir=rtl] [aria-sort]{padding-left:1rem;padding-right:.5rem}data-grid[dir=rtl] [aria-sort=none]:after,data-grid[dir=rtl] [aria-sort=none]:before,data-grid[dir=rtl] [aria-sort=ascending]:before,data-grid[dir=rtl] [aria-sort=descending]:after{left:.75rem;right:auto}data-grid[dir=rtl] tfoot .dg-meta{text-align:left}data-grid .dg-menu{position:absolute;z-index:3;background:var(--body-bg);list-style:none;max-width:150px;margin:0;padding:var(--padding);box-shadow:0 0 1rem rgba(0,0,0,.25);border-radius:var(--border-radius)}data-grid .dg-menu li{margin:0;padding:0}data-grid .dg-menu label{display:flex;align-items:center;margin-bottom:.25em}data-grid .dg-menu input{margin-right:.5em}data-grid .dg-actions{text-overflow:initial;width:100px;text-align:right;white-space:nowrap !important}data-grid .dg-actions button{margin:0}data-grid .dg-actions button+button{margin-left:.5rem}data-grid .dg-actions .dg-actions-toggle{display:none;width:calc(100px - var(--padding-x)*2)}data-grid .dg-actions.dg-actions-1{width:100%}data-grid .dg-actions.dg-actions-2 button{width:calc(50% - .25rem)}data-grid .dg-actions.dg-actions-more button{display:none}data-grid .dg-actions.dg-actions-more button.dg-actions-toggle{display:inline-block}data-grid .dg-actions.dg-actions-expand{position:absolute;right:0;display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%}data-grid .dg-actions.dg-actions-expand.dg-actions-more{width:100%}data-grid .dg-actions.dg-actions-expand.dg-actions-more button{display:inline-block}data-grid tr.dg-actionable{cursor:pointer}data-grid tr.dg-actionable:hover td{background-color:var(--highlight-color)}data-grid .dg-resizer{position:absolute;top:0;right:0;width:6px;z-index:2;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}data-grid .dg-resizer:before{content:"";display:block;position:absolute;top:var(--padding-y-header);height:1.5rem;right:0;width:2px;background:var(--body-color);opacity:.2}data-grid .dg-resizer:hover:before{opacity:.6}data-grid .dg-resizer.dg-resizer-active{border-right:1px dashed var(--color)}data-grid .dg-resizer.dg-resizer-active:before{opacity:.6}data-grid .dg-responsive-toggle{padding:0;text-align:center}data-grid .dg-responsive-child-row>td{padding:0}data-grid .dg-responsive-table{table-layout:auto;border:0}data-grid .dg-responsive-table td,data-grid .dg-responsive-table th{white-space:normal}data-grid .dg-responsive-table th{max-width:40%}@media only screen and (max-width: 767px){data-grid[responsive] .dg-resizer{display:none}data-grid[responsive] .dg-meta{display:none}data-grid[responsive] .dg-input-page{display:none}data-grid[responsive] table,data-grid[responsive] tbody,data-grid[responsive] tfoot,data-grid[responsive] th,data-grid[responsive] td,data-grid[responsive] tr:not([hidden]){display:block}data-grid[responsive] thead{display:flex;border-bottom:2px solid var(--header-background)}data-grid[responsive] thead>tr{flex-grow:1}data-grid[responsive] thead th{width:auto}data-grid[responsive] tbody tr{padding:0;border:1px solid var(--header-background)}data-grid[responsive] tbody td{border:none;border-bottom:1px solid var(--row-border-color);position:relative;padding-left:calc(100% - var(--responsive-width) - var(--padding)*2)}data-grid[responsive] tbody td:last-child{border:0}data-grid[responsive] tbody td:before{position:absolute;top:0;left:0;padding:var(--padding);width:calc(100% - var(--responsive-width) - var(--padding)*4);content:attr(data-name);display:block;font-weight:bold;background-color:var(--header-background)}data-grid[responsive] tbody td[role=gridcell]{padding-left:calc(100% - var(--responsive-width) - var(--padding)*4 + .5rem)}data-grid[responsive] .dg-selectable{height:28px;margin:2px 1px 2px}data-grid[responsive] td.dg-selectable::before,data-grid[responsive] td.dg-actions::before{padding:0}data-grid[responsive] td.dg-selectable label{padding:5px}data-grid[responsive] td[role=gridcell]{min-height:35px;width:auto}data-grid[responsive] td[data-name]::before{height:100%}data-grid[responsive] td.dg-actions{padding-left:inherit;width:inherit}data-grid[responsive] .dg-actions button{width:inherit !important}data-grid[responsive] tr.dg-head-columns{padding:0;width:calc(100% - var(--responsive-width) - var(--padding)*4)}data-grid[responsive] tr.dg-head-columns th[role="columnheader button"]{padding:.36em 1.3em .36em .75em}data-grid[responsive] tr.dg-head-filters{background:rgba(0,0,0,0);vertical-align:top;padding:0;width:calc(100% - (100% - var(--responsive-width) - var(--padding)*4))}data-grid[responsive] .dg-head-filters th input:not([type=checkbox],[type=radio]){height:2.25em}data-grid[responsive] .dg-head-filters th.dg-selectable{background:rgba(0,0,0,0)}data-grid[responsive] .dg-head-filters th.dg-selectable label::before{content:"Column Filters"}data-grid[responsive] tfoot .dg-page-nav{min-width:revert}data-grid[data-responsive=true] tfoot .dg-page-nav{min-width:revert}} +@keyframes dataGridShow{0%{opacity:1}100%{opacity:.5}}data-grid{--padding: 0.5rem;--padding-x: 0.75rem;--padding-y: 0.5rem;--padding-y-header: 0.75rem;--padding-half: calc(var(--padding) / 2);--color-rgb: var(--bs-primary-rgb, 13, 110, 253);--color: rgb(var(--color-rgb));--highlight-color: #fffcee;--header-background: var(--bs-gray-200, #e9ecef);--header-color: var(--bs-dark, #212529);--input-background: var(--bs-body-bg, #ffffff);--input-border-color: var(--bs-border-color, #e9ecef);--btn-background: var(--bs-body-bg, #ffffff);--btn-color: var(--color);--btn-border-color: var(--bs-border-color, #e9ecef);--body-bg: var(--bs-body-bg, #212529);--body-color: var(--bs-body-color, #212529);--icon-scale: 1;--border-radius: 0.25rem;--row-border-color: #f2f2f2;--responsive-width: 60%;--black: var(--bs-black, #000);--white: var(--bs-white, #fff);--gray: var(--bs-gray, #6c757d);--gray-dark: var(--bs-gray-dark, #343a40);--gray-100: var(--bs-gray-100, #f8f9fa);--gray-200: var(--bs-gray-200, #e9ecef);--gray-300: var(--bs-gray-300, #dee2e6);--gray-400: var(--bs-gray-400, #ced4da);--gray-500: var(--bs-gray-500, #adb5bd);--gray-600: var(--bs-gray-600, #6c757d);--gray-700: var(--bs-gray-700, #495057);--gray-800: var(--bs-gray-800, #343a40);--gray-900: var(--bs-gray-900, #212529);display:block;min-height:6rem;position:relative}data-grid{--scroller-color: 0, 0%;--scroller-color-lightness: 80%;--scroller-hover-factor: 0.8;--scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));--scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));--scroller-background: transparent;scrollbar-color:var(--scroller-thumb) var(--scroller-background);scrollbar-width:thin}data-grid::-webkit-scrollbar{width:8px;height:8px}data-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}data-grid::-webkit-scrollbar-thumb{background:var(--scroller-thumb)}data-grid::-webkit-scrollbar-thumb:hover{background:var(--scroller-thumb-hover)}data-grid>table[role=grid] tr.dg-head-columns:is(:empty,:has(:first-child:not([id^=dg-col]))){display:none}data-grid img{border:none;height:auto;max-width:100%;vertical-align:middle}data-grid [hidden]{display:none}data-grid table{display:table;table-layout:fixed;width:100%;max-width:100%;white-space:normal;background:var(--header-background)}data-grid thead,data-grid tfoot{background-color:var(--header-background);color:var(--header-color)}data-grid.dg-loading:not(.dg-initialized) thead,data-grid.dg-loading:not(.dg-initialized) tfoot{background:none}data-grid.dg-loading tbody{animation-name:dataGridShow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:.3s;pointer-events:none}data-grid tr{position:relative}data-grid th,data-grid td{empty-cells:show;padding:var(--padding-y) var(--padding-x);text-align:left}data-grid th[tabindex],data-grid td[tabindex]{outline:none;word-break:normal}data-grid th{font-weight:bold;padding:var(--padding-y-header) var(--padding-x)}data-grid th,data-grid td{position:relative;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}data-grid th.dg-wrap,data-grid td.dg-wrap{white-space:normal;word-break:break-all}data-grid .dg-expandable{cursor:pointer}data-grid .dg-expandable.dg-expanded td{white-space:normal;word-break:break-all}data-grid .dg-clickable-cell{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}data-grid[sticky] table thead,data-grid[sticky] table tfoot{z-index:2;position:sticky;margin:0;border:0}data-grid[sticky] table thead{inset-block-start:-1px}data-grid[sticky] table tfoot{inset-block-end:-1px}data-grid .dg-nav-icon,data-grid .dg-skip-icon{width:22px;height:22px;box-sizing:border-box;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%) scale(var(--icon-scale, 1))}data-grid .dg-nav-icon:before,data-grid .dg-nav-icon:after,data-grid .dg-skip-icon:before,data-grid .dg-skip-icon:after{content:"";display:block;box-sizing:border-box;position:absolute}data-grid .dg-nav-icon::before{width:0;height:10px;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:6px solid;top:6px;left:9px}data-grid .dg-skip-icon::before{width:3px;height:10px;background:currentColor;top:6px;left:14px}data-grid .dg-skip-icon::after{width:0;height:10px;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:6px solid;top:6px;left:7px}data-grid .dg-rotate{transform:rotate(-180deg)}data-grid button{background-color:var(--btn-background);border:solid 1px var(--btn-border-color);border-radius:var(--border-radius);color:var(--body-color);height:2rem;margin:0 .2rem;padding:0 .5rem;pointer-events:all;text-align:center;cursor:pointer}data-grid button:hover{opacity:.7}data-grid button:disabled:hover{background-color:inherit;border-color:inherit}data-grid input[type=checkbox]{margin:0}data-grid input:not([type=checkbox]),data-grid select{background-color:var(--input-background, "#fff");color:currentColor;box-sizing:border-box;border:1px solid var(--input-border-color, "#f0f0f0");border-radius:var(--border-radius);height:2rem;margin:0 .2rem;padding:0 var(--padding);max-width:none}data-grid input:not([type=checkbox]):focus,data-grid select:focus,data-grid button:focus{box-shadow:0 0 0 var(--padding-half) rgba(var(--color-rgb), 0.25);outline:0}data-grid input:not([type=checkbox])[disabled],data-grid input:not([type=checkbox]):disabled,data-grid select[disabled],data-grid select:disabled,data-grid button[disabled],data-grid button:disabled{opacity:.35;pointer-events:none}data-grid thead tr:nth-child(2) th{padding:0 2px 0 0;background-color:rgba(0,0,0,0)}data-grid thead tr:nth-child(2) th>*{width:100%;border-radius:0;margin:0}data-grid thead tr:nth-child(2) th input:focus{box-shadow:inset 0px 0px 0px 1px var(--color)}data-grid tbody td.dg-editable-col{padding:0;height:0}data-grid tbody td input.dg-editable{width:100%;background:rgba(0,0,0,0);border:0;border-radius:0;margin:0;box-shadow:none;height:100%}data-grid tbody td input.dg-editable:focus{box-shadow:inset 0px 0px 0px 1px var(--color)}data-grid.dg-empty tbody{height:4rem;position:relative}data-grid.dg-empty tbody:before{position:absolute;top:50%;left:50%;content:attr(data-empty);transform:translate(-50%, -50%);opacity:.5;font-size:1.5rem;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%}data-grid.dg-empty tr.dg-fake-row{height:4rem;border:none}data-grid.dg-empty.dg-network-error table{color:#842029;background-color:#f8d7da;border:1px solid #f5c2c7}data-grid.dg-empty.dg-network-error tbody{height:auto}data-grid.dg-empty.dg-network-error tbody:before{font-size:2rem;top:auto;transform:translate(-50%)}data-grid.dg-empty.dg-network-error tbody tr:not(.dg-fake-row){display:none}data-grid.dg-empty:not(.dg-network-error) tbody:before{top:auto;transform:translate(-50%, 30%)}data-grid tbody tr{border-bottom:solid 1px var(--row-border-color)}data-grid tbody tr:nth-child(even){background-color:var(--bs-table-striped-bg, #f8f9fa)}data-grid tbody tr:hover{background-color:var(--highlight-color) !important}data-grid tbody tr:focus{background-color:var(--highlight-color) !important;border-bottom-color:var(--highlight-color) !important;outline:none}data-grid tfoot{min-width:280px}data-grid tfoot td{padding:var(--padding-y-header) var(--padding-x)}data-grid tfoot .dg-page-nav{display:flex;align-items:center;min-width:160px}data-grid tfoot .dg-input-page{width:4rem}data-grid tfoot .dg-footer{display:flex;align-items:center;flex-direction:row;justify-content:space-between}data-grid tfoot .dg-pagination{display:flex;text-align:center}data-grid tfoot .dg-pagination button{position:relative;width:2rem}data-grid tfoot .dg-meta{min-width:160px;text-align:right}data-grid tfoot.dg-footer-compact .dg-meta{display:none}data-grid tfoot.dg-footer-compact .dg-input-page{display:none}data-grid [aria-sort]{cursor:pointer;padding-right:1.5rem}data-grid [aria-sort=none]:after,data-grid [aria-sort=none]:before,data-grid [aria-sort=ascending]:before,data-grid [aria-sort=descending]:after{right:.5rem;top:calc(50% - .5rem);border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;border-color:rgba(0,0,0,0);border-width:.25rem;margin-left:-0.25rem}data-grid [aria-sort=none]:before{border-bottom-color:currentColor;opacity:.25;top:calc(50% - .6rem)}data-grid [aria-sort=none]:after{border-top-color:currentColor;opacity:.25;bottom:calc(50% - .5rem);top:auto}data-grid [aria-sort=ascending]:before{border-bottom-color:var(--body-color);opacity:.75}data-grid [aria-sort=descending]:after{border-top-color:var(--body-color);opacity:.75;bottom:calc(50% - .5rem);top:auto}[data-bs-theme=dark] data-grid{--scroller-color-lightness: 20%;--highlight-color: #43423e;--header-background: var(--bs-gray-800, #34373b);--header-color: var(--bs-light, #e9ecef);--body-color: var(--bs-body-color, #494e53);--row-border-color: var(--bs-gray-900, #212325)}[data-bs-theme=dark] data-grid tbody tr:nth-child(even){background-color:var(--bs-table-striped-bg, #2c3034)}data-grid[dir=rtl] th,data-grid[dir=rtl] td{text-align:right}data-grid[dir=rtl] [aria-sort]{padding-left:1rem;padding-right:.5rem}data-grid[dir=rtl] [aria-sort=none]:after,data-grid[dir=rtl] [aria-sort=none]:before,data-grid[dir=rtl] [aria-sort=ascending]:before,data-grid[dir=rtl] [aria-sort=descending]:after{left:.75rem;right:auto}data-grid[dir=rtl] tfoot .dg-meta{text-align:left}data-grid .dg-menu{position:absolute;z-index:3;background:var(--body-bg);list-style:none;max-width:150px;margin:0;padding:var(--padding);box-shadow:0 0 1rem rgba(0,0,0,.25);border-radius:var(--border-radius)}data-grid .dg-menu li{margin:0;padding:0}data-grid .dg-menu label{display:flex;align-items:center;margin-bottom:.25em}data-grid .dg-menu input{margin-right:.5em}data-grid .dg-actions{text-overflow:initial;width:100px;text-align:right;white-space:nowrap !important}data-grid .dg-actions button{margin:0}data-grid .dg-actions button+button{margin-left:.5rem}data-grid .dg-actions .dg-actions-toggle{display:none;width:calc(100px - var(--padding-x)*2)}data-grid .dg-actions.dg-actions-1{width:100%}data-grid .dg-actions.dg-actions-2 button{width:calc(50% - .25rem)}data-grid .dg-actions.dg-actions-more button{display:none}data-grid .dg-actions.dg-actions-more button.dg-actions-toggle{display:inline-block}data-grid .dg-actions.dg-actions-expand{position:absolute;right:0;display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%}data-grid .dg-actions.dg-actions-expand.dg-actions-more{width:100%}data-grid .dg-actions.dg-actions-expand.dg-actions-more button{display:inline-block}data-grid tr.dg-actionable{cursor:pointer}data-grid tr.dg-actionable:hover td{background-color:var(--highlight-color)}data-grid .dg-resizer{position:absolute;top:0;right:0;width:6px;z-index:2;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}data-grid .dg-resizer:before{content:"";display:block;position:absolute;top:var(--padding-y-header);height:1.5rem;right:0;width:2px;background:var(--body-color);opacity:.2}data-grid .dg-resizer:hover:before{opacity:.6}data-grid .dg-resizer.dg-resizer-active{border-right:1px dashed var(--color)}data-grid .dg-resizer.dg-resizer-active:before{opacity:.6}data-grid .dg-responsive-toggle{padding:0;text-align:center}data-grid .dg-responsive-child-row>td{padding:0}data-grid .dg-responsive-table{table-layout:auto;border:0}data-grid .dg-responsive-table td,data-grid .dg-responsive-table th{white-space:normal}data-grid .dg-responsive-table th{max-width:40%}@media only screen and (max-width: 767px){data-grid[responsive] .dg-resizer{display:none}data-grid[responsive] .dg-meta{display:none}data-grid[responsive] .dg-input-page{display:none}data-grid[responsive] table,data-grid[responsive] tbody,data-grid[responsive] tfoot,data-grid[responsive] th,data-grid[responsive] td,data-grid[responsive] tr:not([hidden]){display:block}data-grid[responsive] thead{display:flex;border-bottom:2px solid var(--header-background)}data-grid[responsive] thead>tr{flex-grow:1}data-grid[responsive] thead th{width:auto}data-grid[responsive] tbody tr{padding:0;border:1px solid var(--header-background)}data-grid[responsive] tbody td{border:none;border-bottom:1px solid var(--row-border-color);position:relative;padding-left:calc(100% - var(--responsive-width) - var(--padding)*2)}data-grid[responsive] tbody td:last-child{border:0}data-grid[responsive] tbody td:before{position:absolute;top:0;left:0;padding:var(--padding);width:calc(100% - var(--responsive-width) - var(--padding)*4);content:attr(data-name);display:block;font-weight:bold;background-color:var(--header-background)}data-grid[responsive] tbody td[role=gridcell]{padding-left:calc(100% - var(--responsive-width) - var(--padding)*4 + .5rem)}data-grid[responsive] .dg-selectable{height:28px;margin:2px 1px 2px}data-grid[responsive] td.dg-selectable::before,data-grid[responsive] td.dg-actions::before{padding:0}data-grid[responsive] td.dg-selectable label{padding:5px}data-grid[responsive] td[role=gridcell]{min-height:35px;width:auto}data-grid[responsive] td[data-name]::before{height:100%}data-grid[responsive] td.dg-actions{padding-left:inherit;width:inherit}data-grid[responsive] .dg-actions button{width:inherit !important}data-grid[responsive] tr.dg-head-columns{padding:0;width:calc(100% - var(--responsive-width) - var(--padding)*4)}data-grid[responsive] tr.dg-head-columns th[role="columnheader button"]{padding:.36em 1.3em .36em .75em}data-grid[responsive] tr.dg-head-filters{background:rgba(0,0,0,0);vertical-align:top;padding:0;width:calc(100% - (100% - var(--responsive-width) - var(--padding)*4))}data-grid[responsive] .dg-head-filters th input:not([type=checkbox],[type=radio]){height:2.25em}data-grid[responsive] .dg-head-filters th.dg-selectable{background:rgba(0,0,0,0)}data-grid[responsive] .dg-head-filters th.dg-selectable label::before{content:"Column Filters"}data-grid[responsive] tfoot .dg-page-nav{min-width:revert}data-grid[data-responsive=true] tfoot .dg-page-nav{min-width:revert}} -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3Njc3MvX2NvcmUuc2NzcyIsIi4uL3Njc3MvX3J0bC5zY3NzIiwiLi4vc2Nzcy9fbWVudS5zY3NzIiwiLi4vc2Nzcy9fYWN0aW9ucy5zY3NzIiwiLi4vc2Nzcy9fcmVzaXplci5zY3NzIiwiLi4vc2Nzcy9fcmVzcG9uc2l2ZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLHdCQUNFLEdBQ0UsU0FBQSxDQUdGLEtBQ0UsVUFBQSxDQUFBLENBSUosVUFDRSxpQkFBQSxDQUNBLG9CQUFBLENBQ0EsbUJBQUEsQ0FDQSwyQkFBQSxDQUNBLHdDQUFBLENBQ0EsZ0RBQUEsQ0FDQSw4QkFBQSxDQUVBLDBCQUFBLENBQ0EsZ0RBQUEsQ0FDQSx1Q0FBQSxDQUNBLDhDQUFBLENBQ0EscURBQUEsQ0FDQSw0Q0FBQSxDQUNBLHlCQUFBLENBQ0EsbURBQUEsQ0FDQSxxQ0FBQSxDQUNBLDJDQUFBLENBQ0EsZUFBQSxDQUNBLHdCQUFBLENBQ0EsMkJBQUEsQ0FDQSx1QkFBQSxDQUVBLDhCQUFBLENBQ0EsOEJBQUEsQ0FDQSwrQkFBQSxDQUNBLHlDQUFBLENBQ0EsdUNBQUEsQ0FDQSx1Q0FBQSxDQUNBLHVDQUFBLENBQ0EsdUNBQUEsQ0FDQSx1Q0FBQSxDQUNBLHVDQUFBLENBQ0EsdUNBQUEsQ0FDQSx1Q0FBQSxDQUNBLHVDQUFBLENBRUEsYUFBQSxDQUNBLGVBQUEsQ0FDQSxpQkFBQSxDQUdBLFVBQ0UsdUJBQUEsQ0FDQSwrQkFBQSxDQUNBLDRCQUFBLENBQ0EsNkVBQUEsQ0FFQSx3SEFBQSxDQUNBLGtDQUFBLENBQ0EsZ0VBQUEsQ0FDQSxvQkFBQSxDQUVBLDZCQUNFLFNBQUEsQ0FDQSxVQUFBLENBR0YsbUNBQ0Usd0JBQUEsQ0FHRixtQ0FDRSxnQ0FBQSxDQUdGLHlDQUNFLHNDQUFBLENBVUUsNEtBQ0UsWUFBQSxDQU1SLGNBQ0UsV0FBQSxDQUNBLFdBQUEsQ0FDQSxjQUFBLENBQ0EscUJBQUEsQ0FHRixtQkFDRSxZQUFBLENBR0YsZ0JBQ0UsYUFBQSxD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 */ \ No newline at end of file +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3Njc3MvX2NvcmUuc2NzcyIsIi4uL3Njc3MvX3J0bC5zY3NzIiwiLi4vc2Nzcy9fbWVudS5zY3NzIiwiLi4vc2Nzcy9fYWN0aW9ucy5zY3NzIiwiLi4vc2Nzcy9fcmVzaXplci5zY3NzIiwiLi4vc2Nzcy9fcmVzcG9uc2l2ZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLHdCQUNFLEdBQ0UsU0FBQSxDQUdGLEtBQ0UsVUFBQSxDQUFBLENBSUosVUFDRSxpQkFBQSxDQUNBLG9CQUFBLENBQ0EsbUJBQUEsQ0FDQSwyQkFBQSxDQUNBLHdDQUFBLENBQ0EsZ0RBQUEsQ0FDQSw4QkFBQSxDQUVBLDBCQUFBLENBQ0EsZ0RBQUEsQ0FDQSx1Q0FBQSxDQUNBLDhDQUFBLENBQ0EscURBQUEsQ0FDQSw0Q0FBQSxDQUNBLHlCQUFBLENBQ0EsbURBQUEsQ0FDQSxxQ0FBQSxDQUNBLDJDQUFBLENBQ0EsZUFBQSxDQUNBLHdCQUFBLENBQ0EsMkJBQUEsQ0FDQSx1QkFBQSxDQUVBLDhCQUFBLENBQ0EsOEJBQUEsQ0FDQSwrQkFBQSxDQUNBLHlDQUFBLENBQ0EsdUNBQUEsQ0FDQSx1Q0FBQSxDQUNBLHVDQUFBLENBQ0EsdUNBQUEsQ0FDQSx1Q0FBQSxDQUNBLHVDQUFBLENBQ0EsdUNBQUEsQ0FDQSx1Q0FBQSxDQUNBLHVDQUFBLENBRUEsYUFBQSxDQUNBLGVBQUEsQ0FDQSxpQkFBQSxDQUdBLFVBQ0UsdUJBQUEsQ0FDQSwrQkFBQSxDQUNBLDRCQUFBLENBQ0EsNkVBQUEsQ0FFQSx3SEFBQSxDQUNBLGtDQUFBLENBQ0EsZ0VBQUEsQ0FDQSxvQkFBQSxDQUVBLDZCQUNFLFNBQUEsQ0FDQSxVQUFBLENBR0YsbUNBQ0Usd0JBQUEsQ0FHRixtQ0FDRSxnQ0FBQSxDQUdGLHlDQUNFLHNDQUFBLENBT0EsOEZBQ0UsWUFBQSxDQUtOLGNBQ0UsV0FBQSxDQUNBLFdBQUEsQ0FDQSxjQUFBLENBQ0EscUJBQUEsQ0FHRixtQkFDRSxZQUFBLENBR0YsZ0JBQ0UsYUFBQSxD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 */ \ No newline at end of file diff --git a/dist/data-grid.min.css.map b/dist/data-grid.min.css.map index 280b0e1..bab7a85 100644 --- a/dist/data-grid.min.css.map +++ b/dist/data-grid.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_core.scss","../scss/_rtl.scss","../scss/_menu.scss","../scss/_actions.scss","../scss/_resizer.scss","../scss/_responsive.scss"],"names":[],"mappings":"AAKA,wBACE,GACE,UAGF,KACE,YAIJ,UACE,kBACA,qBACA,oBACA,4BACA,yCACA,iDACA,+BAEA,2BACA,iDACA,wCACA,+CACA,sDACA,6CACA,0BACA,oDACA,sCACA,4CACA,gBACA,yBACA,4BACA,wBAEA,+BACA,+BACA,gCACA,0CACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,cACA,gBACA,kBAGA,UACE,wBACA,gCACA,6BACA,8EAEA,yHACA,mCACA,iEACA,qBAEA,6BACE,UACA,WAGF,mCACE,yBAGF,mCACE,iCAGF,yCACE,uCAUE,4KACE,aAMR,cACE,YACA,YACA,eACA,sBAGF,mBACE,aAGF,gBACE,cAGA,mBACA,WACA,eACA,mBAEA,oCAGF,gCAEE,0CACA,0BAME,gGAEE,gBAIJ,2BACE,4BACA,kCACA,6BACA,uBACA,oBAIJ,aACE,kBAGF,0BAEE,iBACA,0CACA,gBAEA,8CACE,aACA,kBAIJ,aACE,iBACA,iDAIF,0BAEE,kBACA,gBACA,gBAEA,uBACA,mBAGA,0CACE,mBACA,qBAKJ,yBACE,eAEA,wCACE,mBACA,qBAIJ,6BACE,SACA,kBACA,MACA,OACA,WACA,YACA,eACA,aACA,mBACA,uBAOA,4DAEE,UACA,gBACA,SACA,SAIF,8BACE,uBAGF,8BACE,qBAKJ,+CAEE,WACA,YACA,sBACA,kBACA,cACA,QACA,SACA,4DAEA,wHAEE,WACA,cACA,sBACA,kBAIJ,+BACE,QACA,YACA,mCACA,sCACA,sBACA,QACA,SAIA,gCACE,UACA,YACA,wBACA,QACA,UAGF,+BACE,QACA,YACA,mCACA,sCACA,sBACA,QACA,SAIJ,qBACE,0BAIF,iBACE,uCACA,yCACA,mCACA,wBACA,YACA,eACA,gBACA,mBACA,kBACA,eAEA,uBACE,WAGF,gCACE,yBACA,qBAKJ,+BACE,SAGF,sDAEE,iDACA,mBACA,sBACA,sDACA,mCACA,YACA,eACA,yBACA,eAMA,yFACE,kEACA,UAGF,uMAEE,YACA,oBAKJ,mCACE,kBACA,+BAEA,qCACE,WACA,gBACA,SAIA,+CACE,8CAMN,mCACE,UACA,SAGF,qCACE,WACA,yBACA,SACA,gBACA,SACA,gBACA,YAEA,2CACE,8CAMF,yBACE,YACA,kBAEA,gCACE,kBACA,QACA,SACA,yBACA,gCACA,WACA,iBACA,kBACA,mBACA,uBACA,gBACA,UAKF,kCACE,YACA,YAKF,0CACE,cACA,yBACA,yBAGF,0CACE,YAEA,iDACE,eACA,SACA,0BAGF,+DACE,aAOF,uDACE,SACA,+BAOR,mBAKE,gDAJA,mCACE,qDAKF,yBACE,mDAGF,yBACE,mDACA,sDACA,aAKJ,gBACE,gBAEA,mBACE,iDAGF,6BACE,aACA,mBACA,gBAGF,+BACE,WAGF,2BACE,aACA,mBACA,mBACA,8BAGF,+BACE,aACA,kBAEA,sCAEE,kBACA,WAIJ,yBAEE,gBACA,iBAIA,2CACE,aAGF,iDACE,aAMN,sBACE,eACA,qBAGF,iJAIE,YACA,sBACA,2BACA,YACA,SACA,QACA,kBACA,2BACA,oBACA,qBAIA,kCACE,iCACA,YACA,sBAGF,iCACE,8BACA,YACA,yBACA,SAIJ,uCACE,sCACA,YAGF,uCACE,mCACA,YACA,yBACA,SAIJ,+BACE,gCACA,2BACA,iDACA,yCACA,4CACA,gDAGE,wDACE,qDC1jBF,4CAEE,iBAEF,+BACE,kBACA,oBAEF,qLAIE,YACA,WAEF,kCACE,gBCjBJ,mBACE,kBACA,UACA,0BACA,gBACA,gBACA,SACA,uBACA,oCACA,mCAEA,sBACE,SACA,UAEF,yBACE,aACA,mBACA,oBAEF,yBACE,kBCrBJ,sBACE,sBACA,YACA,iBACA,8BAEA,6BACE,SAEA,oCACE,kBAGJ,yCACE,aACA,uCAEF,mCACE,WAGF,0CACE,yBAEF,6CACE,aAEA,+DACE,qBAGJ,wCACE,kBACA,QACA,aACA,mBACA,yBACA,WACA,YAEF,wDACE,WAEA,+DACE,qBAIN,2BACE,eAEA,oCACE,wCCpDJ,sBACE,kBACA,MACA,QACA,UACA,UACA,kBACA,iBAEA,6BACE,WACA,cACA,kBACA,4BACA,cACA,QACA,UACA,6BACA,WAEF,mCACE,WAEF,wCACE,qCAEA,+CACE,WC3BN,gCACE,UACA,kBAEF,sCACE,UAEF,+BACE,kBACA,SAEA,oEAEE,mBAGF,kCACE,cAMN,0CAGI,kCACE,aAIF,+BACE,aAEF,qCACE,aAIF,6KAME,cAIF,4BACE,aASA,iDAPA,+BACE,YAEF,+BACE,WAQF,+BACE,UACA,0CAEF,+BACE,YACA,gDACA,kBACA,qEAEA,0CACE,SAEF,sCACE,kBACA,MACA,OACA,uBACA,8DACA,wBACA,cACA,iBACA,0CAEF,8CACE,6EAMN,qCACE,YACA,mBAIA,2FAEE,UAEF,6CACE,YAEF,wCACE,gBACA,WAEF,4CACE,YAEF,oCACE,qBACA,cAGJ,yCACE,yBAGA,yCACE,UACA,8DAEA,wEACE,gCAGJ,yCACE,yBACA,mBACA,UACA,uEAGJ,kFACE,cAEF,wDACE,yBAEF,sEACE,yBAGF,yCACE,iBAKF,mDACE","file":"data-grid.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_core.scss","../scss/_rtl.scss","../scss/_menu.scss","../scss/_actions.scss","../scss/_resizer.scss","../scss/_responsive.scss"],"names":[],"mappings":"AAKA,wBACE,GACE,UAGF,KACE,YAIJ,UACE,kBACA,qBACA,oBACA,4BACA,yCACA,iDACA,+BAEA,2BACA,iDACA,wCACA,+CACA,sDACA,6CACA,0BACA,oDACA,sCACA,4CACA,gBACA,yBACA,4BACA,wBAEA,+BACA,+BACA,gCACA,0CACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,cACA,gBACA,kBAGA,UACE,wBACA,gCACA,6BACA,8EAEA,yHACA,mCACA,iEACA,qBAEA,6BACE,UACA,WAGF,mCACE,yBAGF,mCACE,iCAGF,yCACE,uCAOA,8FACE,aAKN,cACE,YACA,YACA,eACA,sBAGF,mBACE,aAGF,gBACE,cAGA,mBACA,WACA,eACA,mBAEA,oCAGF,gCAEE,0CACA,0BAME,gGAEE,gBAIJ,2BACE,4BACA,kCACA,6BACA,uBACA,oBAIJ,aACE,kBAGF,0BAEE,iBACA,0CACA,gBAEA,8CACE,aACA,kBAIJ,aACE,iBACA,iDAIF,0BAEE,kBACA,gBACA,gBAEA,uBACA,mBAGA,0CACE,mBACA,qBAKJ,yBACE,eAEA,wCACE,mBACA,qBAIJ,6BACE,SACA,kBACA,MACA,OACA,WACA,YACA,eACA,aACA,mBACA,uBAOA,4DAEE,UACA,gBACA,SACA,SAIF,8BACE,uBAGF,8BACE,qBAKJ,+CAEE,WACA,YACA,sBACA,kBACA,cACA,QACA,SACA,4DAEA,wHAEE,WACA,cACA,sBACA,kBAIJ,+BACE,QACA,YACA,mCACA,sCACA,sBACA,QACA,SAIA,gCACE,UACA,YACA,wBACA,QACA,UAGF,+BACE,QACA,YACA,mCACA,sCACA,sBACA,QACA,SAIJ,qBACE,0BAIF,iBACE,uCACA,yCACA,mCACA,wBACA,YACA,eACA,gBACA,mBACA,kBACA,eAEA,uBACE,WAGF,gCACE,yBACA,qBAKJ,+BACE,SAGF,sDAEE,iDACA,mBACA,sBACA,sDACA,mCACA,YACA,eACA,yBACA,eAMA,yFACE,kEACA,UAGF,uMAEE,YACA,oBAKJ,mCACE,kBACA,+BAEA,qCACE,WACA,gBACA,SAIA,+CACE,8CAMN,mCACE,UACA,SAGF,qCACE,WACA,yBACA,SACA,gBACA,SACA,gBACA,YAEA,2CACE,8CAMF,yBACE,YACA,kBAEA,gCACE,kBACA,QACA,SACA,yBACA,gCACA,WACA,iBACA,kBACA,mBACA,uBACA,gBACA,UAKF,kCACE,YACA,YAKF,0CACE,cACA,yBACA,yBAGF,0CACE,YAEA,iDACE,eACA,SACA,0BAGF,+DACE,aAOF,uDACE,SACA,+BAOR,mBAKE,gDAJA,mCACE,qDAKF,yBACE,mDAGF,yBACE,mDACA,sDACA,aAKJ,gBACE,gBAEA,mBACE,iDAGF,6BACE,aACA,mBACA,gBAGF,+BACE,WAGF,2BACE,aACA,mBACA,mBACA,8BAGF,+BACE,aACA,kBAEA,sCAEE,kBACA,WAIJ,yBAEE,gBACA,iBAIA,2CACE,aAGF,iDACE,aAMN,sBACE,eACA,qBAGF,iJAIE,YACA,sBACA,2BACA,YACA,SACA,QACA,kBACA,2BACA,oBACA,qBAIA,kCACE,iCACA,YACA,sBAGF,iCACE,8BACA,YACA,yBACA,SAIJ,uCACE,sCACA,YAGF,uCACE,mCACA,YACA,yBACA,SAIJ,+BACE,gCACA,2BACA,iDACA,yCACA,4CACA,gDAGE,wDACE,qDCtjBF,4CAEE,iBAEF,+BACE,kBACA,oBAEF,qLAIE,YACA,WAEF,kCACE,gBCjBJ,mBACE,kBACA,UACA,0BACA,gBACA,gBACA,SACA,uBACA,oCACA,mCAEA,sBACE,SACA,UAEF,yBACE,aACA,mBACA,oBAEF,yBACE,kBCrBJ,sBACE,sBACA,YACA,iBACA,8BAEA,6BACE,SAEA,oCACE,kBAGJ,yCACE,aACA,uCAEF,mCACE,WAGF,0CACE,yBAEF,6CACE,aAEA,+DACE,qBAGJ,wCACE,kBACA,QACA,aACA,mBACA,yBACA,WACA,YAEF,wDACE,WAEA,+DACE,qBAIN,2BACE,eAEA,oCACE,wCCpDJ,sBACE,kBACA,MACA,QACA,UACA,UACA,kBACA,iBAEA,6BACE,WACA,cACA,kBACA,4BACA,cACA,QACA,UACA,6BACA,WAEF,mCACE,WAEF,wCACE,qCAEA,+CACE,WC3BN,gCACE,UACA,kBAEF,sCACE,UAEF,+BACE,kBACA,SAEA,oEAEE,mBAGF,kCACE,cAMN,0CAGI,kCACE,aAIF,+BACE,aAEF,qCACE,aAIF,6KAME,cAIF,4BACE,aASA,iDAPA,+BACE,YAEF,+BACE,WAQF,+BACE,UACA,0CAEF,+BACE,YACA,gDACA,kBACA,qEAEA,0CACE,SAEF,sCACE,kBACA,MACA,OACA,uBACA,8DACA,wBACA,cACA,iBACA,0CAEF,8CACE,6EAMN,qCACE,YACA,mBAIA,2FAEE,UAEF,6CACE,YAEF,wCACE,gBACA,WAEF,4CACE,YAEF,oCACE,qBACA,cAGJ,yCACE,yBAGA,yCACE,UACA,8DAEA,wEACE,gCAGJ,yCACE,yBACA,mBACA,UACA,uEAGJ,kFACE,cAEF,wDACE,yBAEF,sEACE,yBAGF,yCACE,iBAKF,mDACE","file":"data-grid.min.css"} \ No newline at end of file diff --git a/scss/_core.scss b/scss/_core.scss index 14ee715..7ce8380 100644 --- a/scss/_core.scss +++ b/scss/_core.scss @@ -85,15 +85,11 @@ data-grid { } } - // Before grid init, or on loading - &[class=""], - &:not([class]), - &.dg-loading { - > table { - &[role=grid] { - tr.dg-head-columns { - display: none; //ensures the empty column header bar is hidden - } + // Hides column header row when it's not populated + > table { + &[role=grid] { + tr.dg-head-columns:is(:empty, :has(:first-child:not([id^=dg-col]))) { + display: none; } } }