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

package/chunks/ids-chunk-7FMLCM4X.js

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