ids-enterprise-wc 1.0.0-beta.15 → 1.0.0-beta.17

package/chunks/ids-chunk-VZO7I2OU.js

@@ -0,0 +1,1971 @@
+import{a as Zi,b as Ji}from"./ids-chunk-LVUIKMAB.js";import{a as at}from"./ids-chunk-6NXRYEIX.js";import{a as it}from"./ids-chunk-HAB474LR.js";import{a as Mi}from"./ids-chunk-FZMRTVU5.js";import{a as D}from"./ids-chunk-ALO3Q7MP.js";import{a as gt}from"./ids-chunk-X24PHJUP.js";import{a as ct}from"./ids-chunk-4WHK3IHY.js";import{a as et}from"./ids-chunk-QKRRG3BL.js";import{a as Ti,b as ri}from"./ids-chunk-HSAD2Y6Y.js";import{a as dt,d as rt}from"./ids-chunk-QICCZWBD.js";import{a as Di,b as _i}from"./ids-chunk-KWUI36H2.js";import{h as tt}from"./ids-chunk-DA4P2Q4N.js";import{a as st,c as lt,e as nt,f as ot,g as F}from"./ids-chunk-QG2YEIVS.js";import{a as Qi}from"./ids-chunk-TFKPHKUJ.js";import{a as ji}from"./ids-chunk-EJFV3IXB.js";import{a as Xi}from"./ids-chunk-PHQEFZRD.js";import{a as $i}from"./ids-chunk-T6ZV4PDM.js";import{a as Yi}from"./ids-chunk-CT5U7IVV.js";import{a as Fi,b as Vi}from"./ids-chunk-XE4WFW5M.js";import{a as Ki}from"./ids-chunk-4WDX2CDM.js";import{a as qi}from"./ids-chunk-MJGRLEUU.js";import{g as ai,h as di}from"./ids-chunk-U4XVR5SW.js";import{e as h}from"./ids-chunk-VEAPPKDG.js";import{a}from"./ids-chunk-NSM2KAOK.js";import{a as Ui,b as m,c as y,d as c,e as k,g as l}from"./ids-chunk-Y32WUP63.js";var ht=`/* Ids Data Grid Component - Filter */
+.ids-data-grid {
+  --ids-button-formatter-color-text-default: var(--ids-data-grid-filter-icon-color);
+  --ids-button-formatter-color-background-hover: var(--ids-data-grid-filter-icon-color-background-hover);
+  --ids-button-formatter-color-text-hover: var(--ids-data-grid-filter-icon-color-hover);
+}
+.ids-data-grid ::slotted([slot^=filter-]) {
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+.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-header-cell {
+  border-inline-start: 1px solid var(--ids-data-grid-header-color-border);
+  border-block-end: 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.is-actionable {
+  background-color: var(--ids-data-grid-header-color-background-hover);
+}
+.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 .is-sortable .ids-data-grid-header-text {
+  padding-inline-end: var(--ids-data-grid-padding-lg);
+  padding-inline-start: 5px;
+}
+.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: 5px;
+  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-default-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-color-active);
+}
+
+: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-drag-arrow-color-background);
+  top: -6px;
+}
+.ids-data-grid-sort-arrows::after {
+  border-bottom: 5px solid var(--ids-data-grid-header-drag-arrow-color-background);
+  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: -8px;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-header-cell.align-right .reorderer {
+  inset-inline-end: 3px;
+}
+.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: -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-inline-end: -2px;
+  margin-block-start: -3px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-checkbox-container {
+  padding-top: 2px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-header-cell.align-right .is-sortable .ids-data-grid-header-text {
+  padding-inline-end: var(--ids-data-grid-padding-xs);
+  padding-inline-start: 5px;
+}
+.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: -1px;
+  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-header-text .ids-data-grid-checkbox-container {
+  padding-top: 3px;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-header-cell.align-right .is-sortable .ids-data-grid-header-text {
+  padding-inline-end: 3px;
+  padding-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] ids-input,
+.ids-data-grid[data-row-height=xxs] ids-trigger-field {
+  --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) + 2px);
+  padding-inline-end: calc(var(--ids-data-grid-padding-xxs) + 2px);
+  padding-block-end: var(--ids-data-grid-padding-xxs-1px);
+}
+
+: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.is-inline .text-ellipsis {
+  padding-inline-start: var(--ids-data-grid-padding-xs);
+  padding-inline-end: var(--ids-data-grid-padding-xs);
+}
+.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 {
+  transform-style: preserve-3d;
+}
+.ids-data-grid.row-navigation .ids-data-grid-row:focus-within::after {
+  box-shadow: var(--ids-data-grid-row-shadow-focus);
+  content: " ";
+  display: block;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.ids-data-grid.row-navigation .ids-data-grid-row .ids-data-grid-cell:focus {
+  box-shadow: none;
+  outline: none;
+}
+.ids-data-grid.row-navigation .ids-data-grid-row ids-hyperlink,
+.ids-data-grid.row-navigation .ids-data-grid-row .ids-hyperlink {
+  transform: translateZ(1px);
+}
+
+/* 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.align-right ids-input {
+  text-align: right;
+}
+.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.formatter-tree .ids-data-grid-tree-container {
+  height: 100%;
+  width: 100%;
+}
+.ids-data-grid-cell.is-editable.is-inline.formatter-tree .ids-data-grid-tree-field-container {
+  height: 100%;
+  width: 100%;
+}
+.ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: end;
+  width: 100%;
+}
+.ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  margin-inline-end: -8px;
+}
+.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-lookup, .ids-data-grid-cell.is-editable.is-datepicker, .ids-data-grid-cell.is-editable.is-timepicker {
+  justify-content: space-between;
+}
+.ids-data-grid-cell.is-editable.is-lookup .text-ellipsis, .ids-data-grid-cell.is-editable.is-datepicker .text-ellipsis, .ids-data-grid-cell.is-editable.is-timepicker .text-ellipsis {
+  padding-inline-end: 0;
+}
+.ids-data-grid-cell.is-editable .editor-cell-icon {
+  margin-inline-end: 12px;
+  margin-block-start: 2px;
+  display: none;
+}
+.ids-data-grid-cell.is-editable ids-trigger-button::part(button) {
+  color: inherit;
+}
+.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-lookup, .ids-data-grid-cell.is-editing.is-datepicker, .ids-data-grid-cell.is-editing.is-timepicker {
+  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 {
+  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;
+  inset-block-start: 2px;
+  z-index: 1;
+}
+.ids-data-grid-cell.is-dirty.is-inline.formatter-tree::before {
+  display: none;
+  content: none;
+}
+.ids-data-grid-cell.is-dirty.is-inline.formatter-tree .ids-data-grid-tree-field-container {
+  position: relative;
+}
+.ids-data-grid-cell.is-dirty.is-inline.formatter-tree .ids-data-grid-tree-field-container::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;
+  inset-block-start: 2px;
+  z-index: 1;
+}
+.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] 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=xxs] .ids-data-grid-cell .ids-data-grid-checkbox-container:not(.is-selection-checkbox) {
+  padding-inline: var(--ids-data-grid-padding-xxs);
+}
+
+[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] 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=xs] .ids-data-grid-cell .ids-data-grid-checkbox-container:not(.is-selection-checkbox) {
+  padding-inline: var(--ids-data-grid-padding-xs);
+}
+
+[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=sm] .ids-data-grid-cell .ids-data-grid-checkbox-container:not(.is-selection-checkbox) {
+  padding-inline: var(--ids-data-grid-padding-sm);
+}
+
+[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;
+}
+[data-row-height=md] .ids-data-grid-cell .ids-data-grid-checkbox-container:not(.is-selection-checkbox) {
+  padding-inline: var(--ids-data-grid-padding-md);
+}
+
+[data-row-height=lg] .ids-data-grid-cell .ids-data-grid-checkbox-container:not(.is-selection-checkbox) {
+  padding-inline: var(--ids-data-grid-padding-lg);
+}
+
+.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;
+}
+
+.ids-trigger-field-slot-trigger-end {
+  margin-inline-end: 0;
+}
+
+.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));
+  contain: content;
+}
+
+.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;
+  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;
+  width: 100%;
+}
+.ids-data-grid .ids-data-grid-cell.align-left .ids-data-grid-checkbox-container {
+  justify-content: start;
+}
+.ids-data-grid .ids-data-grid-cell.align-center .ids-data-grid-checkbox-container {
+  justify-content: center;
+}
+.ids-data-grid .ids-data-grid-cell.align-right .ids-data-grid-checkbox-container {
+  justify-content: end;
+}
+.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 + .ids-data-grid-tree-field-container .text-ellipsis {
+  margin-inline-start: 0;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
+  padding-inline-start: 4px;
+  padding-inline-end: 0;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
+  overflow: initial;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis ids-hyperlink {
+  margin-inline-start: 0;
+}
+.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-dirty:not(.is-inline).formatter-text::before {
+  inset-block-start: 1px;
+  margin-inline-start: 1px;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-dirty.is-inline.formatter-text::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree) {
+  position: relative;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 2px;
+  height: calc(100% - 4px);
+  position: absolute;
+  width: calc(100% - 4px);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis {
+  position: relative;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 2px;
+  height: calc(100% - 4px);
+  position: absolute;
+  width: calc(100% - 4px);
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  margin-inline-end: -4px;
+}
+.ids-data-grid[data-row-height=xxs] .ids-data-grid-tree-field-container .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="1"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 30px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="1"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="1"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="1"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 54px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="2"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 24px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="2"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="2"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 66px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="3"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 36px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="3"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="3"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 78px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="4"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 48px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="4"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="4"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 90px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="5"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 60px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="5"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="5"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 102px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="6"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 72px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="6"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="6"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 114px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="7"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 84px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="7"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="7"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 126px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="8"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 96px;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="8"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xxs] [aria-level="8"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 3px;
+  margin-inline-start: 3px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-dirty:not(.is-inline).formatter-text::before {
+  inset-block-start: 1px;
+  margin-inline-start: 1px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-dirty.is-inline.formatter-text::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree) {
+  position: relative;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 2px;
+  height: calc(100% - 4px);
+  position: absolute;
+  width: calc(100% - 4px);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis {
+  position: relative;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 2px;
+  height: calc(100% - 4px);
+  position: absolute;
+  width: calc(100% - 4px);
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  margin-inline-end: -2px;
+}
+.ids-data-grid[data-row-height=xs] .ids-data-grid-tree-field-container .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="1"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 32px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="1"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="1"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="1"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 55px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="2"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 23px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="2"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="2"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 68px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="3"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 36px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="3"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="3"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 81px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="4"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 49px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="4"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="4"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 94px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="5"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 62px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="5"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="5"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 107px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="6"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 75px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="6"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="6"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 120px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="7"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 88px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="7"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="7"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 133px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="8"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 101px;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="8"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=xs] [aria-level="8"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 4px;
+  margin-inline-start: 4px;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-dirty:not(.is-inline).formatter-text::before {
+  inset-block-start: 1px;
+  margin-inline-start: 1px;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-dirty.is-inline.formatter-text::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree) {
+  position: relative;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 3px;
+  height: calc(100% - 6px);
+  position: absolute;
+  width: calc(100% - 6px);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis {
+  position: relative;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 3px;
+  height: calc(100% - 6px);
+  position: absolute;
+  width: calc(100% - 6px);
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  margin-inline-end: -5px;
+}
+.ids-data-grid[data-row-height=sm] .ids-data-grid-tree-field-container .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="1"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 34px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="1"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="1"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="1"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 57px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="2"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 23px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="2"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="2"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 72px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="3"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 38px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="3"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="3"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 87px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="4"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 53px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="4"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="4"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 102px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="5"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 68px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="5"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="5"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 117px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="6"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 83px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="6"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="6"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 132px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="7"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 98px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="7"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="7"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 147px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="8"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 113px;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="8"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=sm] [aria-level="8"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 5px;
+  margin-inline-start: 5px;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-dirty:not(.is-inline).formatter-text::before {
+  inset-block-start: 2px;
+  margin-inline-start: 2px;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-dirty.is-inline.formatter-text::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree) {
+  position: relative;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 4px;
+  height: calc(100% - 8px);
+  position: absolute;
+  width: calc(100% - 8px);
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis {
+  position: relative;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 4px;
+  height: calc(100% - 8px);
+  position: absolute;
+  width: calc(100% - 8px);
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  margin-inline-end: -8px;
+}
+.ids-data-grid[data-row-height=md] .ids-data-grid-tree-field-container .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="1"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 40px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="1"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="1"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="1"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 60px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="2"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 20px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="2"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="2"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 77px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="3"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 37px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="3"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="3"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 94px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="4"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 54px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="4"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="4"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 111px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="5"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 71px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="5"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="5"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 128px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="6"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 88px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="6"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="6"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 145px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="7"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 105px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="7"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="7"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 162px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="8"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 122px;
+}
+.ids-data-grid[data-row-height=md] [aria-level="8"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=md] [aria-level="8"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-dirty:not(.is-inline).formatter-text::before {
+  inset-block-start: 2px;
+  margin-inline-start: 2px;
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-dirty.is-inline.formatter-text::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree) {
+  position: relative;
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 4px;
+  height: calc(100% - 8px);
+  position: absolute;
+  width: calc(100% - 8px);
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis {
+  position: relative;
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  border: 1px solid var(--ids-input-color-border-default);
+  border-radius: var(--ids-border-radius-01);
+  box-sizing: border-box;
+  display: block;
+  content: "";
+  margin: 4px;
+  height: calc(100% - 8px);
+  position: absolute;
+  width: calc(100% - 8px);
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
+  margin-inline-end: -12px;
+}
+.ids-data-grid[data-row-height=lg] .ids-data-grid-tree-field-container .text-ellipsis {
+  padding-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="1"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 40px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="1"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="1"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="1"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 60px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="2"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 20px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="2"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="2"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 77px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="3"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 37px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="3"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="3"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 94px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="4"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 54px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="4"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="4"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 111px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="5"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 71px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="5"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="5"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 128px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="6"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 88px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="6"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="6"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 145px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="7"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 105px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="7"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="7"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-field-container {
+  margin-inline-start: 162px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="8"] .ids-data-grid-cell ids-button {
+  margin-inline-start: 122px;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="8"] .ids-data-grid-cell ids-button + .ids-data-grid-tree-field-container {
+  margin-inline-start: 0;
+}
+.ids-data-grid[data-row-height=lg] [aria-level="8"] .ids-data-grid-cell.is-dirty.is-inline .ids-data-grid-tree-field-container::before {
+  inset-block-start: 6px;
+  margin-inline-start: 6px;
+}
+.ids-data-grid.is-list-style {
+  border-width: 0;
+}
+.ids-data-grid.waiting-load {
+  overflow: hidden;
+}
+.ids-data-grid.waiting-load .ids-data-grid-body {
+  visibility: hidden;
+}
+
+.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 _t=Qi(gt(ct($i(Xi(Yi(Ki)))))),ci,pt,S,T,hi,ut,K,Ni,pi,mt,ui,bt,mi,ft,bi,xt,M,q,fi,wt,j,Li,Q,Gi,xi,vt,N,Z,Oi,J,Hi,H,si,ii,Pi,I,_,L,X,P,z,li,G,Y,ti,zi,wi,yt,W,ni,vi,Et,yi,Rt,Ei,St,Ri,It,B,oi,Si,At,ei,Wi,U,gi,Ii,Ct,O,$,Ai,kt,Ci,Dt,V=class extends _t{constructor(){super();c(this,ci);c(this,hi);c(this,K);c(this,pi);c(this,ui);c(this,mi);c(this,bi);c(this,M);c(this,fi);c(this,j);c(this,Q);c(this,xi);c(this,Z);c(this,J);c(this,H);c(this,ii);c(this,I);c(this,L);c(this,z);c(this,G);c(this,ti);c(this,wi);c(this,W);c(this,vi);c(this,yi);c(this,Ei);c(this,Ri);c(this,B);c(this,Si);c(this,ei);c(this,U);c(this,Ii);c(this,O);c(this,Ai);c(this,Ci);m(this,"initialized",!1);m(this,"isResizing",!1);m(this,"activeCell",{});m(this,"autoFitSet",!1);m(this,"currentColumns");m(this,"sortColumn");m(this,"emptyMessageElements");m(this,"cacheHash",Math.random().toString(32).substring(2,10));m(this,"openMenu",null);m(this,"contextmenuTypes",{...dt});m(this,"datasource",new ji);m(this,"filters",new at(this));m(this,"formatters",new it);m(this,"editors",tt);m(this,"vetoableEventTypes",["beforemenushow","beforetooltipshow"]);m(this,"contextmenuInfo",{});m(this,"isDynamicContextmenu",!1);c(this,S,null);c(this,T,null);m(this,"onLocaleChange",()=>{this.redraw()});c(this,N,100);c(this,P,{});m(this,"activeCellEditor");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 rowsHidden(){return this.container?[...this.container.querySelectorAll(".ids-data-grid-body ids-data-grid-row[hidden]")]:[]}get rowsVisible(){return this.container?[...this.container.querySelectorAll(".ids-data-grid-body ids-data-grid-row:not([hidden])")]:[]}get virtualRows(){return this.data.filter(i=>!i.rowHidden)}get wrapper(){return this.container?.parentNode}connectedCallback(){this.initialized&&this.restoreAllSettings?.(),super.connectedCallback(),this.redrawBody(),ri.apply(this),l(this,Z,Oi).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.openMenu=null}static get attributes(){return[...super.attributes,a.ADD_NEW_AT_END,a.ALTERNATE_ROW_SHADING,a.AUTO_FIT,a.DISABLE_CLIENT_FILTER,a.EMPTY_MESSAGE_DESCRIPTION,a.EMPTY_MESSAGE_ICON,a.EMPTY_MESSAGE_LABEL,a.EDITABLE,a.EDIT_NEXT_ON_ENTER_PRESS,a.EXPANDABLE_ROW,a.EXPANDABLE_ROW_TEMPLATE,a.FILTER_ROW_DISABLED,a.FILTER_WHEN_TYPING,a.FILTERABLE,a.GROUP_SELECTS_CHILDREN,a.ID_COLUMN,a.HEADER_MENU_ID,a.LABEL,a.LIST_STYLE,a.MENU_ID,a.ROW_HEIGHT,a.ROW_NAVIGATION,a.ROW_SELECTION,a.ROW_START,a.SCROLL_MAX_ROWS,a.SHOW_HEADER_EXPANDER,a.SUPPRESS_CACHING,a.SUPPRESS_EMPTY_MESSAGE,a.SUPPRESS_ROW_CLICK_SELECTION,a.SUPPRESS_ROW_DEACTIVATION,a.SUPPRESS_ROW_DESELECTION,a.TREE_GRID,a.VIRTUAL_SCROLL,a.UNIQUE_ID]}template(){if(this?.data.length===0&&this?.columns.length===0)return"";let i=`${this.alternateRowShading?" alt-row-shading":""}`;i+=`${this.listStyle?" is-list-style":""}`,i+=" waiting-load";let t=st.apply(this);return`<div class="ids-data-grid-wrapper">
+        <span class="ids-data-grid-sort-arrows"></span>
+        <div class="ids-data-grid${i}" role="table" part="table" aria-label="${this.label}" data-row-height="${this.rowHeight}">
+          ${Mi.template(this)}
+          ${this.bodyTemplate()}
+        </div>
+        ${t}
+        <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.data.forEach((t,e)=>{this.updateDataset(e,{rowExpanded:!1,rowHidden:!!t.parentElement})}),this.header?.closeExpanderIcons();let i=[];this.rows.forEach(t=>{let e=t.rowIndex;i.push({row:e,data:this.data[e]}),t.doCollapse()}),this.triggerEvent("rowcollapsed",this,{bubbles:!0,detail:{elem:this,rows:i,allRows:!0}})}expandAll(){this.data.forEach((t,e)=>{this.updateDataset(e,{rowExpanded:!0,rowHidden:!1})}),this.header?.openExpanderIcons();let i=[];this.rows.forEach(t=>{let e=t.rowIndex;i.push({row:e,data:this.data[e]}),t.doExpand()}),this.triggerEvent("rowexpanded",this,{bubbles:!0,detail:{elem:this,rows:i,allRows:!0}})}toggleEmptyMessage(i){ot.apply(this,[i])}applyFilter(i){this.filters?.applyFilter(i)}redrawBody(){l(this,ci,pt).call(this),this.pager?.sync?.apply(this),l(this,L,X).call(this,this.virtualScrollSettings.ROW_HEIGHT)}redraw(){if(this.columns.length===0||!this.initialized)return;l(this,Ci,Dt).call(this);let i=Mi.template(this),t=this.bodyTemplate();if(this.container&&(this.container.innerHTML=i+t),l(this,j,Li).call(this),l(this,Ai,kt).call(this),this.header?.setHeaderCheckbox(),l(this,mi,ft).call(this),l(this,bi,xt).call(this),l(this,Z,Oi).call(this),this.setupTooltip(),this.virtualScroll){let e=this.virtualScrollSettings,d=this.treeGrid?this.virtualRows.length:this.data.length;l(this,G,Y).call(this,0,d,e)}this.filters.attachFilterSettings(),l(this,O,$).call(this),this.toggleEmptyMessage(),this.afterRedraw()}async afterRedraw(){let i=this.rowStart||0,t=()=>{this.header?.setIsHeaderExpanderCollapsed?.(),this.container?.classList.remove("waiting-load"),this.triggerEvent("afterrendered",this,{bubbles:!0,detail:{elem:this}})};i?(await qi.onThemeLoaded().promise,this.scrollRowIntoView(i),t()):requestAnimationFrame(()=>{this.setActiveCell(0,0,!0),t()})}bodyTemplate(){return`<div class="ids-data-grid-body" part="contents" role="rowgroup">${this.bodyInnerTemplate()}</div>`}resetCache(i){(i===0||i&&i>=1)&&delete D.rowCache[i],D.rowCache={},et.cellCache={}}bodyInnerTemplate(){this.resetCache();let i="",t=this.data,e=this.virtualScrollSettings;if(this.treeGrid&&this.virtualScroll){let d=this.virtualRows.slice(0,e.MAX_ROWS_IN_DOM);for(let s=0;s<d.length;s++){let r=d[s].vsRefId;i+=D.template(t[r],r,r+1,this)}return i}this.virtualScroll&&!this.treeGrid&&(t=t.slice(0,e.MAX_ROWS_IN_DOM));for(let d=0;d<t.length;d++)i+=D.template(t[d],d,d+1,this);return i}rowIsSelected(i){return!!this.data[i].rowSelected}moveColumn(i,t){if(i===-1||t===-1)return;let e=this.columnIdxById(this.visibleColumns[i].id),d=this.columnIdxById(this.visibleColumns[t].id),s=this.columns[e];this.columns.splice(e,1),this.columns.splice(d,0,s),this.dirtyCells.forEach(r=>{if(r.cell===i){let n=this.data[r?.row],g=n.dirtyCells.findIndex(o=>o.cell===i);n.dirtyCells[g].cell=t}if(r.cell===t){let n=this.data[r?.row],g=n.dirtyCells.findIndex(o=>o.cell===t);n.dirtyCells[g].cell=i}}),this.invalidCells.forEach(r=>{if(r.cell===i){let n=this.data[r?.row],g=n.invalidCells.findIndex(o=>o.cell===i);n.invalidCells[g].cell=t}}),lt.apply(this),this.redraw(),this.triggerEvent("columnmoved",this,{detail:{elem:this,fromIndex:e,toIndex:d}}),this.sortColumn&&this.header?.setSortState(this.sortColumn.id,this.sortColumn.ascending),this.saveSettings?.()}setColumnWidth(i,t){let e=this.columnIdxById(i),d=this.columnDataById(i),s=d.minWidth||12,r=d.maxWidth||Number.MAX_SAFE_INTEGER;this.columns[e]&&t>=s&&t<=r&&(this.columns[e].width=t,l(this,j,Li).call(this),l(this,Q,Gi).call(this)),this.triggerEvent("columnresized",this,{detail:{index:e,column:d,columns:this.columns}}),this.saveSettings?.()}setColumnVisible(i,t){this.columnDataById(i).hidden=!t,this.redraw()}setSortColumn(i,t=!0){let e=this.columnDataById(i),d=e?.field!==e?.id?e?.field:e?.id;this.sortColumn={id:i,ascending:t},this.datasource.sort(d||"",t),this.redrawBody(),this.header?.setSortState(i,t),this.triggerEvent("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}}),this.saveSettings?.()}setSortState(i,t=!0){this.header?.setSortState(i,t)}columnGroupDataById(i){return this.columnGroups?.filter(t=>t.id===i)[0]}columnGroupIdxById(i){return this.columnGroups?.findIndex(t=>t.id===i)}columnDataById(i){return this.columns?.filter(t=>t.id===i)[0]}columnIdxById(i){return this.columns?.findIndex(t=>t.id===i)}get visibleColumns(){return this.columns?.filter(i=>!i.hidden)}get rightFrozenColumns(){return this.columns?.filter(i=>!i.hidden&&i.frozen==="right")}get leftFrozenColumns(){return this.columns?.filter(i=>!i.hidden&&i.frozen==="left")}get hasFrozenColumns(){return this.leftFrozenColumns.length>0||this.rightFrozenColumns.length>0}columnDataByHeaderElem(i){let t=i?.getAttribute("column-id");return this.columnDataById(t||"")}set showHeaderExpander(i){h(i)?this.setAttribute(a.SHOW_HEADER_EXPANDER,""):this.removeAttribute(a.SHOW_HEADER_EXPANDER)}get showHeaderExpander(){return this.hasAttribute(a.SHOW_HEADER_EXPANDER)}set alternateRowShading(i){if(h(i)){this.setAttribute(a.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(a.ALTERNATE_ROW_SHADING,"false")}get alternateRowShading(){return h(this.getAttribute(a.ALTERNATE_ROW_SHADING))||!1}set columns(i){this.resetCache(),this.currentColumns=i||[{id:"",name:""}],this.redraw()}get columns(){return this.currentColumns||[{id:"",name:"",field:""}]}set columnGroups(i){this.state.columnsGroups=i,this.redraw()}get columnGroups(){return this.state?.columnsGroups||null}appendData(i){i?.length&&(this.virtualScroll?(this.datasource.data=this.datasource.originalData.concat(i),this.header.resetSortStates(),this.resetCache(),this.treeGrid?l(this,I,_).call(this,Math.floor(this.container.scrollTop/this.virtualScrollSettings.ROW_HEIGHT)):l(this,xi,vt).call(this)):this.data=this.data.concat(i))}set data(i){i?(nt.apply(this),this.datasource.flatten=this.treeGrid,this.datasource.data=i,this.initialized=!0,this.redraw()):this.datasource.data=[]}get data(){return this?.datasource?.data}set emptyMessageDescription(i){typeof i=="string"&&i!==""?this.setAttribute(a.EMPTY_MESSAGE_DESCRIPTION,i):this.removeAttribute(a.EMPTY_MESSAGE_DESCRIPTION),F.apply(this)}get emptyMessageDescription(){return this.getAttribute(a.EMPTY_MESSAGE_DESCRIPTION)}set emptyMessageIcon(i){typeof i=="string"&&i!==""?this.setAttribute(a.EMPTY_MESSAGE_ICON,i):this.removeAttribute(a.EMPTY_MESSAGE_ICON),F.apply(this)}get emptyMessageIcon(){return this.getAttribute(a.EMPTY_MESSAGE_ICON)}set emptyMessageLabel(i){typeof i=="string"&&i!==""?this.setAttribute(a.EMPTY_MESSAGE_LABEL,i):this.removeAttribute(a.EMPTY_MESSAGE_LABEL),F.apply(this)}get emptyMessageLabel(){return this.getAttribute(a.EMPTY_MESSAGE_LABEL)}set headerMenuId(i){if(i){this.setAttribute(a.HEADER_MENU_ID,i);return}this.removeAttribute(a.HEADER_MENU_ID)}get headerMenuId(){return this.getAttribute(a.HEADER_MENU_ID)}set headerMenuData(i){if(this?.header?.state&&(this.header.state.headerMenuData=i),!this.isDynamicContextmenu){let t=Ti.apply(this,[!0]);t&&(t.data=i),ri.apply(this)}this.isDynamicContextmenu=!1}get headerMenuData(){return this?.header?.state?.headerMenuData}set menuId(i){if(i){this.setAttribute(a.MENU_ID,i);return}this.removeAttribute(a.MENU_ID)}get menuId(){return this.getAttribute(a.MENU_ID)}set menuData(i){if(this.state.menuData=i,!this.isDynamicContextmenu){let t=Ti.apply(this);t&&(t.data=i),ri.apply(this)}this.isDynamicContextmenu=!1}get menuData(){return this?.state?.menuData}set virtualScroll(i){h(i)?this.setAttribute(a.VIRTUAL_SCROLL,"true"):this.removeAttribute(a.VIRTUAL_SCROLL),this.redraw()}get virtualScroll(){return h(this.getAttribute(a.VIRTUAL_SCROLL))}get virtualScrollSettings(){let i=!!this.virtualScroll,t=this.rowPixelHeight||50,e=y(this,N),d=Math.ceil(e*.25);return{ENABLED:i,ROW_HEIGHT:t,MAX_ROWS_IN_DOM:e,BUFFER_ROWS:d}}set scrollMaxRows(i){let t=y(this,N),e=Number(i);if(k(this,N,Number.isNaN(e)?t:e),!this.virtualScroll||t===e)return;let d=Math.floor(this.container.scrollTop/this.virtualScrollSettings.ROW_HEIGHT);this.treeGrid?l(this,I,_).call(this,d):l(this,B,oi).call(this,d)}get scrollMaxRows(){return y(this,N)}scrollRowIntoView(i){if(this.treeGrid&&this.virtualScroll){l(this,wi,yt).call(this,i);return}l(this,W,ni).call(this,i)}set label(i){if(i){this.setAttribute(a.LABEL,i),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("aria-label",i);return}this.removeAttribute(a.LABEL),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("aria-label","Data Grid")}get label(){return this.getAttribute(a.LABEL)||"Data Grid"}set rowHeight(i){i?(this.setAttribute(a.ROW_HEIGHT,i),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("data-row-height",i)):(this.removeAttribute(a.ROW_HEIGHT),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("data-row-height","lg")),this.saveSettings?.()}get rowHeight(){return this.getAttribute(a.ROW_HEIGHT)||"lg"}set rowStart(i){this.setAttribute(a.ROW_START,String(i||0))}get rowStart(){return Number(this.getAttribute(a.ROW_START))||0}set rowNavigation(i){h(i)?(this.setAttribute(a.ROW_NAVIGATION,""),this.container?.classList.add("row-navigation")):(this.removeAttribute(a.ROW_NAVIGATION),this.container?.classList.remove("row-navigation"))}get rowNavigation(){return this.hasAttribute(a.ROW_NAVIGATION)}set listStyle(i){h(i)?(this.setAttribute(a.LIST_STYLE,String(i)),this.shadowRoot?.querySelector(".ids-data-grid")?.classList.add("is-list-style")):(this.removeAttribute(a.LIST_STYLE),this.shadowRoot?.querySelector(".ids-data-grid")?.classList.remove("is-list-style"))}get listStyle(){return h(this.getAttribute(a.LIST_STYLE))||!1}set rowSelection(i){h(i)?this.setAttribute(a.ROW_SELECTION,String(i)):this.removeAttribute(a.ROW_SELECTION)}get rowSelection(){return this.getAttribute(a.ROW_SELECTION)||!1}set suppressEmptyMessage(i){h(i)?this.setAttribute(a.SUPPRESS_EMPTY_MESSAGE,""):this.removeAttribute(a.SUPPRESS_EMPTY_MESSAGE),F.apply(this)}get suppressEmptyMessage(){return this.hasAttribute(a.SUPPRESS_EMPTY_MESSAGE)}set suppressRowClickSelection(i){h(i)?this.setAttribute(a.SUPPRESS_ROW_CLICK_SELECTION,i.toString()):this.removeAttribute(a.SUPPRESS_ROW_CLICK_SELECTION)}get suppressRowClickSelection(){return this.getAttribute(a.SUPPRESS_ROW_CLICK_SELECTION)||!1}set suppressRowDeselection(i){h(i)?this.setAttribute(a.SUPPRESS_ROW_DESELECTION,String(i)):this.removeAttribute(a.SUPPRESS_ROW_DESELECTION)}get suppressRowDeselection(){return this.getAttribute(a.SUPPRESS_ROW_DESELECTION)||!1}set suppressRowDeactivation(i){h(i)?this.setAttribute(a.SUPPRESS_ROW_DEACTIVATION,String(i)):this.removeAttribute(a.SUPPRESS_ROW_DEACTIVATION)}get suppressRowDeactivation(){return this.getAttribute(a.SUPPRESS_ROW_DEACTIVATION)||!1}get selectedRows(){return this.data.flatMap((i,t)=>i.rowSelected?{index:Number(t),data:i}:[])}get activatedRow(){return this.data.flatMap((i,t)=>i.rowActivated?{index:Number(t),data:i}:[])[0]||{}}updateDataset(i,t,e){if(e?this.data[i]=t:this.data[i]={...this.data[i],...t},this.treeGrid){if(this.data[i].ariaLevel===1){this.datasource.originalData[this.data[i].originalElement]={...this.datasource.originalData[this.data[i].originalElement],...t};return}let d=l(this,U,gi).call(this,this.datasource.originalData,this.data[i].parentElement??"");d&&(d.children[this.data[i].ariaPosinset-1]={...d.children[this.data[i].ariaPosinset-1],...t});return}e?this.datasource.originalData[i]=t:this.datasource.originalData[i]={...this.datasource.originalData[i],...t}}updateDatasetAndRefresh(i,t,e){this.updateDataset(i,t,e),this.rowByIndex(i)?.refreshRow()}rowByIndex(i){let t=this.data.length-1;return i=Math.max(i,0),i=Math.min(i,t),this.shadowRoot?.querySelector(`.ids-data-grid-body ids-data-grid-row[row-index="${i}"]`)}commitCellEdit(){this.activeCellEditor?.endCellEdit()}cancelCellEdit(){this.activeCellEditor?.cancelCellEdit()}addRow(i,t){let e=t??this.datasource.originalData.length;this.datasource.originalData.splice(e,0,i),this.datasource.data=this.datasource.originalData,this.redrawBody(),l(this,O,$).call(this)}addRows(i=[],t){let e=t??this.datasource.originalData.length;this.datasource.originalData.splice(e,0,...i),this.datasource.data=this.datasource.originalData,this.redrawBody(),l(this,O,$).call(this)}removeRow(i){this.datasource.originalData.splice(i,1),this.datasource.data=this.datasource.originalData,this.redrawBody(),l(this,O,$).call(this)}clearRow(i){this.updateDataset(i,{},!0),this.redrawBody()}editFirstCell(){l(this,M,q).call(this,"next")}selectRow(i,t=!0){let e=this.rowByIndex(i);if(this.virtualScroll&&!e&&this.data[i]){this.rowSelection==="single"&&this.deSelectAllRows(),this.updateDataset(i,{rowSelected:!0});return}if(!e||e.selected)return;let d=!0,s=r=>{d=!!r};if(this.triggerEvent("beforerowselected",this,{detail:{elem:this,row:e,data:this.data[i],response:s}}),!!d){if(this.rowSelection==="multiple"||this.rowSelection==="mixed"){let r=e?.querySelector(".is-selection-checkbox .ids-data-grid-checkbox");r?.classList.add("checked"),r?.setAttribute("aria-checked","true")}if(this.rowSelection==="single"){this.deSelectAllRows();let r=e?.querySelector(".ids-data-grid-radio");r?.classList.add("checked"),r?.setAttribute("aria-checked","true")}this.updateDataset(i,{rowSelected:!0}),e.selected=!0,(this.rowSelection==="single"||this.rowSelection==="multiple")&&e&&e.updateCells(i),t&&this.triggerEvent("rowselected",this,{detail:{elem:this,row:e,data:this.data[i]}}),this.groupSelectsChildren&&e?.toggleChildRowSelection(!0),this.header?.setHeaderCheckbox()}}deSelectRow(i,t=!0){let e=this.rowByIndex(i);if(this.virtualScroll&&!e&&this.data[i]){this.updateDataset(i,{rowSelected:!1});return}if(!e)return;let d=!0,s=r=>{d=!!r};if(this.triggerEvent("beforerowdeselected",this,{detail:{elem:this,row:e,data:this.data[i],response:s}}),!!d){if(this.rowSelection==="mixed"&&e.classList.remove("mixed"),e.classList.remove("selected"),e.removeAttribute("aria-selected"),this.rowSelection==="multiple"||this.rowSelection==="mixed"){let r=e.querySelector(".is-selection-checkbox .ids-data-grid-checkbox");r?.classList.remove("checked"),r?.setAttribute("aria-checked","false")}if(this.rowSelection==="single"){let r=e.querySelector(".ids-data-grid-radio");r?.classList.remove("checked"),r?.setAttribute("aria-checked","false")}this.updateDataset(i,{rowSelected:!1}),t&&this.triggerEvent("rowdeselected",this,{detail:{elem:this,row:e,data:this.data[i]}}),e.updateCells(i),this.groupSelectsChildren&&e.toggleChildRowSelection(!1),this.header?.setHeaderCheckbox()}}activateRow(i){let t=i;typeof i=="number"&&(t=this.rowByIndex(i)),!(!t||this.rowSelection!=="mixed")&&(t.classList.add("activated"),this.updateDataset(Number(t?.getAttribute("data-index")),{rowActivated:!0}),t?.updateCells(i),this.triggerEvent("rowactivated",this,{detail:{elem:this,row:t,data:this.data[i],index:i}}))}deactivateRow(i){if(typeof i>"u"||i===null)return;let t=i;typeof i=="number"&&(t=this.rowByIndex(i)),!(!t||this.rowSelection!=="mixed")&&(t.classList.remove("activated"),this.updateDataset(Number(t?.getAttribute("data-index")),{rowActivated:void 0}),t.updateCells(i),this.triggerEvent("rowdeactivated",this,{detail:{elem:this,row:t,data:this.data[i],index:i}}))}selectAllRows(){this.data?.forEach((i,t)=>{this.selectRow(t),i.rowSelected=!0}),this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}}),this.header?.setHeaderCheckbox()}deSelectAllRows(){this.data?.forEach((i,t)=>{i.rowSelected&&(this.deSelectRow(t),i.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(i){if(h(i)){this.setAttribute(a.AUTO_FIT,String(i));return}this.removeAttribute(a.AUTO_FIT)}get autoFit(){return h(this.getAttribute(a.AUTO_FIT))}set suppressCaching(i){if(h(i)){this.setAttribute(a.SUPPRESS_CACHING,String(i));return}this.removeAttribute(a.SUPPRESS_CACHING)}get suppressCaching(){return h(this.getAttribute(a.SUPPRESS_CACHING))||!1}setActiveCell(i,t,e){if(t<0||i<0||t>this.data.length-1||i>this.visibleColumns.length-1||Number.isNaN(t)||Number.isNaN(t))return this.activeCell;this.activeCell||(this.activeCell={}),this.activeCell.cell=Number(i),this.activeCell.row=Number(t);let d=this.rowByIndex(t);!d&&this.virtualScroll&&(l(this,W,ni).call(this,t),d=this.rowByIndex(t));let s=d?.querySelectorAll("ids-data-grid-cell");return s&&s.length>0&&s[i].activate(!!e),this.activeCell}set disableClientFilter(i){h(i)?this.setAttribute(a.DISABLE_CLIENT_FILTER,""):this.removeAttribute(a.DISABLE_CLIENT_FILTER)}get disableClientFilter(){let i=this.getAttribute(a.DISABLE_CLIENT_FILTER);return i!==null?h(i):this.filters.DEFAULTS.disableClientFilter}set filterable(i){let t=this.filterable!==h(i);typeof i<"u"&&i!==null?this.setAttribute(a.FILTERABLE,String(i)):this.removeAttribute(a.FILTERABLE),t&&this.header?.setFilterRow()}get filterable(){let i=this.getAttribute(a.FILTERABLE);return i!==null?h(i):this.filters.DEFAULTS.filterable}set filterRowDisabled(i){let t=this.filterRowDisabled!==h(i);typeof i<"u"&&i!==null?this.setAttribute(a.FILTER_ROW_DISABLED,String(i)):this.removeAttribute(a.FILTER_ROW_DISABLED),t&&this.filters?.setFilterRowDisabled()}get filterRowDisabled(){let i=this.getAttribute(a.FILTER_ROW_DISABLED);return i!==null?h(i):this.filters.DEFAULTS.filterRowDisabled}set filterWhenTyping(i){let t=this.filterWhenTyping!==h(i);typeof i<"u"&&i!==null?this.setAttribute(a.FILTER_WHEN_TYPING,String(i)):this.removeAttribute(a.FILTER_WHEN_TYPING),t&&this.filters?.setFilterWhenTyping()}get filterWhenTyping(){let i=this.getAttribute(a.FILTER_WHEN_TYPING);return i!==null?h(i):this.filters.DEFAULTS.filterWhenTyping}set treeGrid(i){h(i)?this.setAttribute(a.TREE_GRID,i.toString()):this.removeAttribute(a.TREE_GRID)}get treeGrid(){return this.hasAttribute(a.TREE_GRID)}set groupSelectsChildren(i){i=h(i),i?this.setAttribute(a.GROUP_SELECTS_CHILDREN,i.toString()):this.removeAttribute(a.GROUP_SELECTS_CHILDREN)}get groupSelectsChildren(){return h(this.getAttribute(a.GROUP_SELECTS_CHILDREN))||!1}set idColumn(i){i?this.setAttribute(a.ID_COLUMN,i.toString()):this.removeAttribute(a.ID_COLUMN)}get idColumn(){return this.getAttribute(a.ID_COLUMN)||"id"}set expandableRow(i){i?this.setAttribute(a.EXPANDABLE_ROW,i.toString()):this.removeAttribute(a.EXPANDABLE_ROW)}get expandableRow(){return this.getAttribute(a.EXPANDABLE_ROW)||!1}set expandableRowTemplate(i){i?this.setAttribute(a.EXPANDABLE_ROW_TEMPLATE,i.toString()):this.removeAttribute(a.EXPANDABLE_ROW_TEMPLATE)}get expandableRowTemplate(){return this.getAttribute(a.EXPANDABLE_ROW_TEMPLATE)||""}set uniqueId(i){let t=/number|string/g.test(typeof i)?`${i}`:null;typeof t=="string"&&t!==""?this.setAttribute(a.UNIQUE_ID,t):this.removeAttribute(a.UNIQUE_ID)}get uniqueId(){return this.getAttribute(a.UNIQUE_ID)}set editable(i){i=h(i),i?this.setAttribute(a.EDITABLE,i.toString()):this.removeAttribute(a.EDITABLE)}get editable(){return h(this.getAttribute(a.EDITABLE))}set editNextOnEnterPress(i){i=h(i),i?this.setAttribute(a.EDIT_NEXT_ON_ENTER_PRESS,i.toString()):this.removeAttribute(a.EDIT_NEXT_ON_ENTER_PRESS)}get editNextOnEnterPress(){return h(this.getAttribute(a.EDIT_NEXT_ON_ENTER_PRESS))}set addNewAtEnd(i){h(i)?this.setAttribute(a.ADD_NEW_AT_END,"true"):this.removeAttribute(a.ADD_NEW_AT_END)}get addNewAtEnd(){return h(this.getAttribute(a.ADD_NEW_AT_END))}get invalidCells(){let i=[];for(let t=0;t<this.data.length;t++)this.data[t]?.invalidCells&&(this.data[t].invalidCells?.forEach(e=>{e.row=t}),i.push(...this.data[t].invalidCells));return i}get dirtyCells(){let i=[];for(let t=0;t<this.data.length;t++)this.data[t]?.dirtyCells&&(this.data[t].dirtyCells?.forEach(e=>{e.row=t}),i.push(...this.data[t].dirtyCells));return i}resetDirtyCells(){this.data.forEach(i=>{i?.dirtyCells&&delete i.dirtyCells}),this.container?.querySelectorAll("ids-data-grid-cell.is-dirty").forEach(i=>{i.classList.remove("is-dirty")})}exportToExcel(i,t,e=!0){let d={},s={};i=i==="csv"||i==="xlsx"?i:"xlsx",e=i==="csv"?!0:e,this.columns.forEach(o=>{o.id&&o.field&&o.name&&(s[o.id]=o,d[o.id]={id:o.id,field:o.field,name:o.name,type:e?"string":this.determineColType(o)})});let r=document.createElement("span"),n=e?this.datasource.data.map((o,u)=>{let p={};return Object.keys(d).forEach(b=>{let f=s[b],w=f?.formatter,A=w===this.formatters.decimal||w===this.formatters.integer,v=o[d[b].field],x=v;if(v!=null&&!A&&w){let E=w.call(this.formatters,o,f,u,this);r.innerHTML=E,x=r.textContent?.trim()}p[b]=x}),p}):this.datasource.data;(i==="csv"?Zi:Ji)(n,{filename:t||"data-grid",columns:Object.values(d)})}determineColType(i){let t="string";return(i.formatter===this.formatters.integer||i.formatter===this.formatters.decimal)&&(t="number"),i.formatter===this.formatters.date&&(t="date"),i.formatter===this.formatters.time&&(t="time"),t}cellByIndex(i,t){return this.rowByIndex(i)?.cellByIndex?.(t)??null}activeCellCanClose(){return!(this.activeCellEditor&&this.activeCellEditor.editor&&this.activeCellEditor.editor.popup&&this.activeCellEditor.editor.popup.visible)}};ci=new WeakSet,pt=function(){this.columns.length===0&&this.data.length===0||!this.initialized||(this.body&&(this.body.innerHTML=this.bodyInnerTemplate()),l(this,hi,ut).call(this),this.header?.setHeaderCheckbox())},S=new WeakMap,T=new WeakMap,hi=new WeakSet,ut=function(){k(this,S,null)},K=new WeakSet,Ni=function(){k(this,T,null)},pi=new WeakSet,mt=function(i){if(y(this,S)===null)return;let t=Math.min(i,y(this,S)),e=Math.max(i,y(this,S)),d=this.rowIsSelected(i);for(let s=t;s<=e;s++)d?this.deSelectRow(s):this.selectRow(s);l(this,ui,bt).call(this)?.removeAllRanges?.(),this.header?.setHeaderCheckbox(),this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}})},ui=new WeakSet,bt=function(){return this.shadowRoot?.getSelection?this.shadowRoot?.getSelection():document.getSelection()},mi=new WeakSet,ft=function(){let i=this.body;this.offEvent("click.body",i),this.onEvent("click.body",i,t=>{let e=t.target.closest("ids-data-grid-cell");if(!e||e.isEditing)return;let d=Number(e.getAttribute("aria-colindex"))-1,s=e.parentNode;if(s.disabled)return;let r=s.rowIndex;t.shiftKey||l(this,K,Ni).call(this);let n=t.target?.nodeName==="IDS-HYPERLINK"||t.target?.nodeName==="A",g=t.target?.nodeName==="IDS-BUTTON",o=g&&t.target?.classList.contains("expand-button"),u=g||n,p=this.visibleColumns[d];this.setActiveCell(d,r,n),u&&p.click!==void 0&&!t.target?.getAttribute("disabled")&&p.click(this.data[r],this.visibleColumns[d],t),this.triggerEvent("rowclick",this,{detail:{elem:this,row:s,data:this.data[r]}});let b=()=>{["multiple","mixed"].includes(String(this.rowSelection))?(t.shiftKey&&y(this,S)!==null?l(this,pi,mt).call(this,r):s.toggleSelection(),k(this,S,r)):s.toggleSelection()};if(u&&o){s.toggleExpandCollapse();return}if(this.rowSelection==="mixed"){e.children[0]?.classList.contains("ids-data-grid-checkbox-container")?b():s.toggleRowActivation();return}this.rowSelection!==!1&&this.rowSelection!=="mixed"&&(!this.suppressRowClickSelection||this.suppressRowClickSelection&&e.children[0]?.classList.contains("is-selection-checkbox"))&&b(),this.editable&&p.editor&&e.startCellEdit(t)}),this.offEvent("dblclick.container",this.container),this.onEvent("dblclick.container",this.container,t=>{this.triggerEvent("dblclick",this,{bubbles:!0,detail:{...rt.apply(this,[t]),originalEvent:t}})}),this.filters?.attachFilterEventHandlers(),this.attachSaveSettingsEventHandlers?.()},bi=new WeakSet,xt=function(){return this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,i=>{let t=_i(Di(i),".ids-data-grid-header-cell-filter-wrapper"),e=i.key;if(i.shiftKey||l(this,K,Ni).call(this),t||!this.activeCell?.node||this.openMenu)return;let d=this.activeCell.node,s=Number(this.activeCell?.cell),r=e==="ArrowDown"?1:e==="ArrowUp"?-1:0,n=e==="ArrowRight"?1:e==="ArrowLeft"?-1:0,g=Number(ai(d.parentElement,":not([hidden])")?.getAttribute("row-index")),o=Number(di(d.parentElement,":not([hidden])")?.getAttribute("row-index")),u=e==="ArrowDown"?g:o,p=e==="ArrowLeft"||e==="ArrowRight",b=s<0||s>=this.visibleColumns.length;if(p&&b)return;let f=e==="ArrowDown"||e==="ArrowUp",w=g>=this.data.length||o<0;if(f&&w)return;if(this.activeCellEditor){if(!this.activeCellCanClose())return;d.endCellEdit()}let A=s+n,v=r===0?Number(this.activeCell?.row):u;if(this.setActiveCell(A,v),(this.rowSelection==="mixed"||this.rowSelection==="multiple")&&f&&i.shiftKey){let x=Number(d.parentElement.getAttribute("row-index"));y(this,T)??k(this,T,x);let E=Math.min(v,y(this,T)),C=Math.max(v,y(this,T));if(Number.isNaN(E)||Number.isNaN(C))return;(x<E||x>C)&&this.deSelectRow(x);for(let R=E;R<=C;R++)this.selectRow(R)}this.rowSelection==="mixed"&&this.rowNavigation&&d.parentElement.toggleRowActivation(),i.preventDefault(),i.stopPropagation()}),this.listen([" "],this,i=>{if(this.openMenu||this.activeCellEditor||!this.activeCell?.node||!this.activeCellCanClose())return;let t=this.rowByIndex(this.activeCell.row);if(!t||t.disabled)return;let e=this.activeCell.node.querySelector("ids-button");if(e){e.click(),i.preventDefault();return}let d=this.activeCell.node.children[0];if(d?.classList.contains("ids-data-grid-checkbox-container")&&!d?.classList.contains("is-selection-checkbox")){this.activeCell.node.click(),i.preventDefault();return}t.toggleSelection(),i.preventDefault()}),this.listen(["Enter"],this,i=>{if(this.openMenu||!this.activeCell?.node||_i(Di(i),".ids-data-grid-header-cell")||!this.activeCellCanClose())return;let t=this.rowByIndex(this.activeCell.row);if(!t||t.disabled)return;let e=this.activeCell.node,d=e.querySelector("ids-hyperlink"),s=e.querySelector("ids-button"),r=e.querySelector("a");d&&!d.container.matches(":focus")&&!d.hasAttribute("disabled")&&(d.container.click(),d.container.focus()),s&&!s.hasAttribute("disabled")&&s.click(),r?.click(),r&&e.focus(),l(this,fi,wt).call(this,i,e)}),this.listen(["F2"],this,()=>{let i=this.activeCell.node;this.activeCellEditor&&(i.endCellEdit(),i.focus())}),this.listen(["Escape"],this,()=>{if(this.openMenu)return;let i=this.activeCell.node;if(this.activeCellEditor){if(!this.activeCellCanClose())return;i.cancelCellEdit(),i.focus()}}),this.listen(["Tab"],this,i=>{if(!this.openMenu)return this.activeCellEditor?(this.activeCellCanClose()&&(i.shiftKey?l(this,M,q).call(this,"previous"):l(this,M,q).call(this,"next"),i.stopImmediatePropagation(),i.stopPropagation(),i.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,i=>{let t=i.key.length===1;!this.activeCellEditor&&t&&i.key!==" "&&this.activeCell?.node?.startCellEdit?.()}),this},M=new WeakSet,q=function(i){this.commitCellEdit();let t=i==="next"?ai(this.activeCell.node,".is-editable"):di(this.activeCell.node,".is-editable"),e=this.body?.querySelectorAll(".ids-data-grid-row");if(!t&&e&&i==="next")for(let r=this.activeCell.row+1;r<e.length;r++){let n=e[r];if(n.firstChild.classList?.contains("is-editable")){t=n.firstChild;break}if(t=ai(n.firstChild,".is-editable"),t)break}if(!t&&e&&i==="previous")for(let r=this.activeCell.row-1;r>=0;r--){let n=e[r];if(n.lastChild.classList?.contains("is-editable")){t=n.lastChild;break}if(t=di(n.lastChild,".is-editable"),t)break}if(!t)return this.addNewAtEnd?(this.addRow({}),l(this,M,q).call(this,"next")):(this.activeCell.node.focus(),this.activeCell.node.startCellEdit(),this.activeCell.node);let d=Number(t.parentElement?.getAttribute("aria-rowindex"))-1,s=Number(t.getAttribute("aria-colindex"))-1;return this.setActiveCell(s,d,!0),t.startCellEdit(),t},fi=new WeakSet,wt=function(i,t){this.editable&&t.classList.contains("is-editable")&&t.classList.contains("is-editing")?(t.endCellEdit(),t.focus(),this.editNextOnEnterPress&&(this.setActiveCell(Number(this.activeCell?.cell),Number(this.activeCell?.row)+(i.shiftKey?-1:1)),this.activeCell.node.startCellEdit())):t.startCellEdit()},j=new WeakSet,Li=function(){let i="",t=this.visibleColumns.length;this.visibleColumns.forEach((e,d)=>{(e.id==="selectionCheckbox"||e.id==="selectionRadio")&&!e.width&&(e.width=45),e.width&&typeof e.width=="string"&&e.width.indexOf("%")>-1&&(i+=`minmax(${e.width}, 1fr) `),e.width&&typeof e.width=="string"&&e.width.indexOf("%")===-1&&(i+=`${e.width} `),e.width&&typeof e.width=="number"&&(i+=`${e.width}px `),e.width||(i+="minmax(110px, 1fr) "),e?.frozen&&d>0&&d<t-1&&this.container?.style.setProperty(`--ids-data-grid-frozen-column-left-width-${d+1}`,`${this.visibleColumns[d-1].width}px`)}),this.container?.style.setProperty("--ids-data-grid-column-widths",i),l(this,Q,Gi).call(this)},Q=new WeakSet,Gi=function(){if(this.columnGroups){let i=1,t=this.container?.querySelector(".ids-data-grid-column-groups")?.childNodes;this.columnGroups.forEach((e,d)=>{let s=e.colspan;for(let r=1;r<=s;r++)this.columns[i]?.hidden&&(s-=1),i++;t?.item(d)?.style.setProperty("grid-column-start",`span ${s}`)})}},xi=new WeakSet,vt=function(){if(!this.virtualScroll)return;let i=this.data,t=this.rows;if(!i.length||!t.length)return;let{MAX_ROWS_IN_DOM:e,ROW_HEIGHT:d}=this.virtualScrollSettings,s=Math.min(i.length,e)-t.length,r=[],g=t[t.length-1]?.rowIndex||0;for(;r.length<s;){let o=g+r.length+1;if(i[o]){let p=D.template(i[o],o,o+1,this);r.push(p)}}r.length&&this.body&&(this.body.innerHTML+=r.join("")),r.length===0&&i.length-1>g&&l(this,L,X).call(this,d)},N=new WeakMap,Z=new WeakSet,Oi=function(){let i=this.virtualScrollSettings;this.offEvent("scroll.data-grid",this.container),this.onEvent("scroll.data-grid",this.container,()=>{let t=this.container.scrollTop,e=i.ROW_HEIGHT,d=Math.floor(t/e),s=this.rows,r=d<=0,n=this.container.offsetHeight+this.container.scrollTop>=this.container.scrollHeight;if(r){let g=s[0];l(this,z,li).call(this,g?.rowIndex??0,"start")}if(n){let g=this.datasource.originalData.length-1;l(this,z,li).call(this,g,"end")}!r&&!n&&l(this,z,li).call(this,0)},{capture:!0,passive:!0}),l(this,J,Hi).call(this)},J=new WeakSet,Hi=function(){if(!this.virtualScroll)return;let t=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(),l(this,L,X).call(this,t)},{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.treeGrid||l(this,L,X).call(this,t)}),this.offEvent("rowexpanded.data-grid.virtual-scroll",this),this.onEvent("rowexpanded.data-grid.virtual-scroll",this,e=>{l(this,ii,Pi).call(this,!0,e.detail)}),this.offEvent("rowcollapsed.data-grid.virtual-scroll",this),this.onEvent("rowcollapsed.data-grid.virtual-scroll",this,e=>{l(this,ii,Pi).call(this,!1,e.detail)})},H=new WeakSet,si=function(i,t){let e=i.childrenVRefIds?.length>0,d=i.rowExpanded;this.updateDataset(i.vsRedId,{rowHidden:!t}),i.rowHidden=!t,e&&i.childrenVRefIds.forEach(s=>{l(this,H,si).call(this,this.data[s],d&&!i.rowHidden)})},ii=new WeakSet,Pi=function(i,t){let e=t.row,d=t.allRows,s=this.virtualScrollSettings.ROW_HEIGHT,r=Math.floor(this.container.scrollTop/s);if(d){l(this,I,_).call(this,r);return}this.updateDataset(e,{rowExpanded:i,rowHidden:!1}),l(this,H,si).call(this,this.data[e],!0),l(this,I,_).call(this,r)},I=new WeakSet,_=function(i,t={}){let e=this.rows,d=this.data,s=this.virtualRows,r=s.length-1,n=this.virtualScrollSettings,g=Math.min(n.MAX_ROWS_IN_DOM,s.length);i=Math.max(i,0),i=Math.min(i,r);let o=i-n.BUFFER_ROWS;o=Math.min(o,r-g+1),o=Math.max(o,0);let u,p;for(u=0;u<e.length;u++){p=o+u;let b=e[u],f=s[p]?.vsRefId;f>=0&&(b.rowIndex=f),t[f]&&b.renderRow(f)}if(g-e.length!==0){let b=e.length-g;b>0&&e.slice(-1*b).forEach(w=>w.remove());let f=g-e.length;f>0&&(this.body.innerHTML+=[...Array(f)].map(()=>{let w=s[++p]?.vsRefId;return D.template(d[w],w,w+1,this)}).join(""))}l(this,G,Y).call(this,o,this.virtualRows.length,n)},L=new WeakSet,X=function(i){if(!this.virtualScroll)return;let t=Math.floor(this.container.scrollTop/i);this.treeGrid?l(this,yi,Rt).call(this,t):l(this,W,ni).call(this,t,!1)},P=new WeakMap,z=new WeakSet,li=function(i,t){t?i!==y(this,P)[t]&&(y(this,P)[t]=i,this.triggerEvent(`scroll${t}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:i}})):k(this,P,{})},G=new WeakSet,Y=function(i,t,e){let{ROW_HEIGHT:d,MAX_ROWS_IN_DOM:s}=e||this.virtualScrollSettings,r=i*d,g=t*d-s*d-r;this.body?.style.setProperty("transform",`translateY(${r}px)`),this.body?.style.setProperty("padding-bottom",`${Math.max(g,0)}px`)},ti=new WeakSet,zi=function(i){this.rowByIndex(i)?.scrollIntoView?.();let t=this.header?.clientHeight,e=this.container.scrollHeight,d=this.container.clientHeight;this.container.scrollTop+d>=e||(this.container.scrollTop-=t)},wi=new WeakSet,yt=function(i){if(!this.container||!this.data.length)return;let{ROW_HEIGHT:t}=this.virtualScrollSettings,e=this.data[i].rowHidden,d={};if(e){let r=this.data[i],n=l(this,U,gi).call(this,this.data,r.parentElement??"");for(;n;)d[n.vsRefId]=!0,this.updateDataset(n.vsRefId,{rowExpanded:!0,rowHidden:!1}),n=l(this,U,gi).call(this,this.data,n.parentElement??"");let g=l(this,Ii,Ct).call(this,r);g&&l(this,H,si).call(this,g,!0)}let s=this.virtualRows.indexOf(this.data[i]);l(this,I,_).call(this,s,d),this.container.scrollTop=s*t},W=new WeakSet,ni=function(i,t=!0){let e=this.data,d=this.rows;if(!e.length||!d.length)return;let s=this.virtualScrollSettings,r=e.length-1;if(i=Math.max(i,0),i=Math.min(i,r),!this.virtualScroll){l(this,ti,zi).call(this,i);return}let n=this.container,g=this.body,o=d[0],u=d[d.length-1],p=o.rowIndex,b=u.rowIndex,f=i<p,w=i>b,A=!f&&!w,v=b>=r,x=i-s.BUFFER_ROWS;if(x=Math.max(x,0),x=Math.min(x,r),A&&t){this.offEvent("scroll.data-grid.virtual-scroll",this.container),l(this,ti,zi).call(this,i),l(this,J,Hi).call(this);return}if(A){let ki=x-p,Bi=Math.abs(ki);if(ki>0)v||l(this,Si,At).call(this,ki);else if(Bi<s.MAX_ROWS_IN_DOM)l(this,ei,Wi).call(this,Bi);else return}else f?l(this,B,oi).call(this,x):w&&l(this,B,oi).call(this,x);let E=s.ROW_HEIGHT,R=this.rows[0].rowIndex*E;v||g.style.setProperty("transform",`translateY(${R}px)`),l(this,vi,Et).call(this,s,this.data.length,R),t&&(n.scrollTop=i*E)},vi=new WeakSet,Et=function(i,t,e){let s=t*i.ROW_HEIGHT-i.MAX_ROWS_IN_DOM*i.ROW_HEIGHT-e;this.body?.style.setProperty("padding-bottom",`${Math.max(s,0)}px`)},yi=new WeakSet,Rt=function(i){let t=this.rows,e=this.virtualRows;if(!e.length||!t.length){l(this,G,Y).call(this,0,0);return}let d=e.length-1;i=Math.max(i,0),i=Math.min(i,d);let s=this.virtualScrollSettings,r=t[0],n=e.indexOf(r.rowData),g=t[t.length-1],o=e.indexOf(g.rowData),u=o>=d,p=i-s.BUFFER_ROWS;p=Math.max(p,0),p=Math.min(p,d);let b=t[0],f=e.indexOf(b.rowData),w=t[t.length-1],A=e.indexOf(w.rowData),v=p-f,x=v<0?Math.abs(v):NaN,E=i>=f&&i<=A,C={maxRowIndex:d,firstVisibleRowIndex:n,lastVisibleRowIndex:o,dataVisibleRows:e};if(E){if(v>0&&!u){let R=this.rows.slice(0,v);l(this,Ei,St).call(this,C,R)}else if(x&&x<s.MAX_ROWS_IN_DOM){let R=this.rows.slice(-1*x);l(this,Ri,It).call(this,C,R)}}else l(this,I,_).call(this,i);e=this.virtualRows,r=this.rowsVisible[0],n=e.indexOf(r.rowData),l(this,G,Y).call(this,n,e.length,s)},Ei=new WeakSet,St=function(i,t){let{maxRowIndex:e,lastVisibleRowIndex:d,dataVisibleRows:s}=i,r=[];t.forEach((n,g)=>{let o=d+g+1,u=s[o];if(o>e)return;let p=u.vsRefId;n.rowIndex=p,r.push(n)}),r.length&&this.body?.append(...r)},Ri=new WeakSet,It=function(i,t){let{firstVisibleRowIndex:e,dataVisibleRows:d}=i,s=[];t.forEach((r,n)=>{let g=e-(n+1),u=d[g].vsRefId;r.rowIndex=u,s.push(r)}),s.length&&this.body?.prepend(...s.reverse())},B=new WeakSet,oi=function(i){let t=this.data,e=this.rows;if(!t.length||!e.length)return;let d=t.length-1;i=Math.min(i,d),i=Math.max(i,0);let{MAX_ROWS_IN_DOM:s}=this.virtualScrollSettings;this.rows.every((r,n)=>{let g=i+n;if(g>d){let o=s-n;return l(this,ei,Wi).call(this,o),!1}return r.rowIndex=g,!0})},Si=new WeakSet,At=function(i){let t=this.rows;if(!i||!t.length)return;let e=this.data,s=t[t.length-1].rowIndex,r=t.slice(0,i),n=[];r.every((g,o)=>{let u=s+(o+1);return u>=e.length?!1:(g.rowIndex=u,n.push(g))}),n.length&&(n.length>=this.virtualScrollSettings.MAX_ROWS_IN_DOM||this.body?.append(...n))},ei=new WeakSet,Wi=function(i){let t=this.rows;if(!i||!t.length)return;let d=t[0].rowIndex,s=t.slice(-1*i),r=[];s.every((n,g)=>{let o=d-(g+1);return o<0?!1:(n.rowIndex=o,r.push(n))}),r.length&&this.body?.prepend(...r.reverse())},U=new WeakSet,gi=function(i,t){let e;return t.split(" ").forEach((d,s)=>{s===0?e=i.find(r=>r[this.idColumn]==d):e=e?.children.find(r=>r.id==d)}),e},Ii=new WeakSet,Ct=function(i){if(!i.parentElement)return i;let t=i.parentElement.split(" ")[0];return this.data.find(d=>d[this.idColumn]==t)},O=new WeakSet,$=function(){this.container?.setAttribute("aria-rowcount",this.rowCount.toString())},Ai=new WeakSet,kt=function(){this.autoFitSet||this.autoFit===!0&&(this.container?.style.setProperty("height","100%"),this.wrapper?.style.setProperty("height","100%"),this.autoFitSet=!0)},Ci=new WeakSet,Dt=function(){let i=this.wrapper?.querySelectorAll("ids-popup-menu");i?.length&&[...i].forEach(t=>t.remove())},V=Ui([Fi("ids-data-grid"),Vi(ht)],V);export{V as a};