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

package/chunks/ids-chunk-O4E57J6U.js

@@ -1,1206 +0,0 @@
-import{a as U,b as q}from"./ids-chunk-5AJABYTN.js";import{a as T}from"./ids-chunk-4LVYIXEL.js";import{a as y}from"./ids-chunk-Y2ARI5HL.js";import{a as it}from"./ids-chunk-WREXTGQ5.js";import{a as et}from"./ids-chunk-U5OAYQJF.js";import{a as k,b as R}from"./ids-chunk-WZGR56YT.js";import{a as K,d as j}from"./ids-chunk-LU7S3KBE.js";import{a as D,b as _}from"./ids-chunk-KWUI36H2.js";import{f as V}from"./ids-chunk-U266Z2MU.js";import{a as Q,c as J,e as Z,f as tt,g as v}from"./ids-chunk-LLIMTIAB.js";import{a as $}from"./ids-chunk-3AKJFKYX.js";import{a as X}from"./ids-chunk-RKTF6SBT.js";import{a as Y}from"./ids-chunk-ASL6EZGQ.js";import{a as F}from"./ids-chunk-43NIX57R.js";import{a as W}from"./ids-chunk-F3RQ5V7T.js";import{g as S,h as A}from"./ids-chunk-ODGLGMPF.js";import{a as P}from"./ids-chunk-X5HHVE4J.js";import{a as z}from"./ids-chunk-T6ZV4PDM.js";import{a as H}from"./ids-chunk-YS37TBDI.js";import{c as C}from"./ids-chunk-CK6SA7FU.js";import{a as O,b as G}from"./ids-chunk-XE4WFW5M.js";import{a as B}from"./ids-chunk-GTV4PSEA.js";import{e as l}from"./ids-chunk-VGRUIA4C.js";import{a as d}from"./ids-chunk-2NN3ZJ6Q.js";import{a as M}from"./ids-chunk-U7OOVFXE.js";var dt=`
-/* Ids Data Grid Component - Filter */
-.ids-data-grid ::slotted([slot^=filter-]) {
-  align-items: center;
-  display: flex;
-}
-.ids-data-grid .ids-data-grid-header-cell-content.vertical-align-center {
-  position: relative;
-  top: calc(50% - var(--ids-spacing-xxl));
-}
-.ids-data-grid .ids-data-grid-header-cell-filter-wrapper {
-  align-items: center;
-  display: flex;
-  position: relative;
-  padding-inline-start: var(--ids-spacing-lg);
-  padding-inline-end: var(--ids-spacing-lg);
-  padding-block-end: var(--ids-spacing-lg);
-}
-.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-xs);
-}
-.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-background-color);
-  border-color: var(--ids-data-grid-header-checkbox-border-color);
-}
-
-.ids-data-grid-column-groups {
-  border-block-end: 1px solid var(--ids-data-grid-header-border-color);
-}
-
-.ids-data-grid-header-cell {
-  border-inline-start: 1px solid var(--ids-data-grid-header-border-color);
-  background-color: var(--ids-data-grid-header-background-color);
-  min-height: 28px;
-  position: relative;
-}
-.ids-data-grid-header-cell:first-child {
-  border-inline-start-width: 0;
-}
-.ids-data-grid-header-cell:hover {
-  background-color: var(--ids-data-grid-header-hover-background-color);
-}
-.ids-data-grid-header-cell.align-center .ids-data-grid-header-cell-content, .ids-data-grid-header-cell.align-center .ids-data-grid-header-cell-filter-wrapper {
-  justify-content: center;
-}
-.ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-content, .ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-filter-wrapper {
-  justify-content: flex-end;
-}
-.ids-data-grid-header-cell.align-right .ids-data-grid-header-cell-filter-wrapper ids-menu-button {
-  margin-inline-start: 2px;
-}
-.ids-data-grid-header-cell .resizer {
-  cursor: var(--ids-cursor-resize);
-  display: inline;
-  height: 100%;
-  position: absolute;
-  margin-inline-start: calc(100% - 4px);
-  top: 0;
-  width: 6px;
-  z-index: 2;
-}
-.ids-data-grid-header-cell .reorderer {
-  cursor: var(--ids-cursor-move);
-  display: inline;
-  height: 34px;
-  opacity: 0;
-  position: absolute;
-  inset-inline-start: var(--ids-spacing-lg);
-  top: 0;
-  width: 4px;
-}
-.ids-data-grid-header-cell .reorderer ids-icon {
-  position: absolute;
-  color: var(--ids-data-grid-header-icon-color);
-  inset-inline-start: calc(-1 * var(--ids-spacing-lg));
-  text-align: center;
-  top: calc(50% - 9px);
-}
-.ids-data-grid-header-cell.align-right .reorderer {
-  inset-inline-end: 8px;
-  inset-inline-start: initial;
-}
-.ids-data-grid-header-cell:last-child .resizer {
-  margin-inline-start: calc(100% - 6px);
-}
-.ids-data-grid-header-cell.dragging {
-  background-color: var(--ids-data-grid-header-drag-background-color) !important;
-  border-inline-start: 0;
-  display: block;
-  left: -1000px;
-  position: absolute;
-  top: 0;
-  width: 110px;
-}
-.ids-data-grid-header-cell.active-drag-column {
-  background-color: var(--ids-data-grid-header-drag-placeholder-background-color);
-}
-.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-background-color);
-  position: sticky;
-  z-index: 3;
-}
-.ids-data-grid-header-cell.frozen-last {
-  border-inline-end: 1px solid var(--ids-data-grid-header-border-color);
-}
-.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-semi-bold);
-  font-size: var(--ids-data-grid-font-size-sm);
-  color: var(--ids-data-grid-header-text-color);
-  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-text-color);
-  margin-inline-start: var(--ids-spacing-md);
-  margin-block-start: var(--ids-spacing-md);
-}
-
-.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-unsorted-icon-color);
-  opacity: 0;
-  transition: opacity 0.3s var(--ids-transition-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-spacing-xl);
-}
-.header-expander:hover {
-  color: var(--ids-data-grid-header-expander-active-color);
-}
-
-:host([show-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-sorted-icon-color);
-  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-sorted-icon-color);
-  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-background-color);
-  top: -6px;
-}
-.ids-data-grid-sort-arrows::after {
-  border-bottom: 5px solid var(--ids-data-grid-header-background-color);
-  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-background-color);
-  border-color: var(--ids-data-grid-list-header-border-color);
-}
-.ids-data-grid.is-list-style .ids-data-grid-header-text {
-  color: var(--ids-data-grid-list-header-text-color);
-}
-.ids-data-grid.is-list-style .is-sortable ids-icon {
-  color: var(--ids-data-grid-header-unsorted-icon-color);
-}
-.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-unsorted-icon-color);
-}
-.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-background-color);
-}
-
-.ids-data-grid-body {
-  min-width: fit-content;
-}
-
-.ids-data-grid[data-row-height=md] .ids-data-grid-header-text {
-  padding: var(--ids-data-grid-header-md-padding);
-}
-.ids-data-grid[data-row-height=md] .reorderer ids-icon {
-  inset-inline-start: -11px;
-}
-.ids-data-grid[data-row-height=md] .sort-indicator {
-  margin-inline-start: -6px;
-}
-.ids-data-grid[data-row-height=sm] .ids-data-grid-header-text {
-  padding: var(--ids-data-grid-header-sm-padding);
-}
-.ids-data-grid[data-row-height=sm] .reorderer {
-  display: none;
-}
-.ids-data-grid[data-row-height=sm] .sort-indicator {
-  margin-inline-start: -2px;
-}
-.ids-data-grid[data-row-height=sm] .align-right .sort-indicator {
-  margin-inline-start: -4px;
-}
-.ids-data-grid[data-row-height=xs] .ids-data-grid-header-text {
-  padding: var(--ids-data-grid-header-xs-padding);
-}
-.ids-data-grid[data-row-height=xs] .reorderer {
-  display: none;
-}
-.ids-data-grid[data-row-height=xs] .sort-indicator {
-  margin-inline-start: -2px;
-  margin-block-start: -2px;
-}
-.ids-data-grid[data-row-height=xs] .ids-data-grid-checkbox-container {
-  padding-top: 2px;
-}
-.ids-data-grid[data-row-height=xxs] .ids-data-grid-header-text {
-  padding: var(--ids-data-grid-header-xxs-padding);
-}
-.ids-data-grid[data-row-height=xxs] .reorderer {
-  display: none;
-}
-.ids-data-grid[data-row-height=xxs] .sort-indicator {
-  margin-inline-start: 0;
-  margin-block-start: -3px;
-}
-.ids-data-grid[data-row-height=xxs] .align-right .sort-indicator {
-  margin-inline-start: 0;
-}
-.ids-data-grid[data-row-height=xxs] .ids-data-grid-checkbox-container {
-  padding-top: 1px;
-}
-.ids-data-grid[data-row-height=xxs] ids-input {
-  --ids-input-height-xs: 24px;
-}
-.ids-data-grid[data-row-height=xxs] .ids-data-grid-header-cell-filter-wrapper {
-  padding-inline-start: calc(var(--ids-data-grid-xxs-padding) + 1px);
-  padding-inline-end: calc(var(--ids-data-grid-xxs-padding) + 1px);
-  padding-block-end: calc(var(--ids-data-grid-xxs-padding) + 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-selected-background-color);
-}
-.ids-data-grid-row[hidden] {
-  display: none;
-}
-
-.ids-data-grid[data-row-height=md] .ids-data-grid-cell {
-  height: var(--ids-data-grid-md-row-height);
-}
-.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-md-padding);
-  padding-inline-end: var(--ids-data-grid-md-padding);
-}
-.ids-data-grid[data-row-height=md] .ids-data-grid-cell ids-hyperlink {
-  margin: var(--ids-data-grid-md-padding);
-}
-.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-md-padding);
-  transition: padding var(--ids-transition-length) var(--ids-transition-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-md-padding);
-}
-.ids-data-grid[data-row-height=sm] .ids-data-grid-cell {
-  height: var(--ids-data-grid-sm-row-height);
-}
-.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-sm-padding);
-  padding-inline-end: var(--ids-data-grid-sm-padding);
-}
-.ids-data-grid[data-row-height=sm] .ids-data-grid-cell ids-hyperlink {
-  margin: var(--ids-data-grid-sm-padding);
-}
-.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-sm-padding);
-  transition: padding var(--ids-transition-length) var(--ids-transition-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-sm-padding);
-}
-.ids-data-grid[data-row-height=xs] .ids-data-grid-cell {
-  height: var(--ids-data-grid-xs-row-height);
-  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-xs-padding);
-  padding-inline-end: var(--ids-data-grid-xs-padding);
-}
-.ids-data-grid[data-row-height=xs] .ids-data-grid-cell ids-hyperlink {
-  margin: var(--ids-data-grid-xs-padding);
-}
-.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-xs-padding);
-  transition: padding var(--ids-transition-length) var(--ids-transition-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-xs-padding);
-}
-.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell {
-  height: var(--ids-data-grid-xxs-row-height);
-  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-xxs-padding);
-  padding-inline-end: var(--ids-data-grid-xxs-padding);
-}
-.ids-data-grid[data-row-height=xxs] .ids-data-grid-cell ids-hyperlink {
-  margin: var(--ids-data-grid-xxs-padding);
-}
-.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-xxs-padding);
-  transition: padding var(--ids-transition-length) var(--ids-transition-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-xxs-padding);
-}
-
-.ids-data-grid.alt-row-shading ids-data-grid-row:nth-child(even) {
-  background-color: var(--ids-data-grid-row-alternate-background-color);
-}
-
-.ids-data-grid-expandable-row {
-  border-bottom: 1px solid var(--ids-data-grid-cell-border-color);
-  grid-column: 1/-1;
-  padding: 8px;
-}
-
-tr.ids-data-grid-row {
-  display: table-row;
-  height: var(--ids-data-grid-lg-row-height);
-}
-
-.ids-data-grid.row-navigation .ids-data-grid-row:focus-within {
-  box-shadow: var(--ids-data-grid-row-focus-box-shadow);
-}
-.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-border-color);
-  display: inline-flex;
-  color: var(--ids-data-grid-cell-text-color);
-  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-spacing-none);
-  margin-inline-end: var(--ids-spacing-none);
-}
-.ids-data-grid-cell ids-badge {
-  padding-inline-start: var(--ids-spacing-xxl);
-  padding-inline-end: var(--ids-spacing-xxl);
-}
-.ids-data-grid-cell ids-hyperlink {
-  margin: var(--ids-spacing-xxl);
-}
-.ids-data-grid-cell .text-ellipsis {
-  display: inline-block;
-  vertical-align: middle;
-  padding-inline-start: var(--ids-spacing-xxl);
-  padding-inline-end: var(--ids-spacing-xxl);
-  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-readonly-background-color);
-}
-.ids-data-grid-cell.is-disabled {
-  color: var(--ids-data-grid-cell-disabled-text-color);
-}
-.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-box-shadow-md);
-  outline: 1px solid var(--ids-focus-border-color);
-  outline-offset: -1px;
-}
-.ids-data-grid-cell.is-editable.is-inline {
-  box-shadow: inset 0 0 0 4px var(--ids-data-grid-cell-background-color), inset 0 0 0 5px var(--ids-input-border-color);
-}
-.ids-data-grid-cell.is-editable.is-inline ids-icon.editor-cell-icon {
-  --ids-trigger-field-button-margin: 0;
-  display: inline-flex;
-  visibility: visible;
-  margin-inline-end: 15px;
-}
-.ids-data-grid-cell.is-editable.is-timepicker, .ids-data-grid-cell.is-editable.is-datepicker {
-  justify-content: space-between;
-}
-.ids-data-grid-cell.is-editable.is-timepicker .text-ellipsis, .ids-data-grid-cell.is-editable.is-datepicker .text-ellipsis {
-  padding-inline-end: 0;
-}
-.ids-data-grid-cell.is-editable .editor-cell-icon {
-  margin-inline-end: 10px;
-  display: none;
-}
-.ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):focus .editor-cell-icon, .ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):hover .editor-cell-icon {
-  display: flex;
-}
-.ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):focus ids-alert, .ids-data-grid-cell.is-editable:not(.is-inline):not(.is-invalid):hover ids-alert {
-  margin-inline: calc(100% - 48px);
-}
-.ids-data-grid-cell.is-editable.is-editable.is-invalid {
-  justify-content: space-between;
-}
-.ids-data-grid-cell.is-editable.is-editable.is-invalid ids-alert {
-  margin-inline-end: var(--ids-spacing-lg);
-}
-.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-background-color);
-  position: sticky;
-  z-index: 3;
-}
-.ids-data-grid-cell.frozen-last {
-  border-inline-end: 1px solid var(--ids-data-grid-cell-border-color);
-}
-.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-dirty-indicator-background-color) transparent transparent var(--ids-dirty-indicator-background-color);
-  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-invalid-background-color);
-}
-.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-background-color), inset 0 0 0 3px var(--ids-input-border-color);
-}
-[data-row-height=xxs] ids-button {
-  --ids-button-icon-padding: 2px;
-}
-[data-row-height=xxs] ids-badge {
-  --ids-badge-line-height: calc(var(--ids-data-grid-xxs-row-height) - 8px);
-}
-[data-row-height=xxs] ids-input,
-[data-row-height=xxs] ids-trigger-field {
-  --ids-spacing-sm: 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-hover-background-color: 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-background-color), inset 0 0 0 3px var(--ids-input-border-color);
-}
-[data-row-height=xs] ids-button {
-  --ids-button-icon-padding: 3px;
-}
-[data-row-height=xs] ids-badge {
-  --ids-badge-line-height: calc(var(--ids-data-grid-xs-row-height) - 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-hover-background-color: 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-background-color), inset 0 0 0 4px var(--ids-input-border-color);
-}
-[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-hover-background-color: 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-sm-padding);
-}
-[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline {
-  --ids-trigger-field-button-margin: -3px;
-  --ids-button-tertiary-hover-background-color: 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-border-color);
-}
-.ids-data-grid.is-list-style .ids-data-grid-cell.is-readonly {
-  background-color: var(--ids-data-grid-cell-readonly-background-color);
-}
-.ids-data-grid.is-list-style .ids-data-grid-cell.is-disabled {
-  color: var(--ids-data-grid-cell-disabled-text-color);
-}
-.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-spacing-xxl);
-  padding-inline-end: var(--ids-spacing-xxl);
-}
-
-: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-dirty-indicator-background-color) var(--ids-dirty-indicator-background-color) transparent transparent;
-}
-
-.hide {
-  display: none;
-}
-
-@media all and (max-width: 1440px) {
-  .hide-xxl-down {
-    display: none;
-  }
-}
-@media all and (min-width: 1440px) {
-  .hide-xxl-up {
-    display: none;
-  }
-}
-@media all and (max-width: 1280px) {
-  .hide-xl-down {
-    display: none;
-  }
-}
-@media all and (min-width: 1280px) {
-  .hide-xl-up {
-    display: none;
-  }
-}
-@media all and (max-width: 1024px) {
-  .hide-lg-down {
-    display: none;
-  }
-}
-@media all and (min-width: 1024px) {
-  .hide-lg-up {
-    display: none;
-  }
-}
-@media all and (max-width: 840px) {
-  .hide-md-down {
-    display: none;
-  }
-}
-@media all and (min-width: 840px) {
-  .hide-md-up {
-    display: none;
-  }
-}
-@media all and (max-width: 600px) {
-  .hide-sm-down {
-    display: none;
-  }
-}
-@media all and (min-width: 600px) {
-  .hide-sm-up {
-    display: none;
-  }
-}
-@media all and (max-width: 360px) {
-  .hide-xs-down {
-    display: none;
-  }
-}
-@media all and (min-width: 360px) {
-  .hide-xs-up {
-    display: none;
-  }
-}
-@media all and (max-width: 600px) {
-  :host(.hide-sm-down) {
-    display: none;
-  }
-}
-
-.ids-popup-menu:not([hidden]) {
-  display: block;
-  z-index: var(--ids-z-index-popup);
-}
-
-/**
- * Checkbox Mixins.
- */
-@keyframes check {
-  0% {
-    height: 0;
-    left: 0;
-    top: 8px;
-    width: 0;
-  }
-  50% {
-    height: 0;
-    left: 0;
-    top: 8px;
-    width: 4px;
-  }
-  100% {
-    height: 10px;
-    left: 4px;
-    top: 0;
-    width: 4px;
-  }
-}
-@keyframes checkindeterminate {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 10px;
-  }
-}
-/**
- * Radio Mixins.
- */
-:host {
-  --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr));
-}
-
-.ids-data-grid {
-  background-color: var(--ids-data-grid-background-color);
-  border: 1px solid var(--ids-data-grid-cell-border-color);
-  border-radius: var(--ids-border-radius-xs);
-  border-collapse: collapse;
-  box-sizing: border-box;
-  contain: content;
-  overflow: auto;
-  width: 100%;
-  display: inline-grid;
-  align-content: flex-start;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-font-size-md);
-}
-.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-unchecked-border);
-  border-radius: var(--ids-checkbox-unchecked-border-radius);
-  height: 14px;
-  width: 14px;
-  left: 0;
-  top: 2px;
-  border-color: var(--ids-data-grid-cell-checkbox-border-color);
-  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-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
-  cursor: var(--ids-cursor-default);
-}
-.ids-data-grid .ids-data-grid-checkbox.checked {
-  background-color: var(--ids-checkbox-checked-background-color);
-  border-color: var(--ids-checkbox-checked-border-color);
-}
-.ids-data-grid .ids-data-grid-checkbox.checked::after {
-  position: absolute;
-  display: block;
-  border: var(--ids-font-size-xs) solid var(--ids-checkbox-checked-after-border-color);
-  border-width: var(--ids-checkbox-checked-after-border-width);
-  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-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
-}
-.ids-data-grid .ids-data-grid-checkbox.indeterminate {
-  background-color: var(--ids-checkbox-indeterminate-background-color);
-  border-color: var(--ids-checkbox-indeterminate-border-color);
-}
-.ids-data-grid .ids-data-grid-checkbox.indeterminate::after {
-  position: absolute;
-  animation: checkindeterminate 0.15s;
-  display: block;
-  border: 1px solid var(--ids-checkbox-indeterminate-after-border-color);
-  border-width: var(--ids-checkbox-indeterminate-after-border-width);
-  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-unchecked-border-color);
-  border-radius: var(--ids-radio-border-radius);
-  height: 14px;
-  left: 0;
-  top: 3px;
-  transition: border-color var(--ids-transition-length) var(--ids-transition-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-unchecked-background-color);
-  border: 1px solid var(--ids-radio-unchecked-background-color);
-  border-radius: var(--ids-radio-border-radius);
-  content: "";
-  height: 0;
-  left: 6px;
-  top: 6px;
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
-  width: 0;
-}
-.ids-data-grid .ids-data-grid-radio.disabled {
-  border-color: var(--ids-radio-unchecked-disabled-border-color);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-data-grid .ids-data-grid-radio.checked {
-  background-color: var(--ids-radio-checked-background-color);
-  border-color: var(--ids-radio-checked-border-color);
-}
-.ids-data-grid .ids-data-grid-radio.checked::after {
-  background-color: var(--ids-radio-checked-inner-background-color);
-  border-color: var(--ids-radio-checked-inner-background-color);
-  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-checked-disabled-background-color);
-  border-color: var(--ids-radio-checked-disabled-border-color);
-}
-.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline: 4px;
-}
-.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  overflow: initial;
-  padding-inline-start: 40px;
-}
-.ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis ids-hyperlink {
-  margin-inline-start: 0;
-}
-.ids-data-grid [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 64px;
-}
-.ids-data-grid [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 55px;
-}
-.ids-data-grid [aria-level="2"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 91px;
-}
-.ids-data-grid [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 82px;
-}
-.ids-data-grid [aria-level="3"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 118px;
-}
-.ids-data-grid [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 109px;
-}
-.ids-data-grid [aria-level="4"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 145px;
-}
-.ids-data-grid [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 136px;
-}
-.ids-data-grid [aria-level="5"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 172px;
-}
-.ids-data-grid [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 163px;
-}
-.ids-data-grid [aria-level="6"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 199px;
-}
-.ids-data-grid [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 190px;
-}
-.ids-data-grid [aria-level="7"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-container .text-ellipsis {
-  padding-inline-start: 226px;
-}
-.ids-data-grid [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button {
-  padding-inline-start: 217px;
-}
-.ids-data-grid [aria-level="8"] .ids-data-grid-cell .ids-data-grid-tree-container ids-button + .text-ellipsis {
-  padding-inline-start: 0;
-}
-.ids-data-grid.is-list-style {
-  border-width: 0;
-}
-
-.ids-data-grid-body {
-  min-width: fit-content;
-}
-
-table.ids-data-grid {
-  display: table;
-  outline: 1px solid var(--ids-data-grid-cell-border-color);
-  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-min-height);
-}`;var st=F(it(et(z(P(H(B)))))),E=class extends st{initialized=!1;isResizing=!1;activeCell={};autoFitSet=!1;currentColumns;sortColumn;emptyMessageElements;cacheHash=Math.random().toString(32).substring(2,10);contextmenuTypes={...K};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(),R.apply(this),this.#l()}datasource=new W;filters=new $(this);formatters=new Y;editors=V;static get attributes(){return[...super.attributes,d.ADD_NEW_AT_END,d.ALTERNATE_ROW_SHADING,d.AUTO_FIT,d.DISABLE_CLIENT_FILTER,d.EMPTY_MESSAGE_DESCRIPTION,d.EMPTY_MESSAGE_ICON,d.EMPTY_MESSAGE_LABEL,d.EDITABLE,d.EDIT_NEXT_ON_ENTER_PRESS,d.EXPANDABLE_ROW,d.EXPANDABLE_ROW_TEMPLATE,d.FILTER_ROW_DISABLED,d.FILTER_WHEN_TYPING,d.FILTERABLE,d.GROUP_SELECTS_CHILDREN,d.ID_COLUMN,d.HEADER_MENU_ID,d.LABEL,d.LIST_STYLE,d.MENU_ID,d.ROW_HEIGHT,d.ROW_NAVIGATION,d.ROW_SELECTION,d.ROW_START,d.SHOW_HEADER_EXPANDER,d.SUPPRESS_CACHING,d.SUPPRESS_EMPTY_MESSAGE,d.SUPPRESS_ROW_CLICK_SELECTION,d.SUPPRESS_ROW_DEACTIVATION,d.SUPPRESS_ROW_DESELECTION,d.TREE_GRID,d.VIRTUAL_SCROLL,d.UNIQUE_ID]}vetoableEventTypes=["beforemenushow","beforetooltipshow"];template(){if(this?.data.length===0&&this?.columns.length===0)return"";let t=`${this.alternateRowShading?" alt-row-shading":""}`;t+=`${this.listStyle?" is-list-style":""}`;let i=Q.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}">
-          ${T.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));let e=this.container?.querySelector(".header-expander");e&&(e.icon=`plusminus-folder-${t==="true"?"closed":"open"}`),this.rows.filter(r=>r?.getAttribute("aria-expanded")===t).forEach(r=>{let a=Number(r.getAttribute("data-index"));i.push({row:a,data:this.data[a]}),r?.toggleExpandCollapse?.(!0)}),this.triggerEvent(`row${t==="true"?"collapsed":"expanded"}`,this,{bubbles:!0,detail:{elem:this,rows:i}})}toggleEmptyMessage(t){tt.apply(this,[t])}applyFilter(t){this.filters?.applyFilter(t)}redrawBody(){this.#u(),this.pager?.sync?.apply(this)}#u(){this.columns.length===0&&this.data.length===0||!this.initialized||(this.body&&(this.body.innerHTML=this.bodyInnerTemplate()),this.#p(),this.header?.setHeaderCheckbox())}redraw(){if(this.columns.length===0||!this.initialized)return;let t=T.template(this),i=this.bodyTemplate();this.container&&(this.container.innerHTML=t+i),this.#n(),this.#S(),this.header.setHeaderCheckbox(),this.#f(),this.#x(),this.#l(),this.setupTooltip(),this.filters.attachFilterSettings(),this.#e(),this.toggleEmptyMessage(),this.afterRedraw()}afterRedraw(){let t=this.rowStart||0,i=()=>{this.header?.setIsHeaderExpanderCollapsed?.(),this.triggerEvent("afterrendered",this,{bubbles:!0,detail:{elem:this}})};t?C(()=>{if(this.container){let e=t*(this.virtualScrollSettings.ROW_HEIGHT+1);if(!this.virtualScrollSettings.ENABLED){let a=this.container.getBoundingClientRect().top;e=this.rowByIndex(t)?.getBoundingClientRect?.()?.y??e,e-=a}let r=this.header?.getBoundingClientRect?.().height??0;this.container.scrollTop=e-r,this.scrollRowIntoView(t),C(()=>{this.#d(),this.scrollRowIntoView(this.rowStart)},150),i()}},150):requestAnimationFrame(()=>{this.setActiveCell(0,0,!0),i()})}contextmenuInfo={};isDynamicContextmenu=!1;bodyTemplate(){return`<div class="ids-data-grid-body" part="contents" role="rowgroup">${this.bodyInnerTemplate()}</div>`}resetCache(t){(t===0||t&&t>=1)&&delete y.rowCache[t],y.rowCache={},X.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+=y.template(i[e],e,e+1,this);return t}rowIsSelected(t){return!!this.data[t].rowSelected}#t=null;#p(){this.#t=null}#b(t){if(this.#t===null)return;let i=Math.min(t,this.#t),e=Math.max(t,this.#t),r=this.rowIsSelected(t);for(let a=i;a<=e;a++)r?this.deSelectRow(a):this.selectRow(a);this.#m()?.removeAllRanges?.(),this.header.setHeaderCheckbox(),this.triggerEvent("selectionchanged",this,{detail:{elem:this,selectedRows:this.selectedRows}})}#m(){return this.shadowRoot?.getSelection?this.shadowRoot?.getSelection():document.getSelection()}#f(){let t=this.body;this.offEvent("click.body",t),this.onEvent("click.body",t,i=>{let e=i.target.closest("ids-data-grid-cell");if(!e||e.isEditing)return;let r=Number(e.getAttribute("aria-colindex"))-1,a=e.parentNode;if(a.disabled)return;let s=a.rowIndex,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[r];this.setActiveCell(r,s,n),g&&u.click!==void 0&&!i.target?.getAttribute("disabled")&&u.click(this.data[s],this.visibleColumns[r],i),this.triggerEvent("rowclick",this,{detail:{elem:this,row:a,data:this.data[s]}});let h=()=>{this.rowSelection==="multiple"||this.rowSelection==="mixed"?(i.shiftKey&&this.#t!==null?this.#b(s):a.toggleSelection(),this.#t=s):a.toggleSelection()};if(g&&o){a.toggleExpandCollapse();return}if(this.rowSelection==="mixed"){e.children[0]?.classList.contains("ids-data-grid-checkbox-container")?h():a.toggleRowActivation();return}this.rowSelection!==!1&&this.rowSelection!=="mixed"&&(!this.suppressRowClickSelection||this.suppressRowClickSelection&&e.children[0]?.classList.contains("is-selection-checkbox"))&&h(),this.editable&&u.editor&&e.startCellEdit(i)}),this.offEvent("dblclick.container",this.container),this.onEvent("dblclick.container",this.container,i=>{this.triggerEvent("dblclick",this,{bubbles:!0,detail:{...j.apply(this,[i]),originalEvent:i}})}),this.filters?.attachFilterEventHandlers(),this.attachSaveSettingsEventHandlers?.()}onLocaleChange=()=>{this.redraw()};moveColumn(t,i){if(t===-1||i===-1)return;let e=this.columnIdxById(this.visibleColumns[t].id),r=this.columnIdxById(this.visibleColumns[i].id),a=this.columns[e];this.columns.splice(e,1),this.columns.splice(r,0,a),this.dirtyCells.forEach(s=>{if(s.cell===t){let n=this.data[s?.row],c=n.dirtyCells.findIndex(o=>o.cell===t);n.dirtyCells[c].cell=i}if(s.cell===i){let n=this.data[s?.row],c=n.dirtyCells.findIndex(o=>o.cell===i);n.dirtyCells[c].cell=t}}),this.invalidCells.forEach(s=>{if(s.cell===t){let n=this.data[s?.row],c=n.invalidCells.findIndex(o=>o.cell===t);n.invalidCells[c].cell=i}}),J.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?.()}#x(){return this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,t=>{let i=_(D(t),".ids-data-grid-header-cell-filter-wrapper"),e=t.key;if(i&&(e==="ArrowRight"||e==="ArrowLeft")||!this.activeCell?.node)return;let r=this.activeCell.node,a=Number(this.activeCell?.cell),s=e==="ArrowDown"?1:e==="ArrowUp"?-1:0,n=e==="ArrowRight"?1:e==="ArrowLeft"?-1:0,c=Number(S(r.parentElement,":not([hidden])")?.getAttribute("row-index")),o=Number(A(r.parentElement,":not([hidden])")?.getAttribute("row-index")),g=e==="ArrowDown"?c:o,u=e==="ArrowLeft"||e==="ArrowRight",h=a<0||a>=this.visibleColumns.length;if(u&&h)return;let f=e==="ArrowDown"||e==="ArrowUp",b=c>=this.data.length||o<0;if(f&&b)return;this.activeCellEditor&&r.endCellEdit();let x=a+n,m=s===0?Number(this.activeCell?.row):g;this.setActiveCell(x,m),this.rowSelection==="mixed"&&this.rowNavigation&&r.parentElement.toggleRowActivation(),t.preventDefault(),t.stopPropagation()}),this.listen([" "],this,t=>{if(this.activeCellEditor||!this.activeCell?.node)return;let i=this.rowByIndex(this.activeCell.row);if(i.disabled)return;let e=this.activeCell.node.querySelector("ids-button");if(e){e.click(),t.preventDefault();return}let r=this.activeCell.node.children[0];if(r?.classList.contains("ids-data-grid-checkbox-container")&&!r?.classList.contains("is-selection-checkbox")){this.activeCell.node.click(),t.preventDefault();return}i.toggleSelection(),t.preventDefault()}),this.listen(["Enter"],this,t=>{if(!this.activeCell?.node||_(D(t),".ids-data-grid-header-cell")||this.rowByIndex(this.activeCell.row).disabled)return;let e=this.activeCell.node,r=e.querySelector("ids-hyperlink"),a=e.querySelector("ids-button"),s=e.querySelector("a");r&&!r.container.matches(":focus")&&!r.hasAttribute("disabled")&&(r.container.click(),r.container.focus()),a&&!a.hasAttribute("disabled")&&a.click(),s?.click(),s&&e.focus(),this.#w(t,e)}),this.listen(["F2"],this,()=>{let t=this.activeCell.node;this.activeCellEditor&&(t.endCellEdit(),t.focus())}),this.listen(["Escape"],this,()=>{let t=this.activeCell.node;this.activeCellEditor&&(t.cancelCellEdit(),t.focus())}),this.listen(["Tab"],this,t=>this.activeCellEditor?(t.shiftKey?this.#i("previous"):this.#i("next"),t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),!1):!0),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}#i(t){this.commitCellEdit();let i=t==="next"?S(this.activeCell.node,".is-editable"):A(this.activeCell.node,".is-editable"),e=this.body?.querySelectorAll(".ids-data-grid-row");if(!i&&e&&t==="next")for(let s=this.activeCell.row+1;s<e.length;s++){let n=e[s];if(i=S(n.firstChild,".is-editable"),i)break}if(!i&&e&&t==="previous")for(let s=this.activeCell.row-1;s>=0;s--){let n=e[s];if(n.lastChild.classList?.contains("is-editable")){i=n.lastChild;break}if(i=A(n.lastChild,".is-editable"),i)break}if(!i)return this.addNewAtEnd?(this.addRow({}),this.#i("next")):(this.activeCell.node.focus(),this.activeCell.node.startCellEdit(),this.activeCell.node);let r=Number(i.parentElement?.getAttribute("aria-rowindex"))-1,a=Number(i.getAttribute("aria-colindex"))-1;return this.setActiveCell(a,r,!0),i.startCellEdit(),i}#w(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()}#n(){let t="",i=this.visibleColumns.length;this.visibleColumns.forEach((e,r)=>{(e.id==="selectionCheckbox"||e.id==="selectionRadio")&&!e.width&&(e.width=45),e.width&&typeof e.width=="string"&&e.width.indexOf("%")>-1&&(t+=`minmax(${e.width}, 1fr) `),e.width&&typeof e.width=="string"&&e.width.indexOf("%")===-1&&(t+=`${e.width} `),e.width&&typeof e.width=="number"&&(t+=`${e.width}px `),e.width||(t+="minmax(110px, 1fr) "),e?.frozen&&r>0&&r<i-1&&this.container?.style.setProperty(`--ids-data-grid-frozen-column-left-width-${r+1}`,`${this.visibleColumns[r-1].width}px`)}),this.container?.style.setProperty("--ids-data-grid-column-widths",t),this.#o()}setColumnWidth(t,i){let e=this.columnIdxById(t),r=this.columnDataById(t),a=r.minWidth||12,s=r.maxWidth||Number.MAX_SAFE_INTEGER;this.columns[e]&&i>=a&&i<=s&&(this.columns[e].width=i,this.#n(),this.#o()),this.triggerEvent("columnresized",this,{detail:{index:e,column:r,columns:this.columns}}),this.saveSettings?.()}setColumnVisible(t,i){this.columnDataById(t).hidden=!i,this.redraw()}#o(){if(this.columnGroups){let t=1,i=this.container?.querySelector(".ids-data-grid-column-groups")?.childNodes;this.columnGroups.forEach((e,r)=>{let a=e.colspan;for(let s=1;s<=a;s++)this.columns[t]?.hidden&&(a-=1),t++;i?.item(r)?.style.setProperty("grid-column-start",`span ${a}`)})}}setSortColumn(t,i=!0){let e=this.columnDataById(t),r=e?.field!==e?.id?e?.field:e?.id;this.sortColumn={id:t,ascending:i},this.datasource.sort(r||"",i),this.redrawBody(),this.header.setSortState(t,i),this.triggerEvent("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}}),this.saveSettings?.()}setSortState(t,i=!0){this.header.setSortState(t,i)}columnGroupDataById(t){return this.columnGroups?.filter(i=>i.id===t)[0]}columnGroupIdxById(t){return this.columnGroups?.findIndex(i=>i.id===t)}columnDataById(t){return this.columns?.filter(i=>i.id===t)[0]}columnIdxById(t){return this.columns?.findIndex(i=>i.id===t)}get visibleColumns(){return this.columns?.filter(t=>!t.hidden)}get rightFrozenColumns(){return this.columns?.filter(t=>!t.hidden&&t.frozen==="right")}get leftFrozenColumns(){return this.columns?.filter(t=>!t.hidden&&t.frozen==="left")}get hasFrozenColumns(){return this.leftFrozenColumns.length>0||this.rightFrozenColumns.length>0}columnDataByHeaderElem(t){let i=t?.getAttribute("column-id");return this.columnDataById(i||"")}set showHeaderExpander(t){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){this.virtualScroll?(this.datasource.data=this.data.concat(t),this.#v()):this.data=this.data.concat(t)}#v(){if(!this.virtualScroll)return;let t=this.data,i=this.rows;if(!t.length||!i.length)return;let{MAX_ROWS_IN_DOM:e}=this.virtualScrollSettings,r=Math.min(t.length,e)-i.length,a=[],n=i[i.length-1]?.rowIndex||0;for(;a.length<r;){let c=n+a.length+1,o=y.template(t[c],c,c+1,this);a.push(o)}a.length&&this.body&&(this.body.innerHTML+=a.join(""))}set data(t){if(t){Z.apply(this),this.datasource.flatten=this.treeGrid,this.datasource.data=t,this.initialized=!0,this.redraw();return}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),v.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),v.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),v.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.headerMenuData=t,!this.isDynamicContextmenu){let i=k.apply(this,[!0]);i&&(i.data=t),R.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=k.apply(this);i&&(i.data=t),R.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,r=e*i,a=52,s=a*i;return{ENABLED:t,ROW_HEIGHT:i,MAX_ROWS_IN_DOM:e,BODY_HEIGHT:r,BUFFER_ROWS:a,BUFFER_HEIGHT:s,RAF_DELAY:60,DEBOUNCE_RATE:10}}virtualScrollMaxRowsInDOM=300;#l(){let t=this.virtualScrollSettings,i=0;this.offEvent("scroll.data-grid",this.container),this.onEvent("scroll.data-grid",this.container,()=>{let e=this.container.scrollTop,r=this.container.clientHeight,a=t.ROW_HEIGHT+1,s=Math.floor(e/a);if(s===i)return;i=s;let n=this.data,c=this.rows,o=a*n.length,g=s<=0,u=e+r>=o;if(g){let h=c[0];this.#a(h.rowIndex,"start")}if(u){let h=c[c.length-1];this.#a(h.rowIndex,"end")}!g&&!u&&this.#a(0)},{capture:!0,passive:!0}),this.#d()}#d(){if(!this.virtualScroll)return;let t=this.virtualScrollSettings,i=this.data,e=t.ROW_HEIGHT+1,r=i.length*e-t.BODY_HEIGHT;this.body?.style.setProperty("padding-bottom",`${Math.max(r,0)}px`);let a=0;this.offEvent("scroll.data-grid.virtual-scroll",this.container),this.onEvent("scroll.data-grid.virtual-scroll",this.container,s=>{s.stopImmediatePropagation();let n=Math.floor(this.container.scrollTop/e);n!==a&&(a=n,this.scrollRowIntoView(n,!1))},{capture:!0,passive:!0})}#r={};#a(t,i){i?t!==this.#r[i]&&(this.#r[i]=t,this.triggerEvent(`scroll${i}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:t}})):this.#r={}}#s=NaN;requestAnimationFrame(t){this.virtualScroll?this.#s=requestAnimationFrame(t):t()}#c(t){this.rowByIndex(t)?.scrollIntoView?.();let i=this.header.clientHeight,e=this.container.scrollHeight,r=this.container.clientHeight;this.container.scrollTop+r>=e||(this.container.scrollTop-=i)}scrollRowIntoView(t,i=!0){this.#s&&cancelAnimationFrame(this.#s);let e=this.data,r=this.rows;if(!e.length||!r.length)return;let a=this.virtualScrollSettings,s=e.length-1;if(t=Math.max(t,0),t=Math.min(t,s),!this.virtualScroll){this.#c(t);return}let n=this.container,c=this.body,o=r[0],g=r[r.length-1],u=o.rowIndex,h=g.rowIndex,f=t<u,b=t>h,x=!f&&!b,m=h>=s,p=t-a.BUFFER_ROWS;if(p=Math.max(p,0),p=Math.min(p,s),x&&i){this.offEvent("scroll.data-grid.virtual-scroll",this.container),this.#c(t),this.#d();return}if(x){let I=p-u,N=Math.abs(I);if(I>0)m||this.#y(I);else if(N<a.MAX_ROWS_IN_DOM)this.#g(N);else return}else f?this.#h(p):b&&this.#h(p);let w=a.ROW_HEIGHT+1,rt=e.length*w-a.BODY_HEIGHT,L=p*w,at=rt-L;m||c?.style.setProperty("transform",`translateY(${L}px)`),c?.style.setProperty("padding-bottom",`${Math.max(at,0)}px`),i&&(n.scrollTop=t*w)}#h(t){let i=this.data,e=this.rows;if(!i.length||!e.length)return;let r=i.length-1;t=Math.min(t,r),t=Math.max(t,0);let{MAX_ROWS_IN_DOM:a}=this.virtualScrollSettings;this.rows.every((s,n)=>{let c=t+n;if(c>r){let o=a-n;return this.#g(o),!1}return s.rowIndex=c,!0})}#y(t){let i=this.rows;if(!t||!i.length)return;let e=this.data,a=i[i.length-1].rowIndex,s=i.slice(0,t),n=[];s.every((c,o)=>{let g=a+(o+1);return g>=e.length?!1:(c.rowIndex=g,n.push(c))}),n.length&&(n.length>=this.virtualScrollSettings.MAX_ROWS_IN_DOM||this.requestAnimationFrame(()=>{this.body?.append(...n)}))}#g(t){let i=this.rows;if(!t||!i.length)return;let r=i[0].rowIndex,a=i.slice(-1*t),s=[];a.every((n,c)=>{let o=r-(c+1);return o<0?!1:(n.rowIndex=o,s.push(n))}),s.length&&this.requestAnimationFrame(()=>{this.body?.prepend(...s.reverse())})}set label(t){if(t){this.setAttribute(d.LABEL,t),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("aria-label",t);return}this.removeAttribute(d.LABEL),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("aria-label","Data Grid")}get label(){return this.getAttribute(d.LABEL)||"Data Grid"}set rowHeight(t){t?(this.setAttribute(d.ROW_HEIGHT,t),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("data-row-height",t)):(this.removeAttribute(d.ROW_HEIGHT),this.shadowRoot?.querySelector(".ids-data-grid")?.setAttribute("data-row-height","lg")),this.saveSettings?.()}get rowHeight(){return this.getAttribute(d.ROW_HEIGHT)||"lg"}set rowStart(t){this.setAttribute(d.ROW_START,String(t||0))}get rowStart(){return Number(this.getAttribute(d.ROW_START))||0}set rowNavigation(t){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),v.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 r=this.#E(this.datasource.originalData,this.data[t].parentElement);r.children[this.data[t].ariaPosinset-1]={...r.children[this.data[t].ariaPosinset-1],...i};return}e?this.datasource.originalData[t]=i:this.datasource.originalData[t]={...this.datasource.originalData[t],...i}}#E(t,i){let e;return i.split(" ").forEach((r,a)=>{a===0?e=t.find(s=>s[this.idColumn]==r):e=e.children.find(s=>s.id==r)}),e}#e(){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.#e()}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.#e()}removeRow(t){this.datasource.originalData.splice(t,1),this.datasource.data=this.datasource.originalData,this.redrawBody(),this.#e()}clearRow(t){this.updateDataset(t,{},!0),this.redrawBody()}editFirstCell(){this.#i("next")}selectRow(t,i=!0){let e=this.rowByIndex(t);if(e){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")}e&&(e.selected=!0,this.updateDataset(Number(e?.getAttribute("data-index")),{rowSelected:!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(e){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(e.rowIndex,{rowSelected:void 0}),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]}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))}#S(){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 r=this.rowByIndex(i);!r&&this.virtualScroll&&(this.scrollRowIntoView(i),r=this.rowByIndex(i));let a=r?.querySelectorAll("ids-data-grid-cell");return a&&a.length>0&&a[t].activate(!!e),this.activeCell}set disableClientFilter(t){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 r={},a={};t=t==="csv"||t==="xlsx"?t:"xlsx",e=t==="csv"?!0:e,this.columns.forEach(o=>{o.id&&o.field&&o.name&&(a[o.id]=o,r[o.id]={id:o.id,field:o.field,name:o.name,type:e?"string":this.determineColType(o)})});let s=document.createElement("span"),n=e?this.datasource.data.map((o,g)=>{let u={};return Object.keys(r).forEach(h=>{let f=a[h],b=f?.formatter,x=b===this.formatters.decimal||b===this.formatters.integer,m=o[r[h].field],p=m;if(m!=null&&!x&&b){let w=b.call(this.formatters,o,f,g,this);s.innerHTML=w,p=s.textContent?.trim()}u[h]=p}),u}):this.datasource.data;(t==="csv"?U:q)(n,{filename:i||"data-grid",columns:Object.values(r)})}determineColType(t){let i="string";return(t.formatter===this.formatters.integer||t.formatter===this.formatters.decimal)&&(i="number"),t.formatter===this.formatters.date&&(i="date"),t.formatter===this.formatters.time&&(i="time"),i}};E=M([O("ids-data-grid"),G(dt)],E);export{E as a};