{"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 v2.0.13\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;\n  --selected-bgcolor: var(--bs-primary-bg-subtle, #cfe2ff);\r\n  --body-background: var(--bs-table-bg, #fff);\r\n  --striped-background: rgba(0, 0, 0, 0.05);\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([scope=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(--body-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    &:not(:has(th)) {\r\n      tfoot {\r\n        display: none;\r\n      }\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-selectable {\n    font-size: 1em;\r\n    label {\r\n      display: flex;\r\n      align-items: center;\r\n      margin:0;\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    padding: 0;\r\n  }\r\n\r\n  input:not([type=\"checkbox\"],[type=\"radio\"]),\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\n  tbody {\n    // Editable\r\n    td.dg-editable-col {\r\n      padding: 0;\r\n      height: 0; // it needs a height for height 100%\r\n    }\n\n    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    }\n\n    tr:has(.dg-selectable [type=radio]:checked) {\n      background-color: var(--selected-bgcolor);\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: 1.2rem;\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\r\n  // Zebra/striped rows\r\n  tbody tr {\r\n    &:nth-child(even) {\r\n      background-color: var(--striped-background);\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  --selected-bgcolor: var(--bs-primary-bg-subtle, #031633);\r\n  --body-background: #212529;\r\n  --striped-background: #2c3034;\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\r\n","/**\n * Data Grid Web Component v2.0.13\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  --selected-bgcolor: var(--bs-primary-bg-subtle, #cfe2ff);\n  --body-background: var(--bs-table-bg, #fff);\n  --striped-background: rgba(0, 0, 0, 0.05);\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([scope=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(--body-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.dg-loading:not(:has(th)) tfoot {\n  display: 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-selectable {\n  font-size: 1em;\n}\ndata-grid .dg-selectable label {\n  display: flex;\n  align-items: center;\n  margin: 0;\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  padding: 0;\n}\ndata-grid input:not([type=checkbox], [type=radio]),\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 tbody tr:has(.dg-selectable [type=radio]:checked) {\n  background-color: var(--selected-bgcolor);\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: 1.2rem;\n}\ndata-grid.dg-empty.dg-network-error tbody tr:not(.dg-fake-row) {\n  display: none;\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(--striped-background);\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  --selected-bgcolor: var(--bs-primary-bg-subtle, #031633);\n  --body-background: #212529;\n  --striped-background: #2c3034;\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\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.25rem;\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.25rem;\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"]}