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

package/components/ids-data-grid/ids-data-grid.css

@@ -1,7 +1,13 @@
 /* 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;
@@ -43,12 +49,9 @@
   border-color: var(--ids-data-grid-header-checkbox-color-border);
 }
 
-.ids-data-grid-column-groups {
-  border-block-end: 1px solid var(--ids-data-grid-header-color-border);
-}
-
 .ids-data-grid-header-cell {
   border-inline-start: 1px solid var(--ids-data-grid-header-color-border);
+  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;
@@ -56,8 +59,8 @@
 .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: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;
@@ -65,6 +68,10 @@
 .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;
 }
@@ -96,7 +103,7 @@
   top: calc(50% - 9px);
 }
 .ids-data-grid-header-cell.align-right .reorderer {
-  inset-inline-end: 8px;
+  inset-inline-end: 5px;
   inset-inline-start: initial;
 }
 .ids-data-grid-header-cell:last-child .resizer {
@@ -112,7 +119,7 @@
   width: 110px;
 }
 .ids-data-grid-header-cell.active-drag-column {
-  background-color: var(--ids-data-grid-header-color-background-placeholder-dragging);
+  background-color: var(--ids-data-grid-header-color-background-default-placeholder-dragging);
 }
 .ids-data-grid-header-cell.active-drag-column .sort-indicator {
   opacity: 0;
@@ -231,10 +238,11 @@
   margin-inline-start: var(--ids-space-50);
 }
 .header-expander:hover {
-  color: var(--ids-data-grid-header-expander-active-color);
+  color: var(--ids-data-grid-header-expander-color-active);
 }
 
-:host([show-header-expander]) .header-expander {
+:host([show-header-expander]) .header-expander,
+.column-header-expander .header-expander {
   display: unset;
 }
 
@@ -281,11 +289,11 @@
   width: 0;
 }
 .ids-data-grid-sort-arrows::before {
-  border-top: 5px solid var(--ids-data-grid-header-color-background-default);
+  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-color-background-default);
+  border-bottom: 5px solid var(--ids-data-grid-header-drag-arrow-color-background);
   bottom: -9px;
 }
 
@@ -326,7 +334,10 @@ th.ids-data-grid-header-cell {
   inset-inline-start: -11px;
 }
 .ids-data-grid[data-row-height=md] .sort-indicator {
-  margin-inline-start: -6px;
+  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);
@@ -335,9 +346,6 @@ th.ids-data-grid-header-cell {
   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 {
@@ -348,11 +356,16 @@ th.ids-data-grid-header-cell {
 }
 .ids-data-grid[data-row-height=xs] .sort-indicator {
   margin-inline-start: -2px;
-  margin-block-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);
 }
@@ -361,13 +374,21 @@ th.ids-data-grid-header-cell {
 }
 .ids-data-grid[data-row-height=xxs] .sort-indicator {
   margin-inline-start: 0;
-  margin-block-start: -3px;
+  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-checkbox-container {
-  padding-top: 1px;
+.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;
@@ -489,7 +510,15 @@ tr.ids-data-grid-row {
 }
 
 .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;
@@ -581,9 +610,13 @@ tr.ids-data-grid-row {
   padding-inline-end: 0;
 }
 .ids-data-grid-cell.is-editable .editor-cell-icon {
-  margin-inline-end: 10px;
+  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;
 }
@@ -830,6 +863,10 @@ td.ids-data-grid-cell {
   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;
 }
@@ -941,6 +978,7 @@ td.ids-data-grid-cell {
  */
 :root {
   --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr));
+  contain: content;
 }
 
 .ids-data-grid {
@@ -949,7 +987,6 @@ td.ids-data-grid-cell {
   border-radius: var(--ids-border-radius-01);
   border-collapse: collapse;
   box-sizing: border-box;
-  contain: content;
   overflow: auto;
   width: 100%;
   display: inline-grid;
@@ -1163,6 +1200,12 @@ td.ids-data-grid-cell {
 .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;

package/components/ids-data-grid/ids-data-grid.d.ts

@@ -12,7 +12,7 @@ import IdsElement from '../../core/ids-element';
 import IdsDataGridCell from './ids-data-grid-cell';
 declare const Base: {
     new (...args: any[]): {
-        "__#48@#pager": any;
+        "__#50@#pager": any;
         datasource: IdsDataSource;
         pager: import("../ids-pager/ids-pager").default;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
@@ -23,8 +23,8 @@ declare const Base: {
         pageNumber: number;
         pageSize: number;
         pageTotal: number;
-        "__#48@#attachPager"(): void;
-        "__#48@#attachEventListeners"(): void;
+        "__#50@#attachPager"(): void;
+        "__#50@#attachEventListeners"(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -40,13 +40,13 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -235,7 +235,10 @@ declare const Base: {
         ariaValueText: string | null;
         role: string | null;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[]; /**
+         * Sets keyboard navigation to rows
+         * @param {boolean} value toggle row navigation
+         */
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -378,9 +381,9 @@ declare const Base: {
             rowHeight: string;
             sortOrder: string;
         };
-        "__#131@#valSettings": string[];
-        "__#131@#saveMode": boolean;
-        "__#131@#restored": string[];
+        "__#135@#valSettings": string[];
+        "__#135@#saveMode": boolean;
+        "__#135@#restored": string[];
         saveActivePage: boolean;
         saveColumns: boolean;
         saveFilter: boolean;
@@ -388,14 +391,14 @@ declare const Base: {
         saveRowHeight: boolean;
         saveSortOrder: boolean;
         saveUserSettings: boolean;
-        "__#131@#setBoolAttribute"(attributeName: string, value: string | boolean): void;
-        "__#131@#canUseLocalStorage"(): boolean;
-        "__#131@#keyTobeUsed"(setting: string, prefix?: string, suffix?: string, uniqueId?: string): string;
-        "__#131@#keyAndValue"(setting: string): {
+        "__#135@#setBoolAttribute"(attributeName: string, value: string | boolean): void;
+        "__#135@#canUseLocalStorage"(): boolean;
+        "__#135@#keyTobeUsed"(setting: string, prefix?: string, suffix?: string, uniqueId?: string): string;
+        "__#135@#keyAndValue"(setting: string): {
             key: string;
             value: any;
         };
-        "__#131@#save"(key: string, value: any): void;
+        "__#135@#save"(key: string, value: any): void;
         saveSetting(setting: string): void;
         saveAllSettings(): void;
         savedSetting(setting: string): any;
@@ -404,13 +407,13 @@ declare const Base: {
         clearAllSettings(userKeys?: any): void;
         restoreSetting(setting: string, value?: any): void;
         restoreAllSettings(userSettings?: import("./ids-data-grid-save-settings-mixin").IdsDataGridSaveSettings): void;
-        "__#131@#restoreUserSetting"(setting: string, value: any, callback: () => void): void;
-        "__#131@#restoreActivePage"(value?: any): void;
-        "__#131@#restoreColumns"(value?: any): void;
-        "__#131@#restoreFilter"(value?: any): void;
-        "__#131@#restorePageSize"(value?: any): void;
-        "__#131@#restoreRowHeight"(value?: any): void;
-        "__#131@#restoreSortOrder"(value?: any): void;
+        "__#135@#restoreUserSetting"(setting: string, value: any, callback: () => void): void;
+        "__#135@#restoreActivePage"(value?: any): void;
+        "__#135@#restoreColumns"(value?: any): void;
+        "__#135@#restoreFilter"(value?: any): void;
+        "__#135@#restorePageSize"(value?: any): void;
+        "__#135@#restoreRowHeight"(value?: any): void;
+        "__#135@#restoreSortOrder"(value?: any): void;
         saveSettings(): void;
         attachSaveSettingsEventHandlers(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -428,14 +431,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -624,7 +627,10 @@ declare const Base: {
         ariaValueText: string | null;
         role: string | null;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[]; /**
+         * Sets keyboard navigation to rows
+         * @param {boolean} value toggle row navigation
+         */
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -760,26 +766,26 @@ declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         suppressTooltips: boolean;
-        "__#132@#tooltip": any;
-        "__#132@#types": {
+        "__#136@#tooltip": any;
+        "__#136@#types": {
             BODY_CELL: string;
             FILTER_BUTTON: string;
             HEADER_TITLE: string;
             HEADER_ICON: string;
         };
         setupTooltip(): void;
-        "__#132@#handleTooltip"(e: MouseEvent): Promise<void>;
-        "__#132@#tooltipBodyCell"(path: HTMLElement[]): Promise<void>;
-        "__#132@#tooltipHeaderTitleOrIcon"(path: HTMLElement[]): Promise<void>;
-        "__#132@#tooltipFilterButton"(path: HTMLElement[]): Promise<void>;
-        "__#132@#setTooltipCssPart"(opt: any): Promise<void>;
-        "__#132@#tooltipContent"(opt: any): Promise<string>;
-        "__#132@#tooltipOptions"(opt: any): Promise<import("./ids-data-grid-column").IdsDataGridTooltipOptions>;
-        "__#132@#showTooltip"(opt: any): void;
-        "__#132@#hideTooltip"(): void;
-        "__#132@#mouseOut": boolean;
-        "__#132@#attachTooltip"(): void;
-        "__#132@#detachTooltip"(): void;
+        "__#136@#handleTooltip"(e: MouseEvent): Promise<void>;
+        "__#136@#tooltipBodyCell"(path: HTMLElement[]): Promise<void>;
+        "__#136@#tooltipHeaderTitleOrIcon"(path: HTMLElement[]): Promise<void>;
+        "__#136@#tooltipFilterButton"(path: HTMLElement[]): Promise<void>;
+        "__#136@#setTooltipCssPart"(opt: any): Promise<void>;
+        "__#136@#tooltipContent"(opt: any): Promise<string>;
+        "__#136@#tooltipOptions"(opt: any): Promise<import("./ids-data-grid-column").IdsDataGridTooltipOptions>;
+        "__#136@#showTooltip"(opt: any): void;
+        "__#136@#hideTooltip"(): void;
+        "__#136@#mouseOut": boolean;
+        "__#136@#attachTooltip"(): void;
+        "__#136@#detachTooltip"(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -795,14 +801,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -991,7 +997,10 @@ declare const Base: {
         ariaValueText: string | null;
         role: string | null;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[]; /**
+         * Sets keyboard navigation to rows
+         * @param {boolean} value toggle row navigation
+         */
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -1153,13 +1162,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1348,7 +1357,10 @@ declare const Base: {
         ariaValueText: string | null;
         role: string | null;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[]; /**
+         * Sets keyboard navigation to rows
+         * @param {boolean} value toggle row navigation
+         */
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -1482,17 +1494,10 @@ declare const Base: {
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
-        localeAPI: import("../ids-locale/ids-locale").default;
+        readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
-        setLanguage(value: string): Promise<void>;
-        previousLanguage: string;
-        language: any;
-        "__#5@#notifyChildrenLanguage"(children: NodeListOf<HTMLElement>, language: string, previousLanguage: string): void;
-        previousLocale: string;
-        setLocale(value: string): Promise<void>;
         locale: string;
-        "__#5@#notifyChildrenLocale"(children: NodeListOf<HTMLElement>, locale: string, previousLocale: string): void;
-        setDirection(): void;
+        language: any;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -1510,14 +1515,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1706,7 +1711,10 @@ declare const Base: {
         ariaValueText: string | null;
         role: string | null;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[]; /**
+         * Sets keyboard navigation to rows
+         * @param {boolean} value toggle row navigation
+         */
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -1861,20 +1869,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -1885,13 +1893,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -2080,7 +2088,10 @@ declare const Base: {
         ariaValueText: string | null;
         role: string | null;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[]; /**
+         * Sets keyboard navigation to rows
+         * @param {boolean} value toggle row navigation
+         */
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -2242,6 +2253,7 @@ export default class IdsDataGrid extends Base {
     };
     emptyMessageElements?: IdsDataGridEmptyMessageElements;
     cacheHash: string;
+    openMenu: null | IdsPopupMenu;
     /**
      * Types for contextmenu.
      */
@@ -2259,6 +2271,7 @@ export default class IdsDataGrid extends Base {
     get rows(): IdsDataGridRow[];
     get wrapper(): HTMLElement | null | undefined;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     /** Reference to datasource API */
     readonly datasource: IdsDataSource;
     /** Filters instance attached to component  */
@@ -2324,7 +2337,7 @@ export default class IdsDataGrid extends Base {
      */
     redraw(): void;
     /** Do some things after redraw */
-    afterRedraw(): void;
+    afterRedraw(): Promise<void>;
     /**
      * Contextmenu stuff use for info and events
      * @private
@@ -2548,27 +2561,10 @@ export default class IdsDataGrid extends Base {
     virtualScrollMaxRowsInDOM: number;
     requestAnimationFrame(fnCallback: () => void): void;
     /**
-     * We always want to set doScroll=true when scrollRowIntoView() is called manually in code...
-     * ...so when the "public" uses it they would simply do scrollRowIntoView(x).
-     *
-     * However, this method is also used in the "onscroll" event-handler...
-     * ...within that "onscroll" event-handler, we want doScroll=false,
-     * ...and let the browser handle moving/panning the window without interference.
-     * @param {number} rowIndex - which row to scroll into view.
-     * @param {boolean} doScroll - set to "true" to have the browser perform the scroll action
-     * @see IdsDataGrid.#attachVirtualScrollEvent()
-     * @see https://medium.com/@moshe_31114/building-our-recycle-list-solution-in-react-17a21a9605a0
-     * @see https://dev.to/adamklein/build-your-own-virtual-scroll-part-i-11ib
-     * @see https://dev.to/adamklein/build-your-own-virtual-scroll-part-ii-3j86
-     * @see https://fluffy.es/solve-duplicated-cells
-     * @see https://vaadin.com/docs/latest/components/grid#columns
-     * @see https://www.htmlelements.com/demos/grid/datagrid-bind-to-json
-     * @see https://dev.to/gopal1996/understanding-reflow-and-repaint-in-the-browser-1jbg
-     * @see https://medium.com/teads-engineering/the-most-accurate-way-to-schedule-a-function-in-a-web-browser-eadcd164da12
-     * @see https://javascript.info/bubbling-and-capturing#capturing
-     * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
-     */
-    scrollRowIntoView(rowIndex: number, doScroll?: boolean): void;
+     * Scroll a given row into view
+     * @param {number} rowIndex which row to scroll into view.
+     */
+    scrollRowIntoView(rowIndex: number): void;
     /**
      * Set the aria-label element in the DOM. This should be translated.
      * @param {string} value The aria label
@@ -2879,5 +2875,17 @@ export default class IdsDataGrid extends Base {
      * @returns {string} matching excel type
      */
     private determineColType;
+    /**
+     * Find a specific IdsDataGridCell element using row-index and column-index.
+     * @param {number} rowIndex the zero-based row index
+     * @param {number} columnIndex the zero-based column index
+     * @returns {IdsDataGridCell} html element for cell
+     */
+    cellByIndex(rowIndex: number, columnIndex: number): IdsDataGridCell | null;
+    /**
+     * Checks on the active cell editor to see if its current state allows it to be closed.
+     * @returns {boolean} true if the cell editor is able to "close"
+     */
+    private activeCellCanClose;
 }
 export {};