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

package/chunks/ids-chunk-AVQQQYIZ.js

@@ -0,0 +1,1968 @@
+import{a as Y,b as V}from"./ids-chunk-LVUIKMAB.js";import{a as j}from"./ids-chunk-7PCIZMHJ.js";import{a as X}from"./ids-chunk-UD7EZL5K.js";import{a as N}from"./ids-chunk-3VW3FNZM.js";import{a as E}from"./ids-chunk-SUAIQHKR.js";import{a as ai}from"./ids-chunk-YUEBHWUV.js";import{a as di}from"./ids-chunk-OZYIOYWV.js";import{a as K}from"./ids-chunk-CDMREUYZ.js";import{a as T,b as I}from"./ids-chunk-ARK6U5LB.js";import{a as Q,d as J}from"./ids-chunk-PCQZFZLI.js";import{a as D,b as _}from"./ids-chunk-KWUI36H2.js";import{g as $}from"./ids-chunk-XGOUI2YO.js";import{a as Z,c as ii,e as ti,f as ei,g as y}from"./ids-chunk-QG2YEIVS.js";import{a as q}from"./ids-chunk-XOOLNL2R.js";import{a as U}from"./ids-chunk-7O3OTI42.js";import{a as z}from"./ids-chunk-MXFCUDLP.js";import{a as W}from"./ids-chunk-T6ZV4PDM.js";import{a as B}from"./ids-chunk-B6P5AQ2Z.js";import{a as O,b as P}from"./ids-chunk-XE4WFW5M.js";import{a as F}from"./ids-chunk-DCNGT4R2.js";import{a as H}from"./ids-chunk-CS7RTATZ.js";import{g as R,h as C}from"./ids-chunk-U4XVR5SW.js";import{e as o}from"./ids-chunk-TJKIW3GF.js";import{a}from"./ids-chunk-6EMRTLSG.js";import{a as G}from"./ids-chunk-5K6IDMGA.js";var ri=`
+/* 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 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-timepicker, .ids-data-grid-cell.is-editable.is-datepicker {
+  justify-content: space-between;
+}
+.ids-data-grid-cell.is-editable.is-timepicker .text-ellipsis, .ids-data-grid-cell.is-editable.is-datepicker .text-ellipsis {
+  padding-inline-end: 0;
+}
+.ids-data-grid-cell.is-editable .editor-cell-icon {
+  margin-inline-end: 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-timepicker, .ids-data-grid-cell.is-editing.is-datepicker {
+  overflow: visible;
+}
+.ids-data-grid-cell.is-editable.is-dropdown .dropdown-cell-value {
+  width: 100%;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-dirty::before {
+  margin-inline: 3px;
+}
+.ids-data-grid-cell.is-editing.is-dropdown:not(.is-inline) {
+  border-left-width: 0;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-inline {
+  box-shadow: none;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-inline ids-dropdown {
+  padding: 0 4px;
+}
+.ids-data-grid-cell.is-editing.is-dropdown.is-inline.is-dirty::before {
+  margin-inline: 6px;
+}
+.ids-data-grid-cell.is-editing.is-uppercase {
+  text-transform: uppercase;
+}
+.ids-data-grid-cell.is-editing.is-uppercase ids-list-box-option,
+.ids-data-grid-cell.is-editing.is-uppercase ids-dropdown::part(triggerfield-input),
+.ids-data-grid-cell.is-editing.is-uppercase ids-input::part(input) {
+  text-transform: uppercase;
+}
+.ids-data-grid-cell.frozen {
+  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 li=q(ai(di(W(z(B(F)))))),S=class extends li{initialized=!1;isResizing=!1;activeCell={};autoFitSet=!1;currentColumns;sortColumn;emptyMessageElements;cacheHash=Math.random().toString(32).substring(2,10);openMenu=null;contextmenuTypes={...Q};constructor(){super(),this.initialized=!1,this.state={menuData:null}}get header(){return this.container?.querySelector("ids-data-grid-header:not(.column-groups)")}get body(){return this.container?.querySelector(".ids-data-grid-body")}get rows(){return this.container?[...this.container.querySelectorAll(".ids-data-grid-body ids-data-grid-row")]:[]}get 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 wrapper(){return this.container?.parentNode}connectedCallback(){this.initialized&&this.restoreAllSettings?.(),super.connectedCallback(),this.redrawBody(),I.apply(this),this.#h()}disconnectedCallback(){super.disconnectedCallback(),this.openMenu=null}datasource=new U;filters=new j(this);formatters=new X;editors=$;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.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]}vetoableEventTypes=["beforemenushow","beforetooltipshow"];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=Z.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}">
+          ${N.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}})}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}})}toggleEmptyMessage(i){ei.apply(this,[i])}applyFilter(i){this.filters?.applyFilter(i)}redrawBody(){this.#f(),this.pager?.sync?.apply(this)}#f(){this.columns.length===0&&this.data.length===0||!this.initialized||(this.body&&(this.body.innerHTML=this.bodyInnerTemplate()),this.#x(),this.header?.setHeaderCheckbox())}redraw(){if(this.columns.length===0||!this.initialized)return;this.#k();let i=N.template(this),t=this.bodyTemplate();this.container&&(this.container.innerHTML=i+t),this.#g(),this.#I(),this.header?.setHeaderCheckbox(),this.#y(),this.#E(),this.#h(),this.setupTooltip(),this.filters.attachFilterSettings(),this.#d(),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 H.onThemeLoaded().promise,this.#a(i),t()):requestAnimationFrame(()=>{this.setActiveCell(0,0,!0),t()})}contextmenuInfo={};isDynamicContextmenu=!1;bodyTemplate(){return`<div class="ids-data-grid-body" part="contents" role="rowgroup">${this.bodyInnerTemplate()}</div>`}resetCache(i){(i===0||i&&i>=1)&&delete E.rowCache[i],E.rowCache={},K.cellCache={}}bodyInnerTemplate(){this.resetCache();let i="",t=this.virtualScroll?this.data.slice(0,this.virtualScrollSettings.MAX_ROWS_IN_DOM):this.data;for(let e=0;e<t.length;e++)i+=E.template(t[e],e,e+1,this);return i}rowIsSelected(i){return!!this.data[i].rowSelected}#i=null;#t=null;#x(){this.#i=null}#o(){this.#t=null}#w(i){if(this.#i===null)return;let t=Math.min(i,this.#i),e=Math.max(i,this.#i),r=this.rowIsSelected(i);for(let s=t;s<=e;s++)r?this.deSelectRow(s):this.selectRow(s);this.#v()?.removeAllRanges?.(),this.header?.setHeaderCheckbox(),this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}})}#v(){return this.shadowRoot?.getSelection?this.shadowRoot?.getSelection():document.getSelection()}#y(){let 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 r=Number(e.getAttribute("aria-colindex"))-1,s=e.parentNode;if(s.disabled)return;let d=s.rowIndex;t.shiftKey||this.#o();let l=t.target?.nodeName==="IDS-HYPERLINK"||t.target?.nodeName==="A",g=t.target?.nodeName==="IDS-BUTTON",n=g&&t.target?.classList.contains("expand-button"),p=g||l,h=this.visibleColumns[r];this.setActiveCell(r,d,l),p&&h.click!==void 0&&!t.target?.getAttribute("disabled")&&h.click(this.data[d],this.visibleColumns[r],t),this.triggerEvent("rowclick",this,{detail:{elem:this,row:s,data:this.data[d]}});let u=()=>{["multiple","mixed"].includes(String(this.rowSelection))?(t.shiftKey&&this.#i!==null?this.#w(d):s.toggleSelection(),this.#i=d):s.toggleSelection()};if(p&&n){s.toggleExpandCollapse();return}if(this.rowSelection==="mixed"){e.children[0]?.classList.contains("ids-data-grid-checkbox-container")?u():s.toggleRowActivation();return}this.rowSelection!==!1&&this.rowSelection!=="mixed"&&(!this.suppressRowClickSelection||this.suppressRowClickSelection&&e.children[0]?.classList.contains("is-selection-checkbox"))&&u(),this.editable&&h.editor&&e.startCellEdit(t)}),this.offEvent("dblclick.container",this.container),this.onEvent("dblclick.container",this.container,t=>{this.triggerEvent("dblclick",this,{bubbles:!0,detail:{...J.apply(this,[t]),originalEvent:t}})}),this.filters?.attachFilterEventHandlers(),this.attachSaveSettingsEventHandlers?.()}onLocaleChange=()=>{this.redraw()};moveColumn(i,t){if(i===-1||t===-1)return;let e=this.columnIdxById(this.visibleColumns[i].id),r=this.columnIdxById(this.visibleColumns[t].id),s=this.columns[e];this.columns.splice(e,1),this.columns.splice(r,0,s),this.dirtyCells.forEach(d=>{if(d.cell===i){let l=this.data[d?.row],g=l.dirtyCells.findIndex(n=>n.cell===i);l.dirtyCells[g].cell=t}if(d.cell===t){let l=this.data[d?.row],g=l.dirtyCells.findIndex(n=>n.cell===t);l.dirtyCells[g].cell=i}}),this.invalidCells.forEach(d=>{if(d.cell===i){let l=this.data[d?.row],g=l.invalidCells.findIndex(n=>n.cell===i);l.invalidCells[g].cell=t}}),ii.apply(this),this.redraw(),this.triggerEvent("columnmoved",this,{detail:{elem:this,fromIndex:e,toIndex:r}}),this.sortColumn&&this.header?.setSortState(this.sortColumn.id,this.sortColumn.ascending),this.saveSettings?.()}#E(){return this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,i=>{let t=_(D(i),".ids-data-grid-header-cell-filter-wrapper"),e=i.key;if(i.shiftKey||this.#o(),t||!this.activeCell?.node||this.openMenu)return;let r=this.activeCell.node,s=Number(this.activeCell?.cell),d=e==="ArrowDown"?1:e==="ArrowUp"?-1:0,l=e==="ArrowRight"?1:e==="ArrowLeft"?-1:0,g=Number(R(r.parentElement,":not([hidden])")?.getAttribute("row-index")),n=Number(C(r.parentElement,":not([hidden])")?.getAttribute("row-index")),p=e==="ArrowDown"?g:n,h=e==="ArrowLeft"||e==="ArrowRight",u=s<0||s>=this.visibleColumns.length;if(h&&u)return;let x=e==="ArrowDown"||e==="ArrowUp",m=g>=this.data.length||n<0;if(x&&m)return;if(this.activeCellEditor){if(!this.activeCellCanClose())return;r.endCellEdit()}let w=s+l,b=d===0?Number(this.activeCell?.row):p;if(this.setActiveCell(w,b),(this.rowSelection==="mixed"||this.rowSelection==="multiple")&&x&&i.shiftKey){let c=Number(r.parentElement.getAttribute("row-index"));this.#t??=c;let f=Math.min(b,this.#t),A=Math.max(b,this.#t);if(Number.isNaN(f)||Number.isNaN(A))return;(c<f||c>A)&&this.deSelectRow(c);for(let v=f;v<=A;v++)this.selectRow(v)}this.rowSelection==="mixed"&&this.rowNavigation&&r.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 r=this.activeCell.node.children[0];if(r?.classList.contains("ids-data-grid-checkbox-container")&&!r?.classList.contains("is-selection-checkbox")){this.activeCell.node.click(),i.preventDefault();return}t.toggleSelection(),i.preventDefault()}),this.listen(["Enter"],this,i=>{if(this.openMenu||!this.activeCell?.node||_(D(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,r=e.querySelector("ids-hyperlink"),s=e.querySelector("ids-button"),d=e.querySelector("a");r&&!r.container.matches(":focus")&&!r.hasAttribute("disabled")&&(r.container.click(),r.container.focus()),s&&!s.hasAttribute("disabled")&&s.click(),d?.click(),d&&e.focus(),this.#S(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?this.#e("previous"):this.#e("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}#e(i){this.commitCellEdit();let t=i==="next"?R(this.activeCell.node,".is-editable"):C(this.activeCell.node,".is-editable"),e=this.body?.querySelectorAll(".ids-data-grid-row");if(!t&&e&&i==="next")for(let d=this.activeCell.row+1;d<e.length;d++){let l=e[d];if(t=R(l.firstChild,".is-editable"),t)break}if(!t&&e&&i==="previous")for(let d=this.activeCell.row-1;d>=0;d--){let l=e[d];if(l.lastChild.classList?.contains("is-editable")){t=l.lastChild;break}if(t=C(l.lastChild,".is-editable"),t)break}if(!t)return this.addNewAtEnd?(this.addRow({}),this.#e("next")):(this.activeCell.node.focus(),this.activeCell.node.startCellEdit(),this.activeCell.node);let r=Number(t.parentElement?.getAttribute("aria-rowindex"))-1,s=Number(t.getAttribute("aria-colindex"))-1;return this.setActiveCell(s,r,!0),t.startCellEdit(),t}#S(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()}#g(){let i="",t=this.visibleColumns.length;this.visibleColumns.forEach((e,r)=>{(e.id==="selectionCheckbox"||e.id==="selectionRadio")&&!e.width&&(e.width=45),e.width&&typeof e.width=="string"&&e.width.indexOf("%")>-1&&(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&&r>0&&r<t-1&&this.container?.style.setProperty(`--ids-data-grid-frozen-column-left-width-${r+1}`,`${this.visibleColumns[r-1].width}px`)}),this.container?.style.setProperty("--ids-data-grid-column-widths",i),this.#c()}setColumnWidth(i,t){let e=this.columnIdxById(i),r=this.columnDataById(i),s=r.minWidth||12,d=r.maxWidth||Number.MAX_SAFE_INTEGER;this.columns[e]&&t>=s&&t<=d&&(this.columns[e].width=t,this.#g(),this.#c()),this.triggerEvent("columnresized",this,{detail:{index:e,column:r,columns:this.columns}}),this.saveSettings?.()}setColumnVisible(i,t){this.columnDataById(i).hidden=!t,this.redraw()}#c(){if(this.columnGroups){let i=1,t=this.container?.querySelector(".ids-data-grid-column-groups")?.childNodes;this.columnGroups.forEach((e,r)=>{let s=e.colspan;for(let d=1;d<=s;d++)this.columns[i]?.hidden&&(s-=1),i++;t?.item(r)?.style.setProperty("grid-column-start",`span ${s}`)})}}setSortColumn(i,t=!0){let e=this.columnDataById(i),r=e?.field!==e?.id?e?.field:e?.id;this.sortColumn={id:i,ascending:t},this.datasource.sort(r||"",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){o(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(o(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 o(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.#A()):this.data=this.data.concat(i))}#A(){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:r}=this.virtualScrollSettings,s=Math.min(i.length,e)-t.length,d=[],g=t[t.length-1]?.rowIndex||0;for(;d.length<s;){let n=g+d.length+1;if(i[n]){let h=E.template(i[n],n,n+1,this);d.push(h)}}d.length&&this.body&&(this.body.innerHTML+=d.join("")),d.length===0&&i.length-1>g&&this.#r(r)}set data(i){i?(ti.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),y.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),y.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),y.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=T.apply(this,[!0]);t&&(t.data=i),I.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=T.apply(this);t&&(t.data=i),I.apply(this)}this.isDynamicContextmenu=!1}get menuData(){return this?.state?.menuData}set virtualScroll(i){o(i)?this.setAttribute(a.VIRTUAL_SCROLL,"true"):this.removeAttribute(a.VIRTUAL_SCROLL),this.redraw()}get virtualScroll(){return o(this.getAttribute(a.VIRTUAL_SCROLL))}get virtualScrollSettings(){let i=!!this.virtualScroll,t=this.rowPixelHeight||50,e=this.virtualScrollMaxRowsInDOM,r=e*t,s=54;this.rowsHidden.length&&(s=Math.ceil(s/e*this.rowsVisible.length));let d=s*t;return{ENABLED:i,ROW_HEIGHT:t,MAX_ROWS_IN_DOM:e,BODY_HEIGHT:r,BUFFER_ROWS:s,BUFFER_HEIGHT:d,RAF_DELAY:60,DEBOUNCE_RATE:10}}virtualScrollMaxRowsInDOM=150;#h(){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,r=Math.floor(t/e),s=this.rows,d=r<=0,l=this.container.offsetHeight+this.container.scrollTop>=this.container.scrollHeight;if(d){let g=s[0];this.#l(g?.rowIndex??0,"start")}if(l){let g=this.datasource.originalData.length-1;this.#l(g,"end")}!d&&!l&&this.#l(0)},{capture:!0,passive:!0}),this.#p()}#p(){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(),this.#r(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.#r(t)})}#r(i){let t=Math.floor(this.container.scrollTop/i);this.#a(t,!1)}#s={};#l(i,t){t?i!==this.#s[t]&&(this.#s[t]=i,this.triggerEvent(`scroll${t}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:i}})):this.#s={}}#n=NaN;requestAnimationFrame(i){this.virtualScroll?this.#n=requestAnimationFrame(i):i()}#u(i){this.rowByIndex(i)?.scrollIntoView?.();let t=this.header?.clientHeight,e=this.container.scrollHeight,r=this.container.clientHeight;this.container.scrollTop+r>=e||(this.container.scrollTop-=t)}scrollRowIntoView(i){this.#a(i)}#a(i,t=!0){this.#n&&cancelAnimationFrame(this.#n);let e=this.data,r=this.rows;if(!e.length||!r.length)return;let s=this.virtualScrollSettings,d=e.length-1;if(i=Math.max(i,0),i=Math.min(i,d),!this.virtualScroll){this.#u(i);return}let l=this.container,g=this.body,n=r[0],p=r[r.length-1],h=n.rowIndex,u=p.rowIndex,x=i<h,m=i>u,w=!x&&!m,b=u>=d,c=i-s.BUFFER_ROWS;if(c=Math.max(c,0),c=Math.min(c,d),w&&t){this.offEvent("scroll.data-grid.virtual-scroll",this.container),this.#u(i),this.#p();return}if(w){let k=c-h,M=Math.abs(k);if(k>0)b||this.#R(k);else if(M<s.MAX_ROWS_IN_DOM)this.#m(M);else return}else x?this.#b(c):m&&this.#b(c);let f=s.ROW_HEIGHT,v=this.data.length*f-s.BODY_HEIGHT,L=this.rows[0].rowIndex*f,si=v-L;b||g.style.setProperty("transform",`translateY(${L}px)`),g.style.setProperty("padding-bottom",`${Math.max(si,0)}px`),t&&(l.scrollTop=i*f)}#b(i){let t=this.data,e=this.rows;if(!t.length||!e.length)return;let r=t.length-1;i=Math.min(i,r),i=Math.max(i,0);let{MAX_ROWS_IN_DOM:s}=this.virtualScrollSettings;this.rows.every((d,l)=>{let g=i+l;if(g>r){let n=s-l;return this.#m(n),!1}return d.rowIndex=g,!0})}#R(i){let t=this.rows;if(!i||!t.length)return;let e=this.data,s=t[t.length-1].rowIndex,d=t.slice(0,i),l=[];d.every((g,n)=>{let p=s+(n+1);return p>=e.length?!1:(g.rowIndex=p,l.push(g))}),l.length&&(l.length>=this.virtualScrollSettings.MAX_ROWS_IN_DOM||this.body?.append(...l))}#m(i){let t=this.rows;if(!i||!t.length)return;let r=t[0].rowIndex,s=t.slice(-1*i),d=[];s.every((l,g)=>{let n=r-(g+1);return n<0?!1:(l.rowIndex=n,d.push(l))}),d.length&&this.body?.prepend(...d.reverse())}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){o(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){o(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 o(this.getAttribute(a.LIST_STYLE))||!1}set rowSelection(i){o(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){o(i)?this.setAttribute(a.SUPPRESS_EMPTY_MESSAGE,""):this.removeAttribute(a.SUPPRESS_EMPTY_MESSAGE),y.apply(this)}get suppressEmptyMessage(){return this.hasAttribute(a.SUPPRESS_EMPTY_MESSAGE)}set suppressRowClickSelection(i){o(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){o(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){o(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 r=this.#C(this.datasource.originalData,this.data[i].parentElement??"");r&&(r.children[this.data[i].ariaPosinset-1]={...r.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()}#C(i,t){let e;return t.split(" ").forEach((r,s)=>{s===0?e=i.find(d=>d[this.idColumn]==r):e=e?.children.find(d=>d.id==r)}),e}#d(){this.container?.setAttribute("aria-rowcount",this.rowCount.toString())}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}"]`)}activeCellEditor;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(),this.#d()}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(),this.#d()}removeRow(i){this.datasource.originalData.splice(i,1),this.datasource.data=this.datasource.originalData,this.redrawBody(),this.#d()}clearRow(i){this.updateDataset(i,{},!0),this.redrawBody()}editFirstCell(){this.#e("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 r=!0,s=d=>{r=!!d};if(this.triggerEvent("beforerowselected",this,{detail:{elem:this,row:e,data:this.data[i],response:s}}),!!r){if(this.rowSelection==="multiple"||this.rowSelection==="mixed"){let d=e?.querySelector(".is-selection-checkbox .ids-data-grid-checkbox");d?.classList.add("checked"),d?.setAttribute("aria-checked","true")}if(this.rowSelection==="single"){this.deSelectAllRows();let d=e?.querySelector(".ids-data-grid-radio");d?.classList.add("checked"),d?.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 r=!0,s=d=>{r=!!d};if(this.triggerEvent("beforerowdeselected",this,{detail:{elem:this,row:e,data:this.data[i],response:s}}),!!r){if(this.rowSelection==="mixed"&&e.classList.remove("mixed"),e.classList.remove("selected"),e.removeAttribute("aria-selected"),this.rowSelection==="multiple"||this.rowSelection==="mixed"){let d=e.querySelector(".is-selection-checkbox .ids-data-grid-checkbox");d?.classList.remove("checked"),d?.setAttribute("aria-checked","false")}if(this.rowSelection==="single"){let d=e.querySelector(".ids-data-grid-radio");d?.classList.remove("checked"),d?.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(o(i)){this.setAttribute(a.AUTO_FIT,String(i));return}this.removeAttribute(a.AUTO_FIT)}get autoFit(){return o(this.getAttribute(a.AUTO_FIT))}#I(){this.autoFitSet||this.autoFit===!0&&(this.container?.style.setProperty("height","100%"),this.wrapper?.style.setProperty("height","100%"),this.autoFitSet=!0)}set suppressCaching(i){if(o(i)){this.setAttribute(a.SUPPRESS_CACHING,String(i));return}this.removeAttribute(a.SUPPRESS_CACHING)}get suppressCaching(){return o(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 r=this.rowByIndex(t);!r&&this.virtualScroll&&(this.#a(t),r=this.rowByIndex(t));let s=r?.querySelectorAll("ids-data-grid-cell");return s&&s.length>0&&s[i].activate(!!e),this.activeCell}set disableClientFilter(i){o(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?o(i):this.filters.DEFAULTS.disableClientFilter}set filterable(i){let t=this.filterable!==o(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?o(i):this.filters.DEFAULTS.filterable}set filterRowDisabled(i){let t=this.filterRowDisabled!==o(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?o(i):this.filters.DEFAULTS.filterRowDisabled}set filterWhenTyping(i){let t=this.filterWhenTyping!==o(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?o(i):this.filters.DEFAULTS.filterWhenTyping}set treeGrid(i){o(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=o(i),i?this.setAttribute(a.GROUP_SELECTS_CHILDREN,i.toString()):this.removeAttribute(a.GROUP_SELECTS_CHILDREN)}get groupSelectsChildren(){return o(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=o(i),i?this.setAttribute(a.EDITABLE,i.toString()):this.removeAttribute(a.EDITABLE)}get editable(){return o(this.getAttribute(a.EDITABLE))}set editNextOnEnterPress(i){i=o(i),i?this.setAttribute(a.EDIT_NEXT_ON_ENTER_PRESS,i.toString()):this.removeAttribute(a.EDIT_NEXT_ON_ENTER_PRESS)}get editNextOnEnterPress(){return o(this.getAttribute(a.EDIT_NEXT_ON_ENTER_PRESS))}set addNewAtEnd(i){o(i)?this.setAttribute(a.ADD_NEW_AT_END,"true"):this.removeAttribute(a.ADD_NEW_AT_END)}get addNewAtEnd(){return o(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 r={},s={};i=i==="csv"||i==="xlsx"?i:"xlsx",e=i==="csv"?!0:e,this.columns.forEach(n=>{n.id&&n.field&&n.name&&(s[n.id]=n,r[n.id]={id:n.id,field:n.field,name:n.name,type:e?"string":this.determineColType(n)})});let d=document.createElement("span"),l=e?this.datasource.data.map((n,p)=>{let h={};return Object.keys(r).forEach(u=>{let x=s[u],m=x?.formatter,w=m===this.formatters.decimal||m===this.formatters.integer,b=n[r[u].field],c=b;if(b!=null&&!w&&m){let f=m.call(this.formatters,n,x,p,this);d.innerHTML=f,c=d.textContent?.trim()}h[u]=c}),h}):this.datasource.data;(i==="csv"?Y:V)(l,{filename:t||"data-grid",columns:Object.values(r)})}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}#k(){let i=this.wrapper?.querySelectorAll("ids-popup-menu");i?.length&&[...i].forEach(t=>t.remove())}activeCellCanClose(){return!(this.activeCellEditor&&this.activeCellEditor.editor&&this.activeCellEditor.editor.popup&&this.activeCellEditor.editor.popup.visible)}};S=G([O("ids-data-grid"),P(ri)],S);export{S as a};