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

package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts

@@ -43,17 +43,17 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
          * List of values for each setting.
          * @private
          */
-        "__#103@#valSettings": string[];
+        "__#111@#valSettings": string[];
         /**
          * State to check if can be able to save.
          * @private
          */
-        "__#103@#saveMode": boolean;
+        "__#111@#saveMode": boolean;
         /**
          * List of restored options.
          * @private
          */
-        "__#103@#restored": string[];
+        "__#111@#restored": string[];
         /**
          * Sets to save active page
          * @param {boolean|string} value The value
@@ -96,13 +96,13 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
          * @param {boolean|string} value The value
          * @returns {void}
          */
-        "__#103@#setBoolAttribute"(attributeName: string, value: boolean | string): void;
+        "__#111@#setBoolAttribute"(attributeName: string, value: boolean | string): void;
         /**
          * Checks if local storage can be use.
          * @private
          * @returns {boolean} True, if local storage can be use.
          */
-        "__#103@#canUseLocalStorage"(): boolean;
+        "__#111@#canUseLocalStorage"(): boolean;
         /**
          * Get key to be used with local storage.
          * @private
@@ -112,14 +112,14 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
          * @param {string} uniqueId The uniqueId.
          * @returns {string} The key value.
          */
-        "__#103@#keyTobeUsed"(setting: string, prefix?: string, suffix?: string, uniqueId?: string): string;
+        "__#111@#keyTobeUsed"(setting: string, prefix?: string, suffix?: string, uniqueId?: string): string;
         /**
          * Get key/value for given setting.
          * @private
          * @param {string} setting The setting.
          * @returns {{ key: string, value: any }} the value
          */
-        "__#103@#keyAndValue"(setting: string): {
+        "__#111@#keyAndValue"(setting: string): {
             key: string;
             value: any;
         };
@@ -130,7 +130,7 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
          * @param {any} value The value.
          * @returns {void}
          */
-        "__#103@#save"(key: string, value: any): void;
+        "__#111@#save"(key: string, value: any): void;
         /**
          * Save the given setting.
          * @param {string} setting The setting.
@@ -188,43 +188,43 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
          * @param {Function} callback The callback function.
          * @returns {void}
          */
-        "__#103@#restoreUserSetting"(setting: string, value: any, callback: () => void): void;
+        "__#111@#restoreUserSetting"(setting: string, value: any, callback: () => void): void;
         /**
          * Restore active page.
          * @param {number | null} value The value.
          * @returns {void}
          */
-        "__#103@#restoreActivePage"(value?: any): void;
+        "__#111@#restoreActivePage"(value?: any): void;
         /**
          * Restore columns.
          * @param {IdsDataGridColumn[] | null} value The value.
          * @returns {void}
          */
-        "__#103@#restoreColumns"(value?: any): void;
+        "__#111@#restoreColumns"(value?: any): void;
         /**
          * Restore filter.
          * @param {IdsDataGridFilterConditions[] | null} value The value.
          * @returns {void}
          */
-        "__#103@#restoreFilter"(value?: any): void;
+        "__#111@#restoreFilter"(value?: any): void;
         /**
          * Restore Page size.
          * @param {number | null} value The value.
          * @returns {void}
          */
-        "__#103@#restorePageSize"(value?: any): void;
+        "__#111@#restorePageSize"(value?: any): void;
         /**
          * Restore row height.
          * @param {string | null} value The value.
          * @returns {void}
          */
-        "__#103@#restoreRowHeight"(value?: any): void;
+        "__#111@#restoreRowHeight"(value?: any): void;
         /**
          * Restore sort order.
          * @param {{ id: string, ascending: boolean } | null} value The value.
          * @returns {void}
          */
-        "__#103@#restoreSortOrder"(value?: any): void;
+        "__#111@#restoreSortOrder"(value?: any): void;
         /**
          * Sets to save user settings.
          * @returns {void}
@@ -242,7 +242,7 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>; /** Set the sort order */
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -250,6 +250,7 @@ declare const IdsDataGridSaveSettingsMixin: <T extends Constraints>(superclass:
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;

package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-X24PHJUP.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-QIWV57FO.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -20,12 +20,12 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
          * Single tooltip use with all grid elements
          * @private
          */
-        "__#104@#tooltip": any;
+        "__#112@#tooltip": any;
         /**
          * Types of tooltip as unique identifier
          * @private
          */
-        "__#104@#types": {
+        "__#112@#types": {
             BODY_CELL: string;
             FILTER_BUTTON: string;
             HEADER_TITLE: string;
@@ -42,71 +42,71 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
          * @private
          * @param {MouseEvent} e The event
          */
-        "__#104@#handleTooltip"(e: MouseEvent): Promise<void>;
+        "__#112@#handleTooltip"(e: MouseEvent): Promise<void>;
         /**
          * Handle tooltip for body cell
          * @private
          * @param  {HTMLElement[]} path List of path element.
          */
-        "__#104@#tooltipBodyCell"(path: HTMLElement[]): Promise<void>;
+        "__#112@#tooltipBodyCell"(path: HTMLElement[]): Promise<void>;
         /**
          * Handle tooltip for header title or header icon
          * @private
          * @param  {HTMLElement[]} path List of path element.
          */
-        "__#104@#tooltipHeaderTitleOrIcon"(path: HTMLElement[]): Promise<void>;
+        "__#112@#tooltipHeaderTitleOrIcon"(path: HTMLElement[]): Promise<void>;
         /**
          * Handle tooltip for header filter button
          * @private
          * @param  {HTMLElement[]} path List of path element.
          */
-        "__#104@#tooltipFilterButton"(path: HTMLElement[]): Promise<void>;
+        "__#112@#tooltipFilterButton"(path: HTMLElement[]): Promise<void>;
         /**
          * Set tooltip css part.
          * @private
          * @param  {object} opt The options.
          */
-        "__#104@#setTooltipCssPart"(opt: any): Promise<void>;
+        "__#112@#setTooltipCssPart"(opt: any): Promise<void>;
         /**
          * Get tooltip content to display.
          * @private
          * @param {object} opt The options.
          * @returns {void}
          */
-        "__#104@#tooltipContent"(opt: any): Promise<string>;
+        "__#112@#tooltipContent"(opt: any): Promise<string>;
         /**
          * Get tooltip settings.
          * @private
          * @param {object} opt The options.
          * @returns {void}
          */
-        "__#104@#tooltipOptions"(opt: any): Promise<IdsDataGridTooltipOptions>;
+        "__#112@#tooltipOptions"(opt: any): Promise<IdsDataGridTooltipOptions>;
         /**
          * Handle to show tooltip
          * @private
          * @param  {object} opt The options.
          * @returns {void}
          */
-        "__#104@#showTooltip"(opt: any): void;
+        "__#112@#showTooltip"(opt: any): void;
         /**
          * Handle to hide tooltip
          * @private
          * @returns {void}
          */
-        "__#104@#hideTooltip"(): void;
-        "__#104@#mouseOut": boolean;
+        "__#112@#hideTooltip"(): void;
+        "__#112@#mouseOut": boolean;
         /**
          * Add tooltip and attach all tooltip events
          * @private
          * @returns {void}
          */
-        "__#104@#attachTooltip"(): void;
+        "__#112@#attachTooltip"(): void;
         /**
          * Detach tooltip and all tooltip events
          * @private
          * @returns {void}
          */
-        "__#104@#detachTooltip"(): void;
+        "__#112@#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;
@@ -114,7 +114,7 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -122,6 +122,7 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;

package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-4WHK3IHY.js";import"../../chunks/ids-chunk-KWUI36H2.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-3QLSR2DO.js";import"../../chunks/ids-chunk-4XZUCEYZ.js";import"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-SMXFAS2G.js";import"../../chunks/ids-chunk-KWUI36H2.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-TO7KFRDQ.js";import"../../chunks/ids-chunk-4WZCDN7B.js";import"../../chunks/ids-chunk-ECWXAFYU.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-D2KOMV4A.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RW2HYK23.js";import"../../chunks/ids-chunk-LPBCDH72.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AVJBDNMO.js";import"../../chunks/ids-chunk-DLJMMPZB.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -3,6 +3,7 @@
   --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-menu-item-width-min: 190px;
 }
 .ids-data-grid ::slotted([slot^=filter-]) {
   align-items: center;
@@ -39,6 +40,7 @@
   position: sticky;
   top: 0;
   z-index: 4;
+  --ids-button-formatter-size: 28px;
 }
 
 .ids-data-grid-header-text .ids-data-grid-checkbox-container {
@@ -221,7 +223,7 @@
 }
 .is-sortable .sort-indicator ids-icon:last-child {
   position: relative;
-  top: -9px;
+  top: -10px;
 }
 .is-sortable:hover {
   cursor: pointer;
@@ -380,6 +382,9 @@ th.ids-data-grid-header-cell {
 .ids-data-grid[data-row-height=xxs] .sort-indicator > ids-icon:first-child {
   top: 3px;
 }
+.ids-data-grid[data-row-height=xxs] .sort-indicator ids-icon:last-child {
+  top: -11px;
+}
 .ids-data-grid[data-row-height=xxs] .align-right .sort-indicator {
   margin-inline-start: 0;
 }
@@ -601,7 +606,7 @@ tr.ids-data-grid-row {
 .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 {
+.ids-data-grid-cell:focus, .ids-data-grid-cell.is-editing:not(.is-inline):focus-within, .ids-data-grid-cell.is-focused {
   box-shadow: var(--ids-shadow-20);
   outline: 1px solid var(--ids-color-border-focus);
   outline-offset: -1px;
@@ -637,7 +642,7 @@ tr.ids-data-grid-row {
   padding-inline-end: 0;
 }
 .ids-data-grid-cell.is-editable .editor-cell-icon {
-  margin-inline-end: 12px;
+  margin-inline-end: 11px;
   margin-block-start: 2px;
   display: none;
 }
@@ -664,27 +669,18 @@ tr.ids-data-grid-row {
   left: 6px;
   top: 4px;
 }
-.ids-data-grid-cell.is-editing.is-dropdown, .ids-data-grid-cell.is-editing.is-lookup, .ids-data-grid-cell.is-editing.is-datepicker, .ids-data-grid-cell.is-editing.is-timepicker {
+.ids-data-grid-cell.is-editing.is-lookup, .ids-data-grid-cell.is-editing.is-datepicker, .ids-data-grid-cell.is-editing.is-timepicker {
   overflow: visible;
 }
 .ids-data-grid-cell.is-editable.is-dropdown .dropdown-cell-value {
   width: 100%;
 }
-.ids-data-grid-cell.is-editing.is-dropdown.is-dirty::before {
-  margin-inline: 3px;
-}
-.ids-data-grid-cell.is-editing.is-dropdown:not(.is-inline) {
-  border-left-width: 0;
-}
 .ids-data-grid-cell.is-editing.is-dropdown.is-inline {
   box-shadow: none;
 }
 .ids-data-grid-cell.is-editing.is-dropdown.is-inline ids-dropdown {
   padding: 0 4px;
 }
-.ids-data-grid-cell.is-editing.is-dropdown.is-inline.is-dirty::before {
-  margin-inline: 6px;
-}
 .ids-data-grid-cell.is-editing.is-uppercase {
   text-transform: uppercase;
 }
@@ -767,6 +763,10 @@ tr.ids-data-grid-row {
   inset-block-start: 2px;
   z-index: 1;
 }
+.ids-data-grid-cell.is-dirty.is-inline.is-dropdown::before {
+  margin-inline: 6px;
+  inset-block-start: 6px;
+}
 .ids-data-grid-cell.is-invalid {
   background-color: var(--ids-data-grid-cell-color-background-error);
 }
@@ -809,6 +809,9 @@ tr.ids-data-grid-row {
 [data-row-height=xxs] .ids-data-grid-cell .ids-data-grid-checkbox-container:not(.is-selection-checkbox) {
   padding-inline: var(--ids-data-grid-padding-xxs);
 }
+[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-editable.is-invalid ids-alert {
+  margin-inline-end: var(--ids-space-10);
+}
 
 [data-row-height=xs] .ids-data-grid-cell.is-dirty::before {
   border-width: 4px;
@@ -902,7 +905,7 @@ td.ids-data-grid-cell {
 :host([dir=rtl]) .ids-data-grid-cell:last-child {
   border-inline-end-width: 0;
 }
-:host([dir=rtl]) .ids-data-grid-cell.is-dirty::before {
+:host([dir=rtl]) .ids-data-grid-cell.is-dirty .ids-data-grid-tree-field-container::before, :host([dir=rtl]) .ids-data-grid-cell.is-dirty::before {
   border-color: var(--ids-input-dirty-indicator-color-background-dirty) var(--ids-input-dirty-indicator-color-background-dirty) transparent transparent;
 }
 
@@ -1227,7 +1230,7 @@ td.ids-data-grid-cell {
   width: calc(100% - 4px);
 }
 .ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
-  margin-inline-end: -4px;
+  margin-inline-end: -2px;
 }
 .ids-data-grid[data-row-height=xxs] .ids-data-grid-tree-field-container .text-ellipsis {
   padding-inline-start: 0;
@@ -1942,16 +1945,17 @@ table.ids-data-grid {
 
 .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;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+  pointer-events: none;
 }
 .ids-data-grid-wrapper.has-empty-message .ids-data-grid {
   min-height: var(--ids-data-grid-height-min);