ids-enterprise-wc 1.0.0-beta.21 → 1.0.0-beta.23

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
          */
-        "__#107@#tooltip": any;
+        "__#110@#tooltip": any;
         /**
          * Types of tooltip as unique identifier
          * @private
          */
-        "__#107@#types": {
+        "__#110@#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
          */
-        "__#107@#handleTooltip"(e: MouseEvent): Promise<void>;
+        "__#110@#handleTooltip"(e: MouseEvent): Promise<void>;
         /**
          * Handle tooltip for body cell
          * @private
          * @param  {HTMLElement[]} path List of path element.
          */
-        "__#107@#tooltipBodyCell"(path: HTMLElement[]): Promise<void>;
+        "__#110@#tooltipBodyCell"(path: HTMLElement[]): Promise<void>;
         /**
          * Handle tooltip for header title or header icon
          * @private
          * @param  {HTMLElement[]} path List of path element.
          */
-        "__#107@#tooltipHeaderTitleOrIcon"(path: HTMLElement[]): Promise<void>;
+        "__#110@#tooltipHeaderTitleOrIcon"(path: HTMLElement[]): Promise<void>;
         /**
          * Handle tooltip for header filter button
          * @private
          * @param  {HTMLElement[]} path List of path element.
          */
-        "__#107@#tooltipFilterButton"(path: HTMLElement[]): Promise<void>;
+        "__#110@#tooltipFilterButton"(path: HTMLElement[]): Promise<void>;
         /**
          * Set tooltip css part.
          * @private
          * @param  {object} opt The options.
          */
-        "__#107@#setTooltipCssPart"(opt: any): Promise<void>;
+        "__#110@#setTooltipCssPart"(opt: any): Promise<void>;
         /**
          * Get tooltip content to display.
          * @private
          * @param {object} opt The options.
          * @returns {void}
          */
-        "__#107@#tooltipContent"(opt: any): Promise<string>;
+        "__#110@#tooltipContent"(opt: any): Promise<string>;
         /**
          * Get tooltip settings.
          * @private
          * @param {object} opt The options.
          * @returns {void}
          */
-        "__#107@#tooltipOptions"(opt: any): Promise<IdsDataGridTooltipOptions>;
+        "__#110@#tooltipOptions"(opt: any): Promise<IdsDataGridTooltipOptions>;
         /**
          * Handle to show tooltip
          * @private
          * @param  {object} opt The options.
          * @returns {void}
          */
-        "__#107@#showTooltip"(opt: any): void;
+        "__#110@#showTooltip"(opt: any): void;
         /**
          * Handle to hide tooltip
          * @private
          * @returns {void}
          */
-        "__#107@#hideTooltip"(): void;
-        "__#107@#mouseOut": boolean;
+        "__#110@#hideTooltip"(): void;
+        "__#110@#mouseOut": boolean;
         /**
          * Add tooltip and attach all tooltip events
          * @private
          * @returns {void}
          */
-        "__#107@#attachTooltip"(): void;
+        "__#110@#attachTooltip"(): void;
         /**
          * Detach tooltip and all tooltip events
          * @private
          * @returns {void}
          */
-        "__#107@#detachTooltip"(): void;
+        "__#110@#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;
@@ -158,7 +158,7 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -293,6 +293,7 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -363,6 +364,7 @@ declare const IdsDataGridTooltipMixin: <T extends Constraints>(superclass: T) =>
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-KGJVULZQ.js";import"../../chunks/ids-chunk-KWUI36H2.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-CY324CVN.js";import"../../chunks/ids-chunk-3X7DPFEQ.js";import"../../chunks/ids-chunk-WCVDZEPA.js";import"../../chunks/ids-chunk-JTLM24AT.js";import"../../chunks/ids-chunk-G3IHRFV3.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-WIKE6ZX6.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-JMKLW7RS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-TEJTD4U4.js";import"../../chunks/ids-chunk-KWUI36H2.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-VVZZ2ZHD.js";import"../../chunks/ids-chunk-VEYEV4RH.js";import"../../chunks/ids-chunk-7GOUFWOD.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.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-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -12,15 +12,15 @@
 }
 .ids-data-grid .ids-data-grid-header-cell-content.vertical-align-center {
   position: relative;
-  top: calc(50% - var(--ids-space-60));
+  top: calc(50% - var(--ids-space-sm));
 }
 .ids-data-grid .ids-data-grid-header-cell-filter-wrapper {
   align-items: center;
   display: flex;
   position: relative;
-  padding-inline-start: var(--ids-space-40);
-  padding-inline-end: var(--ids-space-40);
-  padding-block-end: var(--ids-space-40);
+  padding-inline-start: var(--ids-space-xs);
+  padding-inline-end: var(--ids-space-xs);
+  padding-block-end: var(--ids-space-xs);
 }
 .ids-data-grid .ids-data-grid-header-cell-filter-wrapper.hidden {
   display: none;
@@ -93,14 +93,14 @@
   height: 34px;
   opacity: 0;
   position: absolute;
-  inset-inline-start: var(--ids-space-40);
+  inset-inline-start: var(--ids-space-xs);
   top: 0;
   width: 4px;
 }
 .ids-data-grid-header-cell .reorderer ids-icon {
   position: absolute;
   color: var(--ids-data-grid-header-color-icon);
-  inset-inline-start: calc(-1 * var(--ids-space-40));
+  inset-inline-start: calc(-1 * var(--ids-space-xs));
   text-align: center;
   top: calc(50% - 9px);
 }
@@ -199,8 +199,8 @@
 .ids-data-grid-header-icon {
   align-self: center;
   color: var(--ids-data-grid-header-color-text);
-  margin-inline-start: var(--ids-space-30);
-  margin-block-start: var(--ids-space-30);
+  margin-inline-start: var(--ids-space-xxs);
+  margin-block-start: var(--ids-space-xxs);
 }
 
 .sort-indicator {
@@ -237,7 +237,7 @@
   max-height: 18px;
   cursor: var(--ids-cursor-pointer);
   color: var(--ids-data-grid-header-expander-color);
-  margin-inline-start: var(--ids-space-50);
+  margin-inline-start: var(--ids-space-12);
 }
 .header-expander:hover {
   color: var(--ids-data-grid-header-expander-color-active);
@@ -560,17 +560,17 @@ tr.ids-data-grid-row {
   margin-inline-end: var(--ids-space-none);
 }
 .ids-data-grid-cell ids-badge {
-  padding-inline-start: var(--ids-space-60);
-  padding-inline-end: var(--ids-space-60);
+  padding-inline-start: var(--ids-space-sm);
+  padding-inline-end: var(--ids-space-sm);
 }
 .ids-data-grid-cell ids-hyperlink {
-  margin: var(--ids-space-60);
+  margin: var(--ids-space-sm);
 }
 .ids-data-grid-cell .text-ellipsis {
   display: inline-block;
   vertical-align: middle;
-  padding-inline-start: var(--ids-space-60);
-  padding-inline-end: var(--ids-space-60);
+  padding-inline-start: var(--ids-space-sm);
+  padding-inline-end: var(--ids-space-sm);
   height: auto;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -659,7 +659,7 @@ tr.ids-data-grid-row {
   justify-content: space-between;
 }
 .ids-data-grid-cell.is-editable.is-editable.is-invalid ids-alert {
-  margin-inline-end: var(--ids-space-40);
+  margin-inline-end: var(--ids-space-xs);
 }
 .ids-data-grid-cell.is-editing ids-checkbox {
   display: flex;
@@ -681,6 +681,9 @@ tr.ids-data-grid-row {
 .ids-data-grid-cell.is-editing.is-dropdown.is-inline ids-dropdown {
   padding: 0 4px;
 }
+.ids-data-grid-cell.formatter-text {
+  white-space: pre;
+}
 .ids-data-grid-cell.is-editing.is-uppercase {
   text-transform: uppercase;
 }
@@ -789,7 +792,7 @@ tr.ids-data-grid-row {
 }
 [data-row-height=xxs] ids-input,
 [data-row-height=xxs] ids-trigger-field {
-  --ids-space-20: 0;
+  --ids-space-xxxs: 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 {
@@ -810,7 +813,7 @@ tr.ids-data-grid-row {
   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);
+  margin-inline-end: var(--ids-space-xxxxs);
 }
 
 [data-row-height=xs] .ids-data-grid-cell.is-dirty::before {
@@ -895,8 +898,8 @@ tr.ids-data-grid-row {
 
 td.ids-data-grid-cell {
   display: table-cell;
-  padding-inline-start: var(--ids-space-60);
-  padding-inline-end: var(--ids-space-60);
+  padding-inline-start: var(--ids-space-sm);
+  padding-inline-end: var(--ids-space-sm);
 }
 
 :host([dir=rtl]) .ids-data-grid.is-list-style .ids-data-grid-cell {
@@ -1031,11 +1034,12 @@ td.ids-data-grid-cell {
 .ids-data-grid {
   background-color: var(--ids-data-grid-color-background);
   border: 1px solid var(--ids-data-grid-cell-color-border);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   border-collapse: collapse;
   box-sizing: border-box;
   overflow: auto;
   width: 100%;
+  min-height: var(--ids-data-grid-height-min);
   display: inline-grid;
   align-content: flex-start;
   -webkit-font-smoothing: antialiased;
@@ -1125,8 +1129,8 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid .ids-data-grid-radio {
   position: absolute;
-  border: 1px solid var(--ids-radio-button-color-border-default);
-  border-radius: var(--ids-radio-button-border-radius);
+  border: 1px solid var(--ids-radio-color-border-default);
+  border-radius: var(--ids-radio-border-radius);
   height: 14px;
   left: 0;
   top: 3px;
@@ -1139,9 +1143,9 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid .ids-data-grid-radio::after {
   position: absolute;
-  background-color: var(--ids-radio-button-color-background);
-  border: 1px solid var(--ids-radio-button-color-background);
-  border-radius: var(--ids-radio-button-border-radius);
+  background-color: var(--ids-radio-color-background);
+  border: 1px solid var(--ids-radio-color-background);
+  border-radius: var(--ids-radio-border-radius);
   content: "";
   height: 0;
   left: 6px;
@@ -1150,17 +1154,18 @@ td.ids-data-grid-cell {
   width: 0;
 }
 .ids-data-grid .ids-data-grid-radio.disabled {
-  border-color: var(--ids-radio-button-color-border-disabled);
+  border-color: var(--ids-radio-color-border-disabled);
   cursor: var(--ids-cursor-default);
   box-shadow: none;
+  opacity: var(--ids-radio-disabled-opacity);
 }
 .ids-data-grid .ids-data-grid-radio.checked {
-  background-color: var(--ids-radio-button-color-background-selected);
-  border-color: var(--ids-radio-button-color-border-selected);
+  background-color: var(--ids-radio-color-background-selected);
+  border-color: var(--ids-radio-color-border-selected);
 }
 .ids-data-grid .ids-data-grid-radio.checked::after {
-  background-color: var(--ids-radio-button-inner-color-background-selected);
-  border-color: var(--ids-radio-button-inner-color-background-selected);
+  background-color: var(--ids-radio-inner-color-background-selected);
+  border-color: var(--ids-radio-inner-color-background-selected);
   border-width: 2px;
   height: 4px;
   left: 3px;
@@ -1168,8 +1173,9 @@ td.ids-data-grid-cell {
   width: 4px;
 }
 .ids-data-grid .ids-data-grid-radio.checked.disabled {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
+  background-color: var(--ids-radio-color-background-selected-disabled);
+  border-color: var(--ids-radio-color-border-selected-disabled);
+  opacity: var(--ids-radio-disabled-opacity);
 }
 .ids-data-grid .ids-data-grid-cell .ids-data-grid-tree-container {
   display: flex;
@@ -1207,7 +1213,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1221,7 +1227,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=xxs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1353,7 +1359,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1367,7 +1373,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=xs] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1499,7 +1505,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1513,7 +1519,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=sm] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1645,7 +1651,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1659,7 +1665,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=md] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1791,7 +1797,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline:not(.formatter-tree)::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1805,7 +1811,7 @@ td.ids-data-grid-cell {
 }
 .ids-data-grid[data-row-height=lg] .ids-data-grid-cell.is-editable.is-inline.formatter-tree .text-ellipsis::after {
   border: 1px solid var(--ids-input-color-border-default);
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   box-sizing: border-box;
   display: block;
   content: "";
@@ -1944,11 +1950,12 @@ table.ids-data-grid {
   outline-offset: -1px;
 }
 
-.ids-data-grid-wrapper.has-empty-message {
+.ids-data-grid-wrapper {
   position: relative;
 }
-.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])) {
+
+ids-empty-message:not([hidden]),
+::slotted(ids-empty-message:not([hidden])) {
   display: flex;
   width: 100%;
   height: 100%;
@@ -1958,6 +1965,16 @@ table.ids-data-grid {
   top: 0;
   pointer-events: none;
 }
-.ids-data-grid-wrapper.has-empty-message .ids-data-grid {
-  min-height: var(--ids-data-grid-height-min);
+
+ids-loading-indicator {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+}
+ids-loading-indicator[stopped] {
+  display: none;
 }