ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.14

package/chunks/ids-chunk-C6BQX6H6.js

@@ -0,0 +1,1211 @@
+import{a as Y,b as V}from"./ids-chunk-LVUIKMAB.js";import{a as X}from"./ids-chunk-CBYG3RUV.js";import{a as L}from"./ids-chunk-SRT7C7PU.js";import{a as E}from"./ids-chunk-AGRP3USW.js";import{a as dt}from"./ids-chunk-Z4ABKCW2.js";import{a as rt}from"./ids-chunk-M5U2D2ZU.js";import{a as N,b as C}from"./ids-chunk-ARK6U5LB.js";import{a as Q,d as J}from"./ids-chunk-PCQZFZLI.js";import{a as T,b as k}from"./ids-chunk-KWUI36H2.js";import{f as $}from"./ids-chunk-PAV7LQOO.js";import{a as Z,c as tt,e as it,f as et,g as y}from"./ids-chunk-QG2YEIVS.js";import{a as j}from"./ids-chunk-YR4ETN4E.js";import{a as K}from"./ids-chunk-25YWT4C6.js";import{a as q}from"./ids-chunk-HTNX6JIZ.js";import{a as U}from"./ids-chunk-OIS6KGMU.js";import{g as R,h as I}from"./ids-chunk-ODGLGMPF.js";import{a as z}from"./ids-chunk-AZSONAF7.js";import{a as W}from"./ids-chunk-T6ZV4PDM.js";import{a as B}from"./ids-chunk-B6P5AQ2Z.js";import{c as _}from"./ids-chunk-CK6SA7FU.js";import{a as P,b as H}from"./ids-chunk-XE4WFW5M.js";import{a as F}from"./ids-chunk-7JIYCFAW.js";import{e as n}from"./ids-chunk-TJKIW3GF.js";import{a as d}from"./ids-chunk-HABPILOR.js";import{a as G}from"./ids-chunk-U7OOVFXE.js";var at=`
+/* Ids Data Grid Component - Filter */
+.ids-data-grid ::slotted([slot^=filter-]) {
+  align-items: center;
+  display: flex;
+}
+.ids-data-grid .ids-data-grid-header-cell-content.vertical-align-center {
+  position: relative;
+  top: calc(50% - var(--ids-space-60));
+}
+.ids-data-grid .ids-data-grid-header-cell-filter-wrapper {
+  align-items: center;
+  display: flex;
+  position: relative;
+  padding-inline-start: var(--ids-space-40);
+  padding-inline-end: var(--ids-space-40);
+  padding-block-end: var(--ids-space-40);
+}
+.ids-data-grid .ids-data-grid-header-cell-filter-wrapper.hidden {
+  display: none;
+}
+.ids-data-grid .ids-data-grid-header-cell-filter-wrapper ids-dropdown[compact] ids-list-box-option {
+  font-size: unset;
+  min-height: var(--ids-size-20);
+}
+.ids-data-grid .ids-data-grid-header-cell.is-uppercase .ids-data-grid-header-cell-filter-wrapper ids-list-box-option,
+.ids-data-grid .ids-data-grid-header-cell.is-uppercase .ids-data-grid-header-cell-filter-wrapper ids-dropdown::part(triggerfield-input),
+.ids-data-grid .ids-data-grid-header-cell.is-uppercase .ids-data-grid-header-cell-filter-wrapper ids-input::part(input) {
+  text-transform: uppercase;
+}
+
+/* Ids Data Grid Component - Header */
+.ids-data-grid-header {
+  position: sticky;
+  top: 0;
+  z-index: 4;
+}
+
+.ids-data-grid-header-text .ids-data-grid-checkbox-container {
+  width: 20px;
+}
+.ids-data-grid-header-text .ids-data-grid-checkbox-container .ids-data-grid-checkbox:not(.checked):not(.indeterminate) {
+  background-color: var(--ids-data-grid-header-checkbox-color-background);
+  border-color: var(--ids-data-grid-header-checkbox-color-border);
+}
+
+.ids-data-grid-column-groups {
+  border-block-end: 1px solid var(--ids-data-grid-header-color-border);
+}
+
+.ids-data-grid-header-cell {
+  border-inline-start: 1px solid var(--ids-data-grid-header-color-border);
+  background-color: var(--ids-data-grid-header-color-background-default);
+  min-height: 28px;
+  position: relative;
+}
+.ids-data-grid-header-cell:first-child {
+  border-inline-start-width: 0;
+}
+.ids-data-grid-header-cell:hover {
+  background-color: var(--ids-data-grid-header-hover-background-color);
+}
+.ids-data-grid-header-cell.align-center .ids-data-grid-header-cell-content, .ids-data-grid-header-cell.align-center .ids-data-grid-header-cell-filter-wrapper {
+  justify-content: center;
+}
+.ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-content, .ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-filter-wrapper {
+  justify-content: flex-end;
+}
+.ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-filter-wrapper ids-menu-button {
+  margin-inline-start: 2px;
+}
+.ids-data-grid-header-cell .resizer {
+  cursor: var(--ids-cursor-resize);
+  display: inline;
+  height: 100%;
+  position: absolute;
+  margin-inline-start: calc(100% - 4px);
+  top: 0;
+  width: 6px;
+  z-index: 2;
+}
+.ids-data-grid-header-cell .reorderer {
+  cursor: var(--ids-cursor-move);
+  display: inline;
+  height: 34px;
+  opacity: 0;
+  position: absolute;
+  inset-inline-start: var(--ids-space-40);
+  top: 0;
+  width: 4px;
+}
+.ids-data-grid-header-cell .reorderer ids-icon {
+  position: absolute;
+  color: var(--ids-data-grid-header-color-icon);
+  inset-inline-start: calc(-1 * var(--ids-space-40));
+  text-align: center;
+  top: calc(50% - 9px);
+}
+.ids-data-grid-header-cell.align-right .reorderer {
+  inset-inline-end: 8px;
+  inset-inline-start: initial;
+}
+.ids-data-grid-header-cell:last-child .resizer {
+  margin-inline-start: calc(100% - 6px);
+}
+.ids-data-grid-header-cell.dragging {
+  background-color: var(--ids-data-grid-header-drag-background-color) !important;
+  border-inline-start: 0;
+  display: block;
+  left: -1000px;
+  position: absolute;
+  top: 0;
+  width: 110px;
+}
+.ids-data-grid-header-cell.active-drag-column {
+  background-color: var(--ids-data-grid-header-color-background-placeholder-dragging);
+}
+.ids-data-grid-header-cell.active-drag-column .sort-indicator {
+  opacity: 0;
+}
+.ids-data-grid-header-cell:hover .reorderer {
+  opacity: 1;
+}
+.ids-data-grid-header-cell.frozen {
+  background-color: var(--ids-data-grid-header-color-background-default);
+  position: sticky;
+  z-index: 3;
+}
+.ids-data-grid-header-cell.frozen-last {
+  border-inline-end: 1px solid var(--ids-data-grid-header-color-border);
+}
+.ids-data-grid-header-cell.frozen-last + .ids-data-grid-header-cell {
+  border-inline-start-width: 0;
+}
+.ids-data-grid-header-cell.frozen-left {
+  position: sticky;
+  left: 0;
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(2) {
+  left: var(--ids-data-grid-frozen-column-left-width-2);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(3) {
+  left: var(--ids-data-grid-frozen-column-left-width-3);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(4) {
+  left: var(--ids-data-grid-frozen-column-left-width-4);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(5) {
+  left: var(--ids-data-grid-frozen-column-left-width-5);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(6) {
+  left: var(--ids-data-grid-frozen-column-left-width-6);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(7) {
+  left: var(--ids-data-grid-frozen-column-left-width-7);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(8) {
+  left: var(--ids-data-grid-frozen-column-left-width-8);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(9) {
+  left: var(--ids-data-grid-frozen-column-left-width-9);
+}
+.ids-data-grid-header-cell.frozen-left:nth-of-type(10) {
+  left: var(--ids-data-grid-frozen-column-left-width-10);
+}
+.ids-data-grid-header-cell.frozen-right {
+  position: sticky;
+  right: 0;
+}
+.ids-data-grid-header-cell.frozen-right .ids-data-grid-header-cell-content {
+  display: inline-flex;
+}
+
+.ids-data-grid-header-cell-content {
+  display: flex;
+}
+
+.ids-data-grid-header-text {
+  display: block;
+  padding: var(--ids-data-grid-header-lg-padding);
+  font-weight: var(--ids-font-weight-semibold);
+  font-size: var(--ids-data-grid-font-size-sm);
+  color: var(--ids-data-grid-header-color-text);
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.ids-data-grid-header-icon {
+  align-self: center;
+  color: var(--ids-data-grid-header-color-text);
+  margin-inline-start: var(--ids-space-30);
+  margin-block-start: var(--ids-space-30);
+}
+
+.sort-indicator {
+  position: relative;
+  overflow: hidden;
+  height: 32px;
+  margin-inline-start: 5px;
+  width: 18px;
+}
+
+.is-sortable .sort-indicator ids-icon {
+  color: var(--ids-data-grid-header-color-icon-unsorted);
+  opacity: 0;
+  transition: opacity 0.3s var(--ids-motion-ease) 0s;
+}
+.is-sortable .sort-indicator ids-icon:first-child {
+  position: relative;
+  top: 4px;
+  transform: rotate(180deg);
+}
+.is-sortable .sort-indicator ids-icon:last-child {
+  position: relative;
+  top: -9px;
+}
+.is-sortable:hover {
+  cursor: pointer;
+}
+.is-sortable:hover .sort-indicator ids-icon {
+  opacity: 1;
+}
+
+.header-expander {
+  display: none;
+  max-height: 18px;
+  cursor: var(--ids-cursor-pointer);
+  color: var(--ids-data-grid-header-expander-color);
+  margin-inline-start: var(--ids-space-50);
+}
+.header-expander:hover {
+  color: var(--ids-data-grid-header-expander-active-color);
+}
+
+:host([show-header-expander]) .header-expander,
+.column-header-expander .header-expander {
+  display: unset;
+}
+
+.has-selectioncheckbox .ids-data-grid-header-text {
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+}
+
+.is-sortable .ids-data-grid-header-text,
+.has-headericon .ids-data-grid-header-text {
+  padding-inline-end: 0;
+}
+
+[aria-sort=ascending] .is-sortable .sort-indicator ids-icon:first-child {
+  color: var(--ids-data-grid-header-color-icon-sorted);
+  opacity: 1;
+}
+[aria-sort=ascending] .is-sortable .sort-indicator ids-icon:last-child {
+  opacity: 1;
+}
+
+[aria-sort=descending] .is-sortable .sort-indicator ids-icon:first-child {
+  opacity: 1;
+}
+[aria-sort=descending] .is-sortable .sort-indicator ids-icon:last-child {
+  color: var(--ids-data-grid-header-color-icon-sorted);
+  opacity: 1;
+}
+
+.ids-data-grid-sort-arrows {
+  display: none;
+  height: 34px;
+  position: absolute;
+  z-index: 1;
+}
+.ids-data-grid-sort-arrows::before, .ids-data-grid-sort-arrows::after {
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  content: "";
+  display: inline-block;
+  height: 0;
+  left: -5px;
+  position: absolute;
+  width: 0;
+}
+.ids-data-grid-sort-arrows::before {
+  border-top: 5px solid var(--ids-data-grid-header-color-background-default);
+  top: -6px;
+}
+.ids-data-grid-sort-arrows::after {
+  border-bottom: 5px solid var(--ids-data-grid-header-color-background-default);
+  bottom: -9px;
+}
+
+tr.ids-data-grid-header {
+  position: initial;
+}
+
+th.ids-data-grid-header-cell {
+  display: table-cell;
+}
+
+.ids-data-grid.is-list-style .ids-data-grid-header-cell {
+  background-color: var(--ids-data-grid-list-header-color-background);
+  border-color: var(--ids-data-grid-list-header-color-border);
+}
+.ids-data-grid.is-list-style .ids-data-grid-header-text {
+  color: var(--ids-data-grid-list-header-color-text);
+}
+.ids-data-grid.is-list-style .is-sortable ids-icon {
+  color: var(--ids-data-grid-header-color-icon-unsorted);
+}
+.ids-data-grid.is-list-style [aria-sort=descending] .is-sortable ids-icon:last-child,
+.ids-data-grid.is-list-style [aria-sort=ascending] .is-sortable ids-icon:first-child {
+  color: var(--ids-data-grid-list-header-color-icon-unsorted);
+}
+.ids-data-grid.is-list-style .ids-data-grid-header-text .ids-data-grid-checkbox-container .ids-data-grid-checkbox:not(.checked):not(.indeterminate) {
+  border-color: var(--ids-data-grid-list-header-checkbox-color-background);
+}
+
+.ids-data-grid-body {
+  min-width: fit-content;
+}
+
+.ids-data-grid[data-row-height=md] .ids-data-grid-header-text {
+  padding: var(--ids-data-grid-header-md-padding);
+}
+.ids-data-grid[data-row-height=md] .reorderer ids-icon {
+  inset-inline-start: -11px;
+}
+.ids-data-grid[data-row-height=md] .sort-indicator {
+  margin-inline-start: -6px;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-header-text {
+  padding: var(--ids-data-grid-header-sm-padding);
+}
+.ids-data-grid[data-row-height=sm] .reorderer {
+  display: none;
+}
+.ids-data-grid[data-row-height=sm] .sort-indicator {
+  margin-inline-start: -2px;
+}
+.ids-data-grid[data-row-height=sm] .align-right .sort-indicator {
+  margin-inline-start: -4px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-header-text {
+  padding: var(--ids-data-grid-header-xs-padding);
+}
+.ids-data-grid[data-row-height=xs] .reorderer {
+  display: none;
+}
+.ids-data-grid[data-row-height=xs] .sort-indicator {
+  margin-inline-start: -2px;
+  margin-block-start: -2px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-checkbox-container {
+  padding-top: 2px;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-header-text {
+  padding: var(--ids-data-grid-header-xxs-padding);
+}
+.ids-data-grid[data-row-height=xxs] .reorderer {
+  display: none;
+}
+.ids-data-grid[data-row-height=xxs] .sort-indicator {
+  margin-inline-start: 0;
+  margin-block-start: -5px;
+  height: 22px;
+}
+.ids-data-grid[data-row-height=xxs] .sort-indicator > ids-icon:first-child {
+  top: 3px;
+}
+.ids-data-grid[data-row-height=xxs] .align-right .sort-indicator {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-checkbox-container {
+  padding-top: 1px;
+}
+.ids-data-grid[data-row-height=xxs] ids-input {
+  --ids-input-height-10: 24px;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-header-cell-filter-wrapper {
+  padding-inline-start: calc(var(--ids-data-grid-padding-xxs) + 1px);
+  padding-inline-end: calc(var(--ids-data-grid-padding-xxs) + 1px);
+  padding-block-end: calc(var(--ids-data-grid-padding-xxs) + 2px);
+}
+
+:host([dir=rtl]) .ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-content, :host([dir=rtl]) .ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-filter-wrapper {
+  direction: ltr;
+}
+:host([dir=rtl]) .ids-data-grid-header-cell:last-child {
+  border-inline-end-width: 0;
+}
+
+/* Ids Data Grid Component - Rows */
+.ids-data-grid-row {
+  display: grid;
+  grid-template-columns: var(--ids-data-grid-column-widths);
+  width: 100%;
+}
+.ids-data-grid-row.selected:not(.mixed) .ids-data-grid-cell, .ids-data-grid-row.activated .ids-data-grid-cell {
+  background-color: var(--ids-data-grid-row-color-background-selected);
+}
+.ids-data-grid-row[hidden] {
+  display: none;
+}
+
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell {
+  height: var(--ids-data-grid-row-height-md);
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell .text-ellipsis,
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell ids-badge {
+  padding-inline-start: var(--ids-data-grid-padding-md);
+  padding-inline-end: var(--ids-data-grid-padding-md);
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell ids-hyperlink {
+  margin: var(--ids-data-grid-padding-md);
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell-content:not(.vertical-align-center) .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-md);
+  transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell:hover .ids-data-grid-header-cell-content:not(.vertical-align-center).is-reorderable .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-md);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell {
+  height: var(--ids-data-grid-row-height-sm);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell .text-ellipsis,
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell ids-badge {
+  padding-inline-start: var(--ids-data-grid-padding-sm);
+  padding-inline-end: var(--ids-data-grid-padding-sm);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell ids-hyperlink {
+  margin: var(--ids-data-grid-padding-sm);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell-content:not(.vertical-align-center) .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-sm);
+  transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell:hover .ids-data-grid-header-cell-content:not(.vertical-align-center).is-reorderable .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-sm);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell {
+  height: var(--ids-data-grid-row-height-xs);
+  font-size: var(--ids-data-grid-font-size-sm);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell .text-ellipsis,
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell ids-badge {
+  padding-inline-start: var(--ids-data-grid-padding-xs);
+  padding-inline-end: var(--ids-data-grid-padding-xs);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell ids-hyperlink {
+  margin: var(--ids-data-grid-padding-xs);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell-content:not(.vertical-align-center) .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-xs);
+  transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell:hover .ids-data-grid-header-cell-content:not(.vertical-align-center).is-reorderable .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-xs);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell {
+  height: var(--ids-data-grid-row-height-xxs);
+  font-size: var(--ids-data-grid-font-size-sm);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell .text-ellipsis,
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell ids-badge {
+  padding-inline-start: var(--ids-data-grid-padding-xxs);
+  padding-inline-end: var(--ids-data-grid-padding-xxs);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell ids-hyperlink {
+  margin: var(--ids-data-grid-padding-xxs);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell-content:not(.vertical-align-center) .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-xxs);
+  transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell:not(.align-center) .ids-data-grid-header-cell:hover .ids-data-grid-header-cell-content:not(.vertical-align-center).is-reorderable .ids-data-grid-header-text {
+  padding-inline-start: var(--ids-data-grid-padding-xxs);
+}
+
+.ids-data-grid.alt-row-shading ids-data-grid-row:nth-child(even) {
+  background-color: var(--ids-data-grid-row-alternating-color-background);
+}
+
+.ids-data-grid-expandable-row {
+  border-bottom: 1px solid var(--ids-data-grid-cell-color-border);
+  grid-column: 1/-1;
+  padding: 8px;
+}
+
+tr.ids-data-grid-row {
+  display: table-row;
+  height: var(--ids-data-grid-row-height-lg);
+}
+
+.ids-data-grid.row-navigation .ids-data-grid-row:focus-within {
+  box-shadow: var(--ids-data-grid-row-shadow-focus);
+}
+.ids-data-grid.row-navigation .ids-data-grid-row .ids-data-grid-cell:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+/* Ids Data Grid Component - Cells */
+.ids-data-grid-cell {
+  align-items: center;
+  border-inline-start: 1px solid;
+  border-block-end: 1px solid;
+  border-color: var(--ids-data-grid-cell-color-border);
+  display: inline-flex;
+  color: var(--ids-data-grid-cell-color-text-default);
+  height: 50px;
+  overflow: hidden;
+  position: relative;
+  white-space: nowrap;
+}
+.ids-data-grid-cell:first-child {
+  border-inline-start-width: 0;
+}
+.ids-data-grid-cell ids-badge::part(badge) {
+  margin-block-end: var(--ids-space-none);
+  margin-inline-end: var(--ids-space-none);
+}
+.ids-data-grid-cell ids-badge {
+  padding-inline-start: var(--ids-space-60);
+  padding-inline-end: var(--ids-space-60);
+}
+.ids-data-grid-cell ids-hyperlink {
+  margin: var(--ids-space-60);
+}
+.ids-data-grid-cell .text-ellipsis {
+  display: inline-block;
+  vertical-align: middle;
+  padding-inline-start: var(--ids-space-60);
+  padding-inline-end: var(--ids-space-60);
+  height: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ids-data-grid-cell ids-icon {
+  vertical-align: middle;
+}
+.ids-data-grid-cell ids-icon + span {
+  vertical-align: middle;
+  line-height: 25px;
+  padding-inline: 4px;
+}
+.ids-data-grid-cell.align-center > *:first-child {
+  display: inline-flex;
+  margin: 0 auto;
+}
+.ids-data-grid-cell.align-right > *:first-child {
+  margin-inline-start: auto;
+  margin-inline-end: 0;
+}
+.ids-data-grid-cell.is-readonly {
+  background-color: var(--ids-data-grid-cell-color-background-readonly);
+}
+.ids-data-grid-cell.is-disabled {
+  color: var(--ids-data-grid-cell-color-text-disabled);
+}
+.ids-data-grid-cell.is-disabled .editor-cell-icon {
+  display: none;
+}
+.ids-data-grid-cell.is-uppercase {
+  text-transform: uppercase;
+}
+.ids-data-grid-cell:focus, .ids-data-grid-cell.is-editing:not(.is-inline):focus-within {
+  box-shadow: var(--ids-shadow-20);
+  outline: 1px solid var(--ids-color-border-focus);
+  outline-offset: -1px;
+}
+.ids-data-grid-cell.is-editable.is-inline {
+  box-shadow: inset 0 0 0 4px var(--ids-data-grid-cell-color-background-default), inset 0 0 0 5px var(--ids-input-color-border-default);
+}
+.ids-data-grid-cell.is-editable.is-inline ids-icon.editor-cell-icon {
+  --ids-trigger-field-button-margin: 0;
+  display: inline-flex;
+  visibility: visible;
+  margin-inline-end: 15px;
+}
+.ids-data-grid-cell.is-editable.is-timepicker, .ids-data-grid-cell.is-editable.is-datepicker {
+  justify-content: space-between;
+}
+.ids-data-grid-cell.is-editable.is-timepicker .text-ellipsis, .ids-data-grid-cell.is-editable.is-datepicker .text-ellipsis {
+  padding-inline-end: 0;
+}
+.ids-data-grid-cell.is-editable .editor-cell-icon {
+  margin-inline-end: 10px;
+  display: none;
+}
+.ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):focus .editor-cell-icon, .ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):hover .editor-cell-icon {
+  display: flex;
+}
+.ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):focus ids-alert, .ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):hover ids-alert {
+  margin-inline: calc(100% - 48px);
+}
+.ids-data-grid-cell.is-editable.is-editable.is-invalid {
+  justify-content: space-between;
+}
+.ids-data-grid-cell.is-editable.is-editable.is-invalid ids-alert {
+  margin-inline-end: var(--ids-space-40);
+}
+.ids-data-grid-cell.is-editing ids-checkbox {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  position: relative;
+  left: 6px;
+  top: 4px;
+}
+.ids-data-grid-cell.is-editing.is-dropdown, .ids-data-grid-cell.is-editing.is-timepicker, .ids-data-grid-cell.is-editing.is-datepicker {
+  overflow: visible;
+}
+.ids-data-grid-cell.is-editable.is-dropdown .dropdown-cell-value {
+  width: 100%;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-dirty::before {
+  margin-inline: 3px;
+}
+.ids-data-grid-cell.is-editing.is-dropdown:not(.is-inline) {
+  border-left-width: 0;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-inline {
+  box-shadow: none;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-inline ids-dropdown {
+  padding: 0 4px;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-inline.is-dirty::before {
+  margin-inline: 6px;
+}
+.ids-data-grid-cell.is-editing.is-uppercase {
+  text-transform: uppercase;
+}
+.ids-data-grid-cell.is-editing.is-uppercase ids-list-box-option,
+.ids-data-grid-cell.is-editing.is-uppercase ids-dropdown::part(triggerfield-input),
+.ids-data-grid-cell.is-editing.is-uppercase ids-input::part(input) {
+  text-transform: uppercase;
+}
+.ids-data-grid-cell.frozen {
+  background-color: var(--ids-data-grid-cell-color-background-default);
+  position: sticky;
+  z-index: 3;
+}
+.ids-data-grid-cell.frozen-last {
+  border-inline-end: 1px solid var(--ids-data-grid-cell-color-border);
+}
+.ids-data-grid-cell.frozen-last + .ids-data-grid-cell {
+  border-inline-start-width: 0;
+}
+.ids-data-grid-cell.frozen-left {
+  position: sticky;
+  left: 0;
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(2) {
+  left: var(--ids-data-grid-frozen-column-left-width-2);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(3) {
+  left: var(--ids-data-grid-frozen-column-left-width-3);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(4) {
+  left: var(--ids-data-grid-frozen-column-left-width-4);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(5) {
+  left: var(--ids-data-grid-frozen-column-left-width-5);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(6) {
+  left: var(--ids-data-grid-frozen-column-left-width-6);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(7) {
+  left: var(--ids-data-grid-frozen-column-left-width-7);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(8) {
+  left: var(--ids-data-grid-frozen-column-left-width-8);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(9) {
+  left: var(--ids-data-grid-frozen-column-left-width-9);
+}
+.ids-data-grid-cell.frozen-left:nth-of-type(10) {
+  left: var(--ids-data-grid-frozen-column-left-width-10);
+}
+.ids-data-grid-cell.frozen-right {
+  position: sticky;
+  right: 0;
+}
+.ids-data-grid-cell.is-dirty::before {
+  border-color: var(--ids-input-dirty-indicator-color-background-dirty) transparent transparent var(--ids-input-dirty-indicator-color-background-dirty);
+  border-style: solid;
+  border-width: 5px;
+  content: "";
+  display: inline-block;
+  margin-inline: 2px;
+  position: absolute;
+  top: 2px;
+  z-index: 1;
+}
+.ids-data-grid-cell.is-dirty.is-inline::before {
+  margin-inline: 6px;
+  top: 6px;
+}
+.ids-data-grid-cell.is-invalid {
+  background-color: var(--ids-data-grid-cell-color-background-error);
+}
+.ids-data-grid-cell ids-alert {
+  margin-top: 3px;
+}
+
+[data-row-height=xxs] .ids-data-grid-cell.is-dirty::before {
+  border-width: 4px;
+}
+[data-row-height=xxs] .ids-data-grid-cell.is-dirty.is-inline::before {
+  margin-inline: 3px;
+  top: 3px;
+}
+[data-row-height=xxs] .is-editable.is-inline {
+  box-shadow: inset 0 0 0 2px var(--ids-input-color-background-default), inset 0 0 0 3px var(--ids-input-color-border-default);
+}
+[data-row-height=xxs] ids-button {
+  --ids-button-icon-padding: 2px;
+}
+[data-row-height=xxs] ids-badge {
+  --ids-badge-font-line-height: calc(var(--ids-data-grid-row-height-xxs) - 8px);
+}
+[data-row-height=xxs] ids-input,
+[data-row-height=xxs] ids-trigger-field {
+  --ids-space-20: 0;
+  --ids-input-font-size-sm: var(--ids-data-grid-font-size-sm);
+}
+[data-row-height=xxs] .ids-data-grid-cell.is-editable .editor-cell-icon {
+  margin-inline-end: 2px;
+}
+[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline ids-icon.editor-cell-icon {
+  margin-inline-end: 4px;
+}
+[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline {
+  --ids-trigger-field-button-margin: -2px;
+  --ids-button-tertiary-color-background-hover: transparent;
+}
+[data-row-height=xxs] .ids-data-grid-cell.is-editing.is-dropdown.is-inline ids-dropdown {
+  padding: 0 1px;
+  --ids-input-font-size-sm: var(--ids-data-grid-font-size-sm);
+}
+
+[data-row-height=xs] .ids-data-grid-cell.is-dirty::before {
+  border-width: 4px;
+}
+[data-row-height=xs] .ids-data-grid-cell.is-dirty.is-inline::before {
+  margin-inline: 3px;
+  top: 3px;
+}
+[data-row-height=xs] .is-editable.is-inline {
+  box-shadow: inset 0 0 0 2px var(--ids-input-color-background-default), inset 0 0 0 3px var(--ids-input-color-border-default);
+}
+[data-row-height=xs] ids-button {
+  --ids-button-icon-padding: 3px;
+}
+[data-row-height=xs] ids-badge {
+  --ids-badge-font-line-height: calc(var(--ids-data-grid-row-height-xs) - 12px);
+}
+[data-row-height=xs] ids-input {
+  --ids-input-font-size-sm: var(--ids-data-grid-font-size-sm);
+}
+[data-row-height=xs] .ids-data-grid-cell.is-editable .editor-cell-icon {
+  margin-inline-end: 2px;
+}
+[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline ids-icon.editor-cell-icon {
+  margin-inline-end: 4px;
+}
+[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline {
+  --ids-trigger-field-button-margin: -2px;
+  --ids-button-tertiary-color-background-hover: transparent;
+  --ids-input-font-size-sm: var(--ids-data-grid-font-size-sm);
+}
+[data-row-height=xs] .ids-data-grid-cell.is-editing.is-dropdown.is-inline ids-dropdown {
+  padding: 0 2px;
+}
+
+[data-row-height=sm] .is-editable.is-inline {
+  box-shadow: inset 0 0 0 3px var(--ids-input-color-background-default), inset 0 0 0 4px var(--ids-input-color-border-default);
+}
+[data-row-height=sm] .ids-data-grid-cell.is-dirty.is-inline::before {
+  margin-inline: 5px;
+  top: 5px;
+}
+[data-row-height=sm] ids-button {
+  --ids-button-icon-padding: 4px;
+}
+[data-row-height=sm] .ids-data-grid-cell.is-editable .editor-cell-icon {
+  margin-inline-end: 6px;
+}
+[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline ids-icon.editor-cell-icon {
+  margin-inline-end: 6px;
+}
+[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline {
+  --ids-trigger-field-button-margin: -1px;
+  --ids-button-tertiary-color-background-hover: transparent;
+}
+
+[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline ids-icon.editor-cell-icon {
+  margin-inline-end: var(--ids-data-grid-padding-sm);
+}
+[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline {
+  --ids-trigger-field-button-margin: -3px;
+  --ids-button-tertiary-color-background-hover: transparent;
+}
+
+.ids-data-grid.is-list-style .ids-data-grid-cell {
+  border-inline-start-width: 0;
+  border-bottom: 1px solid var(--ids-data-grid-list-cell-color-border);
+}
+.ids-data-grid.is-list-style .ids-data-grid-cell.is-readonly {
+  background-color: var(--ids-data-grid-cell-color-background-readonly);
+}
+.ids-data-grid.is-list-style .ids-data-grid-cell.is-disabled {
+  color: var(--ids-data-grid-cell-color-text-disabled);
+}
+.ids-data-grid.is-list-style .ids-data-grid-body .ids-data-grid-row:first-child .ids-data-grid-cell {
+  border-top: 0;
+}
+
+td.ids-data-grid-cell {
+  display: table-cell;
+  padding-inline-start: var(--ids-space-60);
+  padding-inline-end: var(--ids-space-60);
+}
+
+:host([dir=rtl]) .ids-data-grid.is-list-style .ids-data-grid-cell {
+  border-inline-end-width: 0;
+}
+:host([dir=rtl]) .ids-data-grid-cell:last-child {
+  border-inline-end-width: 0;
+}
+:host([dir=rtl]) .ids-data-grid-cell.is-dirty::before {
+  border-color: var(--ids-input-dirty-indicator-color-background-dirty) var(--ids-input-dirty-indicator-color-background-dirty) transparent transparent;
+}
+
+.hide {
+  display: none;
+}
+
+@media all and (max-width: 1440px) {
+  .hide-xxl-down {
+    display: none;
+  }
+}
+@media all and (min-width: 1440px) {
+  .hide-xxl-up {
+    display: none;
+  }
+}
+@media all and (max-width: 1280px) {
+  .hide-xl-down {
+    display: none;
+  }
+}
+@media all and (min-width: 1280px) {
+  .hide-xl-up {
+    display: none;
+  }
+}
+@media all and (max-width: 1024px) {
+  .hide-lg-down {
+    display: none;
+  }
+}
+@media all and (min-width: 1024px) {
+  .hide-lg-up {
+    display: none;
+  }
+}
+@media all and (max-width: 840px) {
+  .hide-md-down {
+    display: none;
+  }
+}
+@media all and (min-width: 840px) {
+  .hide-md-up {
+    display: none;
+  }
+}
+@media all and (max-width: 600px) {
+  .hide-sm-down {
+    display: none;
+  }
+}
+@media all and (min-width: 600px) {
+  .hide-sm-up {
+    display: none;
+  }
+}
+@media all and (max-width: 360px) {
+  .hide-xs-down {
+    display: none;
+  }
+}
+@media all and (min-width: 360px) {
+  .hide-xs-up {
+    display: none;
+  }
+}
+@media all and (max-width: 600px) {
+  :host(.hide-sm-down) {
+    display: none;
+  }
+}
+
+.ids-popup-menu:not([hidden]) {
+  display: block;
+  z-index: var(--ids-z-index-60);
+}
+
+/**
+ * Checkbox Mixins.
+ */
+@keyframes check {
+  0% {
+    height: 0;
+    left: 0;
+    top: 8px;
+    width: 0;
+  }
+  50% {
+    height: 0;
+    left: 0;
+    top: 8px;
+    width: 4px;
+  }
+  100% {
+    height: 10px;
+    left: 4px;
+    top: 0;
+    width: 4px;
+  }
+}
+@keyframes checkindeterminate {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 10px;
+  }
+}
+/**
+ * Radio Mixins.
+ */
+:host {
+  --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr));
+}
+
+.ids-data-grid {
+  background-color: var(--ids-data-grid-color-background);
+  border: 1px solid var(--ids-data-grid-cell-color-border);
+  border-radius: var(--ids-border-radius-01);
+  border-collapse: collapse;
+  box-sizing: border-box;
+  contain: content;
+  overflow: auto;
+  width: 100%;
+  display: inline-grid;
+  align-content: flex-start;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-font-size-40);
+}
+.ids-data-grid .ids-data-grid-checkbox-container {
+  cursor: var(--ids-cursor-pointer);
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.ids-data-grid .ids-data-grid-checkbox {
+  position: absolute;
+  border: var(--ids-checkbox-border);
+  border-radius: var(--ids-checkbox-border-radius);
+  height: 14px;
+  width: 14px;
+  left: 0;
+  top: 2px;
+  border-color: var(--ids-data-grid-cell-checkbox-color-border);
+  position: relative;
+  left: 0;
+  top: 0;
+}
+.ids-data-grid .ids-data-grid-checkbox.editable {
+  cursor: var(--ids-cursor-pointer);
+}
+.ids-data-grid .ids-data-grid-checkbox.disabled {
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
+  cursor: var(--ids-cursor-default);
+}
+.ids-data-grid .ids-data-grid-checkbox.checked {
+  background-color: var(--ids-checkbox-color-background-selected);
+  border-color: var(--ids-checkbox-color-border-selected);
+}
+.ids-data-grid .ids-data-grid-checkbox.checked::after {
+  position: absolute;
+  display: block;
+  border: var(--ids-font-size-20) solid var(--ids-checkbox-color-border-selected-after);
+  border-width: var(--ids-checkbox-border-width-selected-after);
+  animation: check 0.15s;
+  transform: rotate(45deg);
+  content: "";
+  height: 10px;
+  left: 4px;
+  top: 0;
+  width: 4px;
+  animation: none;
+}
+.ids-data-grid .ids-data-grid-checkbox.checked.disabled {
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
+}
+.ids-data-grid .ids-data-grid-checkbox.indeterminate {
+  background-color: var(--ids-checkbox-color-background-indeterminate);
+  border-color: var(--ids-checkbox-color-border-indeterminate);
+}
+.ids-data-grid .ids-data-grid-checkbox.indeterminate::after {
+  position: absolute;
+  animation: checkindeterminate 0.15s;
+  display: block;
+  border: 1px solid var(--ids-checkbox-color-border-indeterminate-after);
+  border-width: var(--ids-checkbox-border-width-indeterminate);
+  content: "";
+  height: 6px;
+  left: 2px;
+  top: 0;
+  transform: none;
+  width: 10px;
+  animation: none;
+}
+.ids-data-grid .ids-data-grid-radio-container {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.ids-data-grid .ids-data-grid-radio {
+  position: absolute;
+  border: 1px solid var(--ids-radio-button-color-border-default);
+  border-radius: var(--ids-radio-button-border-radius);
+  height: 14px;
+  left: 0;
+  top: 3px;
+  transition: border-color var(--ids-motion-duration) var(--ids-motion-ease);
+  width: 14px;
+  cursor: var(--ids-cursor-pointer);
+  position: relative;
+  left: 0;
+  top: 0;
+}
+.ids-data-grid .ids-data-grid-radio::after {
+  position: absolute;
+  background-color: var(--ids-radio-button-color-background);
+  border: 1px solid var(--ids-radio-button-color-background);
+  border-radius: var(--ids-radio-button-border-radius);
+  content: "";
+  height: 0;
+  left: 6px;
+  top: 6px;
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
+  width: 0;
+}
+.ids-data-grid .ids-data-grid-radio.disabled {
+  border-color: var(--ids-radio-button-color-border-disabled);
+  cursor: var(--ids-cursor-default);
+  box-shadow: none;
+}
+.ids-data-grid .ids-data-grid-radio.checked {
+  background-color: var(--ids-radio-button-color-background-selected);
+  border-color: var(--ids-radio-button-color-border-selected);
+}
+.ids-data-grid .ids-data-grid-radio.checked::after {
+  background-color: var(--ids-radio-button-inner-color-background-selected);
+  border-color: var(--ids-radio-button-inner-color-background-selected);
+  border-width: 2px;
+  height: 4px;
+  left: 3px;
+  top: 3px;
+  width: 4px;
+}
+.ids-data-grid .ids-data-grid-radio.checked.disabled {
+  background-color: var(--ids-radio-button-color-background-selected-disabled);
+  border-color: var(--ids-radio-button-color-border-selected-disabled);
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline: 4px;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  overflow: initial;
+  padding-inline-start: 40px;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis ids-hyperlink {
+  margin-inline-start: 0;
+}
+.ids-data-grid [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 64px;
+}
+.ids-data-grid [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 55px;
+}
+.ids-data-grid [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 91px;
+}
+.ids-data-grid [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 82px;
+}
+.ids-data-grid [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 118px;
+}
+.ids-data-grid [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 109px;
+}
+.ids-data-grid [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 145px;
+}
+.ids-data-grid [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 136px;
+}
+.ids-data-grid [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 172px;
+}
+.ids-data-grid [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 163px;
+}
+.ids-data-grid [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 199px;
+}
+.ids-data-grid [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 190px;
+}
+.ids-data-grid [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  padding-inline-start: 226px;
+}
+.ids-data-grid [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 217px;
+}
+.ids-data-grid [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid.is-list-style {
+  border-width: 0;
+}
+
+.ids-data-grid-body {
+  min-width: fit-content;
+}
+
+table.ids-data-grid {
+  display: table;
+  outline: 1px solid var(--ids-data-grid-cell-color-border);
+  outline-offset: -1px;
+}
+
+.ids-data-grid-wrapper.has-empty-message {
+  position: relative;
+  display: grid;
+}
+.ids-data-grid-wrapper.has-empty-message ids-empty-message:not([hidden]),
+.ids-data-grid-wrapper.has-empty-message ::slotted(ids-empty-message:not([hidden])) {
+  position: absolute;
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  top: 80px;
+  bottom: 20px;
+}
+.ids-data-grid-wrapper.has-empty-message .ids-data-grid {
+  min-height: var(--ids-data-grid-height-min);
+}`;var ot=q(dt(rt(W(z(B(F)))))),S=class extends ot{initialized=!1;isResizing=!1;activeCell={};autoFitSet=!1;currentColumns;sortColumn;emptyMessageElements;cacheHash=Math.random().toString(32).substring(2,10);contextmenuTypes={...Q};constructor(){super(),this.initialized=!1,this.state={menuData:null}}get header(){return this.container?.querySelector("ids-data-grid-header:not(.column-groups)")}get body(){return this.container?.querySelector(".ids-data-grid-body")}get rows(){return this.container?[...this.container.querySelectorAll(".ids-data-grid-body ids-data-grid-row")]:[]}get wrapper(){return this.container?.parentNode}connectedCallback(){this.initialized&&this.restoreAllSettings?.(),super.connectedCallback(),this.redrawBody(),C.apply(this),this.#g()}datasource=new U;filters=new j(this);formatters=new X;editors=$;static get attributes(){return[...super.attributes,d.ADD_NEW_AT_END,d.ALTERNATE_ROW_SHADING,d.AUTO_FIT,d.DISABLE_CLIENT_FILTER,d.EMPTY_MESSAGE_DESCRIPTION,d.EMPTY_MESSAGE_ICON,d.EMPTY_MESSAGE_LABEL,d.EDITABLE,d.EDIT_NEXT_ON_ENTER_PRESS,d.EXPANDABLE_ROW,d.EXPANDABLE_ROW_TEMPLATE,d.FILTER_ROW_DISABLED,d.FILTER_WHEN_TYPING,d.FILTERABLE,d.GROUP_SELECTS_CHILDREN,d.ID_COLUMN,d.HEADER_MENU_ID,d.LABEL,d.LIST_STYLE,d.MENU_ID,d.ROW_HEIGHT,d.ROW_NAVIGATION,d.ROW_SELECTION,d.ROW_START,d.SHOW_HEADER_EXPANDER,d.SUPPRESS_CACHING,d.SUPPRESS_EMPTY_MESSAGE,d.SUPPRESS_ROW_CLICK_SELECTION,d.SUPPRESS_ROW_DEACTIVATION,d.SUPPRESS_ROW_DESELECTION,d.TREE_GRID,d.VIRTUAL_SCROLL,d.UNIQUE_ID]}vetoableEventTypes=["beforemenushow","beforetooltipshow"];template(){if(this?.data.length===0&&this?.columns.length===0)return"";let t=`${this.alternateRowShading?" alt-row-shading":""}`;t+=`${this.listStyle?" is-list-style":""}`;let i=Z.apply(this);return`<div class="ids-data-grid-wrapper">
+        <span class="ids-data-grid-sort-arrows"></span>
+        <div class="ids-data-grid${t}" role="table" part="table" aria-label="${this.label}" data-row-height="${this.rowHeight}">
+          ${L.template(this)}
+          ${this.bodyTemplate()}
+        </div>
+        ${i}
+        <slot name="menu-container"></slot>
+        <slot name="contextmenu"></slot>
+        <slot name="header-contextmenu"></slot>
+        <slot name="tooltip">
+          <ids-tooltip id="tooltip" exportparts="tooltip-popup, tooltip-arrow"></ids-tooltip>
+        </slot>
+      </div>`}collapseAll(){this.toggleAll(!0)}expandAll(){this.toggleAll(!1)}toggleAll(t=!1){let i=[];t=String(n(t)),this.container?.querySelectorAll(".header-expander")?.forEach(r=>{r&&(r.icon=`plusminus-folder-${t==="true"?"closed":"open"}`)}),this.rows.filter(r=>r?.getAttribute("aria-expanded")===t).forEach(r=>{let a=Number(r.getAttribute("data-index"));i.push({row:a,data:this.data[a]}),r?.toggleExpandCollapse?.(!0)}),this.triggerEvent(`row${t==="true"?"collapsed":"expanded"}`,this,{bubbles:!0,detail:{elem:this,rows:i}})}toggleEmptyMessage(t){et.apply(this,[t])}applyFilter(t){this.filters?.applyFilter(t)}redrawBody(){this.#f(),this.pager?.sync?.apply(this)}#f(){this.columns.length===0&&this.data.length===0||!this.initialized||(this.body&&(this.body.innerHTML=this.bodyInnerTemplate()),this.#w(),this.header?.setHeaderCheckbox())}redraw(){if(this.columns.length===0||!this.initialized)return;let t=L.template(this),i=this.bodyTemplate();this.container&&(this.container.innerHTML=t+i),this.#c(),this.#C(),this.header?.setHeaderCheckbox(),this.#y(),this.#E(),this.#g(),this.setupTooltip(),this.filters.attachFilterSettings(),this.#r(),this.toggleEmptyMessage(),this.afterRedraw()}afterRedraw(){let t=this.rowStart||0,i=()=>{this.header?.setIsHeaderExpanderCollapsed?.(),this.triggerEvent("afterrendered",this,{bubbles:!0,detail:{elem:this}})};t?_(()=>{if(this.container){let e=t*this.virtualScrollSettings.ROW_HEIGHT;if(!this.virtualScrollSettings.ENABLED){let a=this.container.getBoundingClientRect().top;e=this.rowByIndex(t)?.getBoundingClientRect?.()?.y??e,e-=a}let r=this.header?.getBoundingClientRect?.().height??0;this.container.scrollTop=e-r,this.#i(t),_(()=>{this.#a(),this.#i(this.rowStart)},150),i()}},150):requestAnimationFrame(()=>{this.setActiveCell(0,0,!0),i()})}contextmenuInfo={};isDynamicContextmenu=!1;bodyTemplate(){return`<div class="ids-data-grid-body" part="contents" role="rowgroup">${this.bodyInnerTemplate()}</div>`}resetCache(t){(t===0||t&&t>=1)&&delete E.rowCache[t],E.rowCache={},K.cellCache={}}bodyInnerTemplate(){this.resetCache();let t="",i=this.virtualScroll?this.data.slice(0,this.virtualScrollSettings.MAX_ROWS_IN_DOM):this.data;for(let e=0;e<i.length;e++)t+=E.template(i[e],e,e+1,this);return t}rowIsSelected(t){return!!this.data[t].rowSelected}#t=null;#e=null;#w(){this.#t=null}#l(){this.#e=null}#x(t){if(this.#t===null)return;let i=Math.min(t,this.#t),e=Math.max(t,this.#t),r=this.rowIsSelected(t);for(let a=i;a<=e;a++)r?this.deSelectRow(a):this.selectRow(a);this.#v()?.removeAllRanges?.(),this.header?.setHeaderCheckbox(),this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}})}#v(){return this.shadowRoot?.getSelection?this.shadowRoot?.getSelection():document.getSelection()}#y(){let t=this.body;this.offEvent("click.body",t),this.onEvent("click.body",t,i=>{let e=i.target.closest("ids-data-grid-cell");if(!e||e.isEditing)return;let r=Number(e.getAttribute("aria-colindex"))-1,a=e.parentNode;if(a.disabled)return;let s=a.rowIndex;i.shiftKey||this.#l();let o=i.target?.nodeName==="IDS-HYPERLINK"||i.target?.nodeName==="A",c=i.target?.nodeName==="IDS-BUTTON",l=c&&i.target?.classList.contains("expand-button"),g=c||o,u=this.visibleColumns[r];this.setActiveCell(r,s,o),g&&u.click!==void 0&&!i.target?.getAttribute("disabled")&&u.click(this.data[s],this.visibleColumns[r],i),this.triggerEvent("rowclick",this,{detail:{elem:this,row:a,data:this.data[s]}});let p=()=>{this.rowSelection==="multiple"||this.rowSelection==="mixed"?(i.shiftKey&&this.#t!==null?this.#x(s):a.toggleSelection(),this.#t=s):a.toggleSelection()};if(g&&l){a.toggleExpandCollapse();return}if(this.rowSelection==="mixed"){e.children[0]?.classList.contains("ids-data-grid-checkbox-container")?p():a.toggleRowActivation();return}this.rowSelection!==!1&&this.rowSelection!=="mixed"&&(!this.suppressRowClickSelection||this.suppressRowClickSelection&&e.children[0]?.classList.contains("is-selection-checkbox"))&&p(),this.editable&&u.editor&&e.startCellEdit(i)}),this.offEvent("dblclick.container",this.container),this.onEvent("dblclick.container",this.container,i=>{this.triggerEvent("dblclick",this,{bubbles:!0,detail:{...J.apply(this,[i]),originalEvent:i}})}),this.filters?.attachFilterEventHandlers(),this.attachSaveSettingsEventHandlers?.()}onLocaleChange=()=>{this.redraw()};moveColumn(t,i){if(t===-1||i===-1)return;let e=this.columnIdxById(this.visibleColumns[t].id),r=this.columnIdxById(this.visibleColumns[i].id),a=this.columns[e];this.columns.splice(e,1),this.columns.splice(r,0,a),this.dirtyCells.forEach(s=>{if(s.cell===t){let o=this.data[s?.row],c=o.dirtyCells.findIndex(l=>l.cell===t);o.dirtyCells[c].cell=i}if(s.cell===i){let o=this.data[s?.row],c=o.dirtyCells.findIndex(l=>l.cell===i);o.dirtyCells[c].cell=t}}),this.invalidCells.forEach(s=>{if(s.cell===t){let o=this.data[s?.row],c=o.invalidCells.findIndex(l=>l.cell===t);o.invalidCells[c].cell=i}}),tt.apply(this),this.redraw(),this.triggerEvent("columnmoved",this,{detail:{elem:this,fromIndex:e,toIndex:r}}),this.sortColumn&&this.header?.setSortState(this.sortColumn.id,this.sortColumn.ascending),this.saveSettings?.()}#E(){return this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,t=>{let i=k(T(t),".ids-data-grid-header-cell-filter-wrapper"),e=t.key;if(t.shiftKey||this.#l(),i&&(e==="ArrowRight"||e==="ArrowLeft")||!this.activeCell?.node)return;let r=this.activeCell.node,a=Number(this.activeCell?.cell),s=e==="ArrowDown"?1:e==="ArrowUp"?-1:0,o=e==="ArrowRight"?1:e==="ArrowLeft"?-1:0,c=Number(R(r.parentElement,":not([hidden])")?.getAttribute("row-index")),l=Number(I(r.parentElement,":not([hidden])")?.getAttribute("row-index")),g=e==="ArrowDown"?c:l,u=e==="ArrowLeft"||e==="ArrowRight",p=a<0||a>=this.visibleColumns.length;if(u&&p)return;let w=e==="ArrowDown"||e==="ArrowUp",m=c>=this.data.length||l<0;if(w&&m)return;this.activeCellEditor&&r.endCellEdit();let x=a+o,b=s===0?Number(this.activeCell?.row):g;if(this.setActiveCell(x,b),(this.rowSelection==="mixed"||this.rowSelection==="multiple")&&w&&t.shiftKey){let h=Number(r.parentElement.getAttribute("row-index"));this.#e??=h;let f=Math.min(b,this.#e),A=Math.max(b,this.#e);if(Number.isNaN(f)||Number.isNaN(A))return;(h<f||h>A)&&this.deSelectRow(h);for(let v=f;v<=A;v++)this.selectRow(v)}this.rowSelection==="mixed"&&this.rowNavigation&&r.parentElement.toggleRowActivation(),t.preventDefault(),t.stopPropagation()}),this.listen([" "],this,t=>{if(this.activeCellEditor||!this.activeCell?.node)return;let i=this.rowByIndex(this.activeCell.row);if(i.disabled)return;let e=this.activeCell.node.querySelector("ids-button");if(e){e.click(),t.preventDefault();return}let r=this.activeCell.node.children[0];if(r?.classList.contains("ids-data-grid-checkbox-container")&&!r?.classList.contains("is-selection-checkbox")){this.activeCell.node.click(),t.preventDefault();return}i.toggleSelection(),t.preventDefault()}),this.listen(["Enter"],this,t=>{if(!this.activeCell?.node||k(T(t),".ids-data-grid-header-cell")||this.rowByIndex(this.activeCell.row).disabled)return;let e=this.activeCell.node,r=e.querySelector("ids-hyperlink"),a=e.querySelector("ids-button"),s=e.querySelector("a");r&&!r.container.matches(":focus")&&!r.hasAttribute("disabled")&&(r.container.click(),r.container.focus()),a&&!a.hasAttribute("disabled")&&a.click(),s?.click(),s&&e.focus(),this.#S(t,e)}),this.listen(["F2"],this,()=>{let t=this.activeCell.node;this.activeCellEditor&&(t.endCellEdit(),t.focus())}),this.listen(["Escape"],this,()=>{let t=this.activeCell.node;this.activeCellEditor&&(t.cancelCellEdit(),t.focus())}),this.listen(["Tab"],this,t=>this.activeCellEditor?(t.shiftKey?this.#d("previous"):this.#d("next"),t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),!1):!0),this.offEvent("keydown.body",this.header),this.onEvent("keydown.body",this.header,()=>{this.activeCell={}}),this.offEvent("keydown.body",this),this.onEvent("keydown.body",this,t=>{let i=t.key.length===1;!this.activeCellEditor&&i&&t.key!==" "&&this.activeCell?.node?.startCellEdit?.()}),this}#d(t){this.commitCellEdit();let i=t==="next"?R(this.activeCell.node,".is-editable"):I(this.activeCell.node,".is-editable"),e=this.body?.querySelectorAll(".ids-data-grid-row");if(!i&&e&&t==="next")for(let s=this.activeCell.row+1;s<e.length;s++){let o=e[s];if(i=R(o.firstChild,".is-editable"),i)break}if(!i&&e&&t==="previous")for(let s=this.activeCell.row-1;s>=0;s--){let o=e[s];if(o.lastChild.classList?.contains("is-editable")){i=o.lastChild;break}if(i=I(o.lastChild,".is-editable"),i)break}if(!i)return this.addNewAtEnd?(this.addRow({}),this.#d("next")):(this.activeCell.node.focus(),this.activeCell.node.startCellEdit(),this.activeCell.node);let r=Number(i.parentElement?.getAttribute("aria-rowindex"))-1,a=Number(i.getAttribute("aria-colindex"))-1;return this.setActiveCell(a,r,!0),i.startCellEdit(),i}#S(t,i){this.editable&&i.classList.contains("is-editable")&&i.classList.contains("is-editing")?(i.endCellEdit(),i.focus(),this.editNextOnEnterPress&&(this.setActiveCell(Number(this.activeCell?.cell),Number(this.activeCell?.row)+(t.shiftKey?-1:1)),this.activeCell.node.startCellEdit())):i.startCellEdit()}#c(){let t="",i=this.visibleColumns.length;this.visibleColumns.forEach((e,r)=>{(e.id==="selectionCheckbox"||e.id==="selectionRadio")&&!e.width&&(e.width=45),e.width&&typeof e.width=="string"&&e.width.indexOf("%")>-1&&(t+=`minmax(${e.width}, 1fr) `),e.width&&typeof e.width=="string"&&e.width.indexOf("%")===-1&&(t+=`${e.width} `),e.width&&typeof e.width=="number"&&(t+=`${e.width}px `),e.width||(t+="minmax(110px, 1fr) "),e?.frozen&&r>0&&r<i-1&&this.container?.style.setProperty(`--ids-data-grid-frozen-column-left-width-${r+1}`,`${this.visibleColumns[r-1].width}px`)}),this.container?.style.setProperty("--ids-data-grid-column-widths",t),this.#h()}setColumnWidth(t,i){let e=this.columnIdxById(t),r=this.columnDataById(t),a=r.minWidth||12,s=r.maxWidth||Number.MAX_SAFE_INTEGER;this.columns[e]&&i>=a&&i<=s&&(this.columns[e].width=i,this.#c(),this.#h()),this.triggerEvent("columnresized",this,{detail:{index:e,column:r,columns:this.columns}}),this.saveSettings?.()}setColumnVisible(t,i){this.columnDataById(t).hidden=!i,this.redraw()}#h(){if(this.columnGroups){let t=1,i=this.container?.querySelector(".ids-data-grid-column-groups")?.childNodes;this.columnGroups.forEach((e,r)=>{let a=e.colspan;for(let s=1;s<=a;s++)this.columns[t]?.hidden&&(a-=1),t++;i?.item(r)?.style.setProperty("grid-column-start",`span ${a}`)})}}setSortColumn(t,i=!0){let e=this.columnDataById(t),r=e?.field!==e?.id?e?.field:e?.id;this.sortColumn={id:t,ascending:i},this.datasource.sort(r||"",i),this.redrawBody(),this.header?.setSortState(t,i),this.triggerEvent("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}}),this.saveSettings?.()}setSortState(t,i=!0){this.header?.setSortState(t,i)}columnGroupDataById(t){return this.columnGroups?.filter(i=>i.id===t)[0]}columnGroupIdxById(t){return this.columnGroups?.findIndex(i=>i.id===t)}columnDataById(t){return this.columns?.filter(i=>i.id===t)[0]}columnIdxById(t){return this.columns?.findIndex(i=>i.id===t)}get visibleColumns(){return this.columns?.filter(t=>!t.hidden)}get rightFrozenColumns(){return this.columns?.filter(t=>!t.hidden&&t.frozen==="right")}get leftFrozenColumns(){return this.columns?.filter(t=>!t.hidden&&t.frozen==="left")}get hasFrozenColumns(){return this.leftFrozenColumns.length>0||this.rightFrozenColumns.length>0}columnDataByHeaderElem(t){let i=t?.getAttribute("column-id");return this.columnDataById(i||"")}set showHeaderExpander(t){n(t)?this.setAttribute(d.SHOW_HEADER_EXPANDER,""):this.removeAttribute(d.SHOW_HEADER_EXPANDER)}get showHeaderExpander(){return this.hasAttribute(d.SHOW_HEADER_EXPANDER)}set alternateRowShading(t){if(n(t)){this.setAttribute(d.ALTERNATE_ROW_SHADING,"true"),this.shadowRoot?.querySelector(".ids-data-grid")?.classList.add("alt-row-shading");return}this.shadowRoot?.querySelector(".ids-data-grid")?.classList.remove("alt-row-shading"),this.setAttribute(d.ALTERNATE_ROW_SHADING,"false")}get alternateRowShading(){return n(this.getAttribute(d.ALTERNATE_ROW_SHADING))||!1}set columns(t){this.resetCache(),this.currentColumns=t||[{id:"",name:""}],this.redraw()}get columns(){return this.currentColumns||[{id:"",name:"",field:""}]}set columnGroups(t){this.state.columnsGroups=t,this.redraw()}get columnGroups(){return this.state?.columnsGroups||null}appendData(t){this.virtualScroll?(this.datasource.data=this.data.concat(t),this.#A()):this.data=this.data.concat(t)}#A(){if(!this.virtualScroll)return;let t=this.data,i=this.rows;if(!t.length||!i.length)return;let{MAX_ROWS_IN_DOM:e}=this.virtualScrollSettings,r=Math.min(t.length,e)-i.length,a=[],o=i[i.length-1]?.rowIndex||0;for(;a.length<r;){let c=o+a.length+1,l=E.template(t[c],c,c+1,this);a.push(l)}a.length&&this.body&&(this.body.innerHTML+=a.join(""))}set data(t){t?(it.apply(this),this.datasource.flatten=this.treeGrid,this.datasource.data=t,this.initialized=!0,this.redraw()):this.datasource.data=[]}get data(){return this?.datasource?.data}set emptyMessageDescription(t){typeof t=="string"&&t!==""?this.setAttribute(d.EMPTY_MESSAGE_DESCRIPTION,t):this.removeAttribute(d.EMPTY_MESSAGE_DESCRIPTION),y.apply(this)}get emptyMessageDescription(){return this.getAttribute(d.EMPTY_MESSAGE_DESCRIPTION)}set emptyMessageIcon(t){typeof t=="string"&&t!==""?this.setAttribute(d.EMPTY_MESSAGE_ICON,t):this.removeAttribute(d.EMPTY_MESSAGE_ICON),y.apply(this)}get emptyMessageIcon(){return this.getAttribute(d.EMPTY_MESSAGE_ICON)}set emptyMessageLabel(t){typeof t=="string"&&t!==""?this.setAttribute(d.EMPTY_MESSAGE_LABEL,t):this.removeAttribute(d.EMPTY_MESSAGE_LABEL),y.apply(this)}get emptyMessageLabel(){return this.getAttribute(d.EMPTY_MESSAGE_LABEL)}set headerMenuId(t){if(t){this.setAttribute(d.HEADER_MENU_ID,t);return}this.removeAttribute(d.HEADER_MENU_ID)}get headerMenuId(){return this.getAttribute(d.HEADER_MENU_ID)}set headerMenuData(t){if(this?.header?.state&&(this.header.state.headerMenuData=t),!this.isDynamicContextmenu){let i=N.apply(this,[!0]);i&&(i.data=t),C.apply(this)}this.isDynamicContextmenu=!1}get headerMenuData(){return this?.header?.state?.headerMenuData}set menuId(t){if(t){this.setAttribute(d.MENU_ID,t);return}this.removeAttribute(d.MENU_ID)}get menuId(){return this.getAttribute(d.MENU_ID)}set menuData(t){if(this.state.menuData=t,!this.isDynamicContextmenu){let i=N.apply(this);i&&(i.data=t),C.apply(this)}this.isDynamicContextmenu=!1}get menuData(){return this?.state?.menuData}set virtualScroll(t){n(t)?this.setAttribute(d.VIRTUAL_SCROLL,"true"):this.removeAttribute(d.VIRTUAL_SCROLL),this.redraw()}get virtualScroll(){return n(this.getAttribute(d.VIRTUAL_SCROLL))}get virtualScrollSettings(){let t=!!this.virtualScroll,i=this.rowPixelHeight||50,e=this.virtualScrollMaxRowsInDOM,r=e*i,a=52,s=a*i;return{ENABLED:t,ROW_HEIGHT:i,MAX_ROWS_IN_DOM:e,BODY_HEIGHT:r,BUFFER_ROWS:a,BUFFER_HEIGHT:s,RAF_DELAY:60,DEBOUNCE_RATE:10}}virtualScrollMaxRowsInDOM=150;#g(){let t=this.virtualScrollSettings;this.offEvent("scroll.data-grid",this.container),this.onEvent("scroll.data-grid",this.container,()=>{let i=this.container.scrollTop,e=t.ROW_HEIGHT,r=Math.floor(i/e),a=this.rows,s=r<=0,o=this.container.offsetHeight+this.container.scrollTop>=this.container.scrollHeight;if(s){let c=a[0];this.#o(c.rowIndex,"start")}if(o){let c=a[a.length-1];this.#o(c.rowIndex,"end")}!s&&!o&&this.#o(0)},{capture:!0,passive:!0}),this.#a()}#a(){if(!this.virtualScroll)return;let i=this.virtualScrollSettings.ROW_HEIGHT;this.offEvent("scroll.data-grid.virtual-scroll",this.container),this.onEvent("scroll.data-grid.virtual-scroll",this.container,e=>{e.stopImmediatePropagation(),this.#u(i)},{capture:!0,passive:!0}),this.offEvent("scrollend.data-grid.virtual-scroll",this.container),this.onEvent("scrollend.data-grid.virtual-scroll",this.container,e=>{e.stopImmediatePropagation(),this.#u(i)})}#u(t){let i=Math.floor(this.container.scrollTop/t);this.#i(i,!1)}#s={};#o(t,i){i?t!==this.#s[i]&&(this.#s[i]=t,this.triggerEvent(`scroll${i}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:t}})):this.#s={}}#n=NaN;requestAnimationFrame(t){this.virtualScroll?this.#n=requestAnimationFrame(t):t()}#p(t){this.rowByIndex(t)?.scrollIntoView?.();let i=this.header?.clientHeight,e=this.container.scrollHeight,r=this.container.clientHeight;this.container.scrollTop+r>=e||(this.container.scrollTop-=i)}scrollRowIntoView(t){this.#i(t)}#i(t,i=!0){this.#n&&cancelAnimationFrame(this.#n);let e=this.data,r=this.rows;if(!e.length||!r.length)return;let a=this.virtualScrollSettings,s=e.length-1;if(t=Math.max(t,0),t=Math.min(t,s),!this.virtualScroll){this.#p(t);return}let o=this.container,c=this.body,l=r[0],g=r[r.length-1],u=l.rowIndex,p=g.rowIndex,w=t<u,m=t>p,x=!w&&!m,b=p>=s,h=t-a.BUFFER_ROWS;if(h=Math.max(h,0),h=Math.min(h,s),x&&i){this.offEvent("scroll.data-grid.virtual-scroll",this.container),this.#p(t),this.#a();return}if(x){let D=h-u,O=Math.abs(D);if(D>0)b||this.#R(D);else if(O<a.MAX_ROWS_IN_DOM)this.#m(O);else return}else w?this.#b(h):m&&this.#b(h);let f=a.ROW_HEIGHT,v=this.data.length*f-a.BODY_HEIGHT,M=this.rows[0].rowIndex*f,st=v-M;b||c.style.setProperty("transform",`translateY(${M}px)`),c.style.setProperty("padding-bottom",`${Math.max(st,0)}px`),i&&(o.scrollTop=t*f)}#b(t){let i=this.data,e=this.rows;if(!i.length||!e.length)return;let r=i.length-1;t=Math.min(t,r),t=Math.max(t,0);let{MAX_ROWS_IN_DOM:a}=this.virtualScrollSettings;this.rows.every((s,o)=>{let c=t+o;if(c>r){let l=a-o;return this.#m(l),!1}return s.rowIndex=c,!0})}#R(t){let i=this.rows;if(!t||!i.length)return;let e=this.data,a=i[i.length-1].rowIndex,s=i.slice(0,t),o=[];s.every((c,l)=>{let g=a+(l+1);return g>=e.length?!1:(c.rowIndex=g,o.push(c))}),o.length&&(o.length>=this.virtualScrollSettings.MAX_ROWS_IN_DOM||this.body?.append(...o))}#m(t){let i=this.rows;if(!t||!i.length)return;let r=i[0].rowIndex,a=i.slice(-1*t),s=[];a.every((o,c)=>{let l=r-(c+1);return l<0?!1:(o.rowIndex=l,s.push(o))}),s.length&&this.body?.prepend(...s.reverse())}set label(t){if(t){this.setAttribute(d.LABEL,t),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("aria-label",t);return}this.removeAttribute(d.LABEL),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("aria-label","Data Grid")}get label(){return this.getAttribute(d.LABEL)||"Data Grid"}set rowHeight(t){t?(this.setAttribute(d.ROW_HEIGHT,t),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("data-row-height",t)):(this.removeAttribute(d.ROW_HEIGHT),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("data-row-height","lg")),this.saveSettings?.()}get rowHeight(){return this.getAttribute(d.ROW_HEIGHT)||"lg"}set rowStart(t){this.setAttribute(d.ROW_START,String(t||0))}get rowStart(){return Number(this.getAttribute(d.ROW_START))||0}set rowNavigation(t){n(t)?(this.setAttribute(d.ROW_NAVIGATION,""),this.container?.classList.add("row-navigation")):(this.removeAttribute(d.ROW_NAVIGATION),this.container?.classList.remove("row-navigation"))}get rowNavigation(){return this.hasAttribute(d.ROW_NAVIGATION)}set listStyle(t){n(t)?(this.setAttribute(d.LIST_STYLE,String(t)),this.shadowRoot?.querySelector(".ids-data-grid")?.classList.add("is-list-style")):(this.removeAttribute(d.LIST_STYLE),this.shadowRoot?.querySelector(".ids-data-grid")?.classList.remove("is-list-style"))}get listStyle(){return n(this.getAttribute(d.LIST_STYLE))||!1}set rowSelection(t){n(t)?this.setAttribute(d.ROW_SELECTION,String(t)):this.removeAttribute(d.ROW_SELECTION)}get rowSelection(){return this.getAttribute(d.ROW_SELECTION)||!1}set suppressEmptyMessage(t){n(t)?this.setAttribute(d.SUPPRESS_EMPTY_MESSAGE,""):this.removeAttribute(d.SUPPRESS_EMPTY_MESSAGE),y.apply(this)}get suppressEmptyMessage(){return this.hasAttribute(d.SUPPRESS_EMPTY_MESSAGE)}set suppressRowClickSelection(t){n(t)?this.setAttribute(d.SUPPRESS_ROW_CLICK_SELECTION,t.toString()):this.removeAttribute(d.SUPPRESS_ROW_CLICK_SELECTION)}get suppressRowClickSelection(){return this.getAttribute(d.SUPPRESS_ROW_CLICK_SELECTION)||!1}set suppressRowDeselection(t){n(t)?this.setAttribute(d.SUPPRESS_ROW_DESELECTION,String(t)):this.removeAttribute(d.SUPPRESS_ROW_DESELECTION)}get suppressRowDeselection(){return this.getAttribute(d.SUPPRESS_ROW_DESELECTION)||!1}set suppressRowDeactivation(t){n(t)?this.setAttribute(d.SUPPRESS_ROW_DEACTIVATION,String(t)):this.removeAttribute(d.SUPPRESS_ROW_DEACTIVATION)}get suppressRowDeactivation(){return this.getAttribute(d.SUPPRESS_ROW_DEACTIVATION)||!1}get selectedRows(){return this.data.flatMap((t,i)=>t.rowSelected?{index:Number(i),data:t}:[])}get activatedRow(){return this.data.flatMap((t,i)=>t.rowActivated?{index:Number(i),data:t}:[])[0]||{}}updateDataset(t,i,e){if(e?this.data[t]=i:this.data[t]={...this.data[t],...i},this.treeGrid){if(this.data[t].ariaLevel===1){this.datasource.originalData[this.data[t].originalElement]={...this.datasource.originalData[this.data[t].originalElement],...i};return}let r=this.#I(this.datasource.originalData,this.data[t].parentElement??"");r&&(r.children[this.data[t].ariaPosinset-1]={...r.children[this.data[t].ariaPosinset-1],...i});return}e?this.datasource.originalData[t]=i:this.datasource.originalData[t]={...this.datasource.originalData[t],...i}}updateDatasetAndRefresh(t,i,e){this.updateDataset(t,i,e),this.rowByIndex(t)?.refreshRow()}#I(t,i){let e;return i.split(" ").forEach((r,a)=>{a===0?e=t.find(s=>s[this.idColumn]==r):e=e.children.find(s=>s.id==r)}),e}#r(){this.container?.setAttribute("aria-rowcount",this.rowCount.toString())}rowByIndex(t){let i=this.data.length-1;return t=Math.max(t,0),t=Math.min(t,i),this.shadowRoot?.querySelector(`.ids-data-grid-body ids-data-grid-row[row-index="${t}"]`)}activeCellEditor;commitCellEdit(){this.activeCellEditor?.endCellEdit()}cancelCellEdit(){this.activeCellEditor?.cancelCellEdit()}addRow(t,i){let e=i??this.datasource.originalData.length;this.datasource.originalData.splice(e,0,t),this.datasource.data=this.datasource.originalData,this.redrawBody(),this.#r()}addRows(t=[],i){let e=i??this.datasource.originalData.length;this.datasource.originalData.splice(e,0,...t),this.datasource.data=this.datasource.originalData,this.redrawBody(),this.#r()}removeRow(t){this.datasource.originalData.splice(t,1),this.datasource.data=this.datasource.originalData,this.redrawBody(),this.#r()}clearRow(t){this.updateDataset(t,{},!0),this.redrawBody()}editFirstCell(){this.#d("next")}selectRow(t,i=!0){let e=this.rowByIndex(t);if(this.virtualScroll&&!e&&this.data[t]){this.rowSelection==="single"&&this.deSelectAllRows(),this.updateDataset(t,{rowSelected:!0});return}if(!e||e.selected)return;let r=!0,a=s=>{r=!!s};if(this.triggerEvent("beforerowselected",this,{detail:{elem:this,row:e,data:this.data[t],response:a}}),!!r){if(this.rowSelection==="multiple"||this.rowSelection==="mixed"){let s=e?.querySelector(".is-selection-checkbox .ids-data-grid-checkbox");s?.classList.add("checked"),s?.setAttribute("aria-checked","true")}if(this.rowSelection==="single"){this.deSelectAllRows();let s=e?.querySelector(".ids-data-grid-radio");s?.classList.add("checked"),s?.setAttribute("aria-checked","true")}this.updateDataset(t,{rowSelected:!0}),e.selected=!0,(this.rowSelection==="single"||this.rowSelection==="multiple")&&e&&e.updateCells(t),i&&this.triggerEvent("rowselected",this,{detail:{elem:this,row:e,data:this.data[t]}}),this.groupSelectsChildren&&e?.toggleChildRowSelection(!0),this.header?.setHeaderCheckbox()}}deSelectRow(t,i=!0){let e=this.rowByIndex(t);if(this.virtualScroll&&!e&&this.data[t]){this.updateDataset(t,{rowSelected:!1});return}if(!e)return;let r=!0,a=s=>{r=!!s};if(this.triggerEvent("beforerowdeselected",this,{detail:{elem:this,row:e,data:this.data[t],response:a}}),!!r){if(this.rowSelection==="mixed"&&e.classList.remove("mixed"),e.classList.remove("selected"),e.removeAttribute("aria-selected"),this.rowSelection==="multiple"||this.rowSelection==="mixed"){let s=e.querySelector(".is-selection-checkbox .ids-data-grid-checkbox");s?.classList.remove("checked"),s?.setAttribute("aria-checked","false")}if(this.rowSelection==="single"){let s=e.querySelector(".ids-data-grid-radio");s?.classList.remove("checked"),s?.setAttribute("aria-checked","false")}this.updateDataset(t,{rowSelected:!1}),i&&this.triggerEvent("rowdeselected",this,{detail:{elem:this,row:e,data:this.data[t]}}),e.updateCells(t),this.groupSelectsChildren&&e.toggleChildRowSelection(!1),this.header?.setHeaderCheckbox()}}activateRow(t){let i=t;typeof t=="number"&&(i=this.rowByIndex(t)),!(!i||this.rowSelection!=="mixed")&&(i.classList.add("activated"),this.updateDataset(Number(i?.getAttribute("data-index")),{rowActivated:!0}),i?.updateCells(t),this.triggerEvent("rowactivated",this,{detail:{elem:this,row:i,data:this.data[t],index:t}}))}deactivateRow(t){if(typeof t>"u"||t===null)return;let i=t;typeof t=="number"&&(i=this.rowByIndex(t)),!(!i||this.rowSelection!=="mixed")&&(i.classList.remove("activated"),this.updateDataset(Number(i?.getAttribute("data-index")),{rowActivated:void 0}),i.updateCells(t),this.triggerEvent("rowdeactivated",this,{detail:{elem:this,row:i,data:this.data[t],index:t}}))}selectAllRows(){this.data?.forEach((t,i)=>{this.selectRow(i),t.rowSelected=!0}),this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}}),this.header?.setHeaderCheckbox()}deSelectAllRows(){this.data?.forEach((t,i)=>{t.rowSelected&&(this.deSelectRow(i),t.rowSelected=!1)}),this.rowSelection!=="single"&&this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}}),this.header?.setHeaderCheckbox()}get rowCount(){return this.data.length}get rowPixelHeight(){return{xxs:25,xs:30,sm:35,md:40,lg:50}[this.rowHeight]+1}set autoFit(t){if(n(t)){this.setAttribute(d.AUTO_FIT,String(t));return}this.removeAttribute(d.AUTO_FIT)}get autoFit(){return n(this.getAttribute(d.AUTO_FIT))}#C(){this.autoFitSet||this.autoFit===!0&&(this.container?.style.setProperty("height","100%"),this.wrapper?.style.setProperty("height","100%"),this.autoFitSet=!0)}set suppressCaching(t){if(n(t)){this.setAttribute(d.SUPPRESS_CACHING,String(t));return}this.removeAttribute(d.SUPPRESS_CACHING)}get suppressCaching(){return n(this.getAttribute(d.SUPPRESS_CACHING))||!1}setActiveCell(t,i,e){if(i<0||t<0||i>this.data.length-1||t>this.visibleColumns.length-1||Number.isNaN(i)||Number.isNaN(i))return this.activeCell;this.activeCell||(this.activeCell={}),this.activeCell.cell=Number(t),this.activeCell.row=Number(i);let r=this.rowByIndex(i);!r&&this.virtualScroll&&(this.#i(i),r=this.rowByIndex(i));let a=r?.querySelectorAll("ids-data-grid-cell");return a&&a.length>0&&a[t].activate(!!e),this.activeCell}set disableClientFilter(t){n(t)?this.setAttribute(d.DISABLE_CLIENT_FILTER,""):this.removeAttribute(d.DISABLE_CLIENT_FILTER)}get disableClientFilter(){let t=this.getAttribute(d.DISABLE_CLIENT_FILTER);return t!==null?n(t):this.filters.DEFAULTS.disableClientFilter}set filterable(t){let i=this.filterable!==n(t);typeof t<"u"&&t!==null?this.setAttribute(d.FILTERABLE,String(t)):this.removeAttribute(d.FILTERABLE),i&&this.header?.setFilterRow()}get filterable(){let t=this.getAttribute(d.FILTERABLE);return t!==null?n(t):this.filters.DEFAULTS.filterable}set filterRowDisabled(t){let i=this.filterRowDisabled!==n(t);typeof t<"u"&&t!==null?this.setAttribute(d.FILTER_ROW_DISABLED,String(t)):this.removeAttribute(d.FILTER_ROW_DISABLED),i&&this.filters?.setFilterRowDisabled()}get filterRowDisabled(){let t=this.getAttribute(d.FILTER_ROW_DISABLED);return t!==null?n(t):this.filters.DEFAULTS.filterRowDisabled}set filterWhenTyping(t){let i=this.filterWhenTyping!==n(t);typeof t<"u"&&t!==null?this.setAttribute(d.FILTER_WHEN_TYPING,String(t)):this.removeAttribute(d.FILTER_WHEN_TYPING),i&&this.filters?.setFilterWhenTyping()}get filterWhenTyping(){let t=this.getAttribute(d.FILTER_WHEN_TYPING);return t!==null?n(t):this.filters.DEFAULTS.filterWhenTyping}set treeGrid(t){n(t)?this.setAttribute(d.TREE_GRID,t.toString()):this.removeAttribute(d.TREE_GRID)}get treeGrid(){return this.hasAttribute(d.TREE_GRID)}set groupSelectsChildren(t){t=n(t),t?this.setAttribute(d.GROUP_SELECTS_CHILDREN,t.toString()):this.removeAttribute(d.GROUP_SELECTS_CHILDREN)}get groupSelectsChildren(){return n(this.getAttribute(d.GROUP_SELECTS_CHILDREN))||!1}set idColumn(t){t?this.setAttribute(d.ID_COLUMN,t.toString()):this.removeAttribute(d.ID_COLUMN)}get idColumn(){return this.getAttribute(d.ID_COLUMN)||"id"}set expandableRow(t){t?this.setAttribute(d.EXPANDABLE_ROW,t.toString()):this.removeAttribute(d.EXPANDABLE_ROW)}get expandableRow(){return this.getAttribute(d.EXPANDABLE_ROW)||!1}set expandableRowTemplate(t){t?this.setAttribute(d.EXPANDABLE_ROW_TEMPLATE,t.toString()):this.removeAttribute(d.EXPANDABLE_ROW_TEMPLATE)}get expandableRowTemplate(){return this.getAttribute(d.EXPANDABLE_ROW_TEMPLATE)||""}set uniqueId(t){let i=/number|string/g.test(typeof t)?`${t}`:null;typeof i=="string"&&i!==""?this.setAttribute(d.UNIQUE_ID,i):this.removeAttribute(d.UNIQUE_ID)}get uniqueId(){return this.getAttribute(d.UNIQUE_ID)}set editable(t){t=n(t),t?this.setAttribute(d.EDITABLE,t.toString()):this.removeAttribute(d.EDITABLE)}get editable(){return n(this.getAttribute(d.EDITABLE))}set editNextOnEnterPress(t){t=n(t),t?this.setAttribute(d.EDIT_NEXT_ON_ENTER_PRESS,t.toString()):this.removeAttribute(d.EDIT_NEXT_ON_ENTER_PRESS)}get editNextOnEnterPress(){return n(this.getAttribute(d.EDIT_NEXT_ON_ENTER_PRESS))}set addNewAtEnd(t){n(t)?this.setAttribute(d.ADD_NEW_AT_END,"true"):this.removeAttribute(d.ADD_NEW_AT_END)}get addNewAtEnd(){return n(this.getAttribute(d.ADD_NEW_AT_END))}get invalidCells(){let t=[];for(let i=0;i<this.data.length;i++)this.data[i]?.invalidCells&&(this.data[i].invalidCells?.forEach(e=>{e.row=i}),t.push(...this.data[i].invalidCells));return t}get dirtyCells(){let t=[];for(let i=0;i<this.data.length;i++)this.data[i]?.dirtyCells&&(this.data[i].dirtyCells?.forEach(e=>{e.row=i}),t.push(...this.data[i].dirtyCells));return t}resetDirtyCells(){this.data.forEach(t=>{t?.dirtyCells&&delete t.dirtyCells}),this.container?.querySelectorAll("ids-data-grid-cell.is-dirty").forEach(t=>{t.classList.remove("is-dirty")})}exportToExcel(t,i,e=!0){let r={},a={};t=t==="csv"||t==="xlsx"?t:"xlsx",e=t==="csv"?!0:e,this.columns.forEach(l=>{l.id&&l.field&&l.name&&(a[l.id]=l,r[l.id]={id:l.id,field:l.field,name:l.name,type:e?"string":this.determineColType(l)})});let s=document.createElement("span"),o=e?this.datasource.data.map((l,g)=>{let u={};return Object.keys(r).forEach(p=>{let w=a[p],m=w?.formatter,x=m===this.formatters.decimal||m===this.formatters.integer,b=l[r[p].field],h=b;if(b!=null&&!x&&m){let f=m.call(this.formatters,l,w,g,this);s.innerHTML=f,h=s.textContent?.trim()}u[p]=h}),u}):this.datasource.data;(t==="csv"?Y:V)(o,{filename:i||"data-grid",columns:Object.values(r)})}determineColType(t){let i="string";return(t.formatter===this.formatters.integer||t.formatter===this.formatters.decimal)&&(i="number"),t.formatter===this.formatters.date&&(i="date"),t.formatter===this.formatters.time&&(i="time"),i}};S=G([P("ids-data-grid"),H(at)],S);export{S as a};