xmlui 0.9.4 → 0.9.6

package/dist/xmlui-metadata.mjs

@@ -3771,10 +3771,10 @@ const styles$E = {
   isClickable
 };
 const themeVars$A = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-const container$1 = "_container_1pdwf_13";
-const active$2 = "_active_1pdwf_53";
-const disabled$5 = "_disabled_1pdwf_57";
-const iconWrapper = "_iconWrapper_1pdwf_73";
+const container$1 = "_container_k8i4t_13";
+const active$2 = "_active_k8i4t_53";
+const disabled$5 = "_disabled_k8i4t_57";
+const iconWrapper = "_iconWrapper_k8i4t_73";
 const styles$D = {
   themeVars: themeVars$A,
   container: container$1,
@@ -12259,38 +12259,39 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
   );
 }
 const themeVars$m = `'{"Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
-const selectValue = "_selectValue_1o7b6_13";
-const error$6 = "_error_1o7b6_21";
-const warning$6 = "_warning_1o7b6_29";
-const valid$6 = "_valid_1o7b6_37";
-const selectTrigger = "_selectTrigger_1o7b6_46";
-const badgeListContainer = "_badgeListContainer_1o7b6_170";
-const badgeList$1 = "_badgeList_1o7b6_170";
-const badge$1 = "_badge_1o7b6_170";
-const actions$1 = "_actions_1o7b6_210";
-const placeholder = "_placeholder_1o7b6_216";
-const emptyList = "_emptyList_1o7b6_221";
-const selectScrollUpButton = "_selectScrollUpButton_1o7b6_231";
-const selectScrollDownButton = "_selectScrollDownButton_1o7b6_240";
-const command$1 = "_command_1o7b6_249";
-const commandInputContainer = "_commandInputContainer_1o7b6_259";
-const commandInput$1 = "_commandInput_1o7b6_259";
-const commandList$1 = "_commandList_1o7b6_284";
-const selectContent = "_selectContent_1o7b6_289";
-const fadeIn = "_fadeIn_1o7b6_1";
-const zoomIn = "_zoomIn_1o7b6_1";
-const fadeOut = "_fadeOut_1o7b6_1";
-const zoomOut = "_zoomOut_1o7b6_1";
-const slideInFromTop = "_slideInFromTop_1o7b6_1";
-const slideInFromRight = "_slideInFromRight_1o7b6_1";
-const slideInFromLeft = "_slideInFromLeft_1o7b6_1";
-const slideInFromBottom = "_slideInFromBottom_1o7b6_1";
-const multiComboboxOption = "_multiComboboxOption_1o7b6_329";
-const selectItem = "_selectItem_1o7b6_349";
-const selectItemIndicator = "_selectItemIndicator_1o7b6_377";
-const selectViewport = "_selectViewport_1o7b6_388";
-const selectEmpty = "_selectEmpty_1o7b6_394";
-const srOnly = "_srOnly_1o7b6_405";
+const selectValue = "_selectValue_w44f3_13";
+const error$6 = "_error_w44f3_21";
+const warning$6 = "_warning_w44f3_29";
+const valid$6 = "_valid_w44f3_37";
+const selectTrigger = "_selectTrigger_w44f3_46";
+const badgeListContainer = "_badgeListContainer_w44f3_170";
+const badgeList$1 = "_badgeList_w44f3_170";
+const badge$1 = "_badge_w44f3_170";
+const actions$1 = "_actions_w44f3_210";
+const placeholder = "_placeholder_w44f3_216";
+const emptyList = "_emptyList_w44f3_221";
+const selectScrollUpButton = "_selectScrollUpButton_w44f3_231";
+const selectScrollDownButton = "_selectScrollDownButton_w44f3_240";
+const command$1 = "_command_w44f3_249";
+const commandInputContainer = "_commandInputContainer_w44f3_259";
+const commandInput$1 = "_commandInput_w44f3_259";
+const commandList$1 = "_commandList_w44f3_284";
+const selectContent = "_selectContent_w44f3_289";
+const fadeIn = "_fadeIn_w44f3_1";
+const zoomIn = "_zoomIn_w44f3_1";
+const fadeOut = "_fadeOut_w44f3_1";
+const zoomOut = "_zoomOut_w44f3_1";
+const slideInFromTop = "_slideInFromTop_w44f3_1";
+const slideInFromRight = "_slideInFromRight_w44f3_1";
+const slideInFromLeft = "_slideInFromLeft_w44f3_1";
+const slideInFromBottom = "_slideInFromBottom_w44f3_1";
+const multiComboboxOption = "_multiComboboxOption_w44f3_329";
+const selectItem = "_selectItem_w44f3_349";
+const selectItemIndicator = "_selectItemIndicator_w44f3_377";
+const selectViewport = "_selectViewport_w44f3_388";
+const selectEmpty = "_selectEmpty_w44f3_394";
+const loading = "_loading_w44f3_405";
+const srOnly = "_srOnly_w44f3_409";
 const styles$o = {
   themeVars: themeVars$m,
   selectValue,
@@ -12324,6 +12325,7 @@ const styles$o = {
   selectItemIndicator,
   selectViewport,
   selectEmpty,
+  loading,
   srOnly
 };
 const SelectContext = createContext(null);
@@ -12443,7 +12445,9 @@ const Select = forwardRef(function Select2({
   labelPosition,
   labelWidth,
   labelBreak: labelBreak2,
-  required: required2 = false
+  required: required2 = false,
+  inProgress = false,
+  inProgressNotificationMessage = "Loading..."
 }, ref) {
   var _a;
   const [referenceElement, setReferenceElement] = useState(null);
@@ -12633,6 +12637,7 @@ const Select = forwardRef(function Select2({
                       /* @__PURE__ */ jsx("button", { autoFocus: true, "aria-hidden": "true", className: styles$o.srOnly })
                     ),
                     /* @__PURE__ */ jsxs(CommandList, { className: styles$o.commandList, children: [
+                      inProgress && /* @__PURE__ */ jsx("div", { className: styles$o.loading, children: inProgressNotificationMessage }),
                       Array.from(options2).map(({ value: value2, label: label22, enabled: enabled22, keywords }) => /* @__PURE__ */ jsx(
                         ComboboxOption,
                         {
@@ -12643,7 +12648,7 @@ const Select = forwardRef(function Select2({
                         },
                         value2
                       )),
-                      /* @__PURE__ */ jsx(CommandEmpty, { children: emptyListNode })
+                      !inProgress && /* @__PURE__ */ jsx(CommandEmpty, { children: emptyListNode })
                     ] })
                   ]
                 }
@@ -15621,7 +15626,13 @@ const SelectMd = createMetadata({
       `This optional property provides the ability to customize what is displayed when the list of options is empty.`
     ),
     multiSelect: dMulti(),
-    searchable: d(`This property enables the search functionality in the dropdown list.`)
+    searchable: d(`This property enables the search functionality in the dropdown list.`),
+    inProgress: d(
+      `This property indicates whether the component is in progress. It can be used to show a loading message.`
+    ),
+    inProgressNotificationMessage: d(
+      `This property indicates the message to display when the component is in progress.`
+    )
   },
   events: {
     gotFocus: dGotFocus(COMP$t),
@@ -16191,7 +16202,7 @@ const Table = forwardRef(
     data = EMPTY_ARRAY,
     columns = EMPTY_ARRAY,
     isPaginated = false,
-    loading = false,
+    loading: loading2 = false,
     headerHeight,
     rowsSelectable = false,
     enableMultiRowSelection = true,
@@ -16701,8 +16712,8 @@ const Table = forwardRef(
               ]
             }
           ),
-          loading && !hasData && /* @__PURE__ */ jsx("div", { className: styles$7.loadingWrapper, children: /* @__PURE__ */ jsx(Spinner, {}) }),
-          !hideNoDataView && !loading && !hasData && (noDataRenderer ? noDataRenderer() : /* @__PURE__ */ jsx("div", { className: styles$7.noRows, children: "No data available" })),
+          loading2 && !hasData && /* @__PURE__ */ jsx("div", { className: styles$7.loadingWrapper, children: /* @__PURE__ */ jsx(Spinner, {}) }),
+          !hideNoDataView && !loading2 && !hasData && (noDataRenderer ? noDataRenderer() : /* @__PURE__ */ jsx("div", { className: styles$7.noRows, children: "No data available" })),
           isPaginated && hasData && rows.length > 0 && pagination2 && // --- Render the pagination controls
           /* @__PURE__ */ jsxs("div", { className: styles$7.pagination, children: [
             /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs("span", { className: styles$7.paginationLabel, children: [

package/dist/xmlui-metadata.umd.js

@@ -3770,10 +3770,10 @@
     isClickable
   };
   const themeVars$A = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-  const container$1 = "_container_1pdwf_13";
-  const active$2 = "_active_1pdwf_53";
-  const disabled$5 = "_disabled_1pdwf_57";
-  const iconWrapper = "_iconWrapper_1pdwf_73";
+  const container$1 = "_container_k8i4t_13";
+  const active$2 = "_active_k8i4t_53";
+  const disabled$5 = "_disabled_k8i4t_57";
+  const iconWrapper = "_iconWrapper_k8i4t_73";
   const styles$D = {
     themeVars: themeVars$A,
     container: container$1,
@@ -12258,38 +12258,39 @@
     );
   }
   const themeVars$m = `'{"Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
-  const selectValue = "_selectValue_1o7b6_13";
-  const error$6 = "_error_1o7b6_21";
-  const warning$6 = "_warning_1o7b6_29";
-  const valid$6 = "_valid_1o7b6_37";
-  const selectTrigger = "_selectTrigger_1o7b6_46";
-  const badgeListContainer = "_badgeListContainer_1o7b6_170";
-  const badgeList$1 = "_badgeList_1o7b6_170";
-  const badge$1 = "_badge_1o7b6_170";
-  const actions$1 = "_actions_1o7b6_210";
-  const placeholder = "_placeholder_1o7b6_216";
-  const emptyList = "_emptyList_1o7b6_221";
-  const selectScrollUpButton = "_selectScrollUpButton_1o7b6_231";
-  const selectScrollDownButton = "_selectScrollDownButton_1o7b6_240";
-  const command$1 = "_command_1o7b6_249";
-  const commandInputContainer = "_commandInputContainer_1o7b6_259";
-  const commandInput$1 = "_commandInput_1o7b6_259";
-  const commandList$1 = "_commandList_1o7b6_284";
-  const selectContent = "_selectContent_1o7b6_289";
-  const fadeIn = "_fadeIn_1o7b6_1";
-  const zoomIn = "_zoomIn_1o7b6_1";
-  const fadeOut = "_fadeOut_1o7b6_1";
-  const zoomOut = "_zoomOut_1o7b6_1";
-  const slideInFromTop = "_slideInFromTop_1o7b6_1";
-  const slideInFromRight = "_slideInFromRight_1o7b6_1";
-  const slideInFromLeft = "_slideInFromLeft_1o7b6_1";
-  const slideInFromBottom = "_slideInFromBottom_1o7b6_1";
-  const multiComboboxOption = "_multiComboboxOption_1o7b6_329";
-  const selectItem = "_selectItem_1o7b6_349";
-  const selectItemIndicator = "_selectItemIndicator_1o7b6_377";
-  const selectViewport = "_selectViewport_1o7b6_388";
-  const selectEmpty = "_selectEmpty_1o7b6_394";
-  const srOnly = "_srOnly_1o7b6_405";
+  const selectValue = "_selectValue_w44f3_13";
+  const error$6 = "_error_w44f3_21";
+  const warning$6 = "_warning_w44f3_29";
+  const valid$6 = "_valid_w44f3_37";
+  const selectTrigger = "_selectTrigger_w44f3_46";
+  const badgeListContainer = "_badgeListContainer_w44f3_170";
+  const badgeList$1 = "_badgeList_w44f3_170";
+  const badge$1 = "_badge_w44f3_170";
+  const actions$1 = "_actions_w44f3_210";
+  const placeholder = "_placeholder_w44f3_216";
+  const emptyList = "_emptyList_w44f3_221";
+  const selectScrollUpButton = "_selectScrollUpButton_w44f3_231";
+  const selectScrollDownButton = "_selectScrollDownButton_w44f3_240";
+  const command$1 = "_command_w44f3_249";
+  const commandInputContainer = "_commandInputContainer_w44f3_259";
+  const commandInput$1 = "_commandInput_w44f3_259";
+  const commandList$1 = "_commandList_w44f3_284";
+  const selectContent = "_selectContent_w44f3_289";
+  const fadeIn = "_fadeIn_w44f3_1";
+  const zoomIn = "_zoomIn_w44f3_1";
+  const fadeOut = "_fadeOut_w44f3_1";
+  const zoomOut = "_zoomOut_w44f3_1";
+  const slideInFromTop = "_slideInFromTop_w44f3_1";
+  const slideInFromRight = "_slideInFromRight_w44f3_1";
+  const slideInFromLeft = "_slideInFromLeft_w44f3_1";
+  const slideInFromBottom = "_slideInFromBottom_w44f3_1";
+  const multiComboboxOption = "_multiComboboxOption_w44f3_329";
+  const selectItem = "_selectItem_w44f3_349";
+  const selectItemIndicator = "_selectItemIndicator_w44f3_377";
+  const selectViewport = "_selectViewport_w44f3_388";
+  const selectEmpty = "_selectEmpty_w44f3_394";
+  const loading = "_loading_w44f3_405";
+  const srOnly = "_srOnly_w44f3_409";
   const styles$o = {
     themeVars: themeVars$m,
     selectValue,
@@ -12323,6 +12324,7 @@
     selectItemIndicator,
     selectViewport,
     selectEmpty,
+    loading,
     srOnly
   };
   const SelectContext = React.createContext(null);
@@ -12442,7 +12444,9 @@
     labelPosition,
     labelWidth,
     labelBreak: labelBreak2,
-    required: required2 = false
+    required: required2 = false,
+    inProgress = false,
+    inProgressNotificationMessage = "Loading..."
   }, ref) {
     var _a;
     const [referenceElement, setReferenceElement] = React.useState(null);
@@ -12632,6 +12636,7 @@
                         /* @__PURE__ */ jsxRuntime.jsx("button", { autoFocus: true, "aria-hidden": "true", className: styles$o.srOnly })
                       ),
                       /* @__PURE__ */ jsxRuntime.jsxs(cmdk.CommandList, { className: styles$o.commandList, children: [
+                        inProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$o.loading, children: inProgressNotificationMessage }),
                         Array.from(options2).map(({ value: value2, label: label22, enabled: enabled22, keywords }) => /* @__PURE__ */ jsxRuntime.jsx(
                           ComboboxOption,
                           {
@@ -12642,7 +12647,7 @@
                           },
                           value2
                         )),
-                        /* @__PURE__ */ jsxRuntime.jsx(cmdk.CommandEmpty, { children: emptyListNode })
+                        !inProgress && /* @__PURE__ */ jsxRuntime.jsx(cmdk.CommandEmpty, { children: emptyListNode })
                       ] })
                     ]
                   }
@@ -15620,7 +15625,13 @@
         `This optional property provides the ability to customize what is displayed when the list of options is empty.`
       ),
       multiSelect: dMulti(),
-      searchable: d(`This property enables the search functionality in the dropdown list.`)
+      searchable: d(`This property enables the search functionality in the dropdown list.`),
+      inProgress: d(
+        `This property indicates whether the component is in progress. It can be used to show a loading message.`
+      ),
+      inProgressNotificationMessage: d(
+        `This property indicates the message to display when the component is in progress.`
+      )
     },
     events: {
       gotFocus: dGotFocus(COMP$t),
@@ -16190,7 +16201,7 @@
       data = EMPTY_ARRAY,
       columns = EMPTY_ARRAY,
       isPaginated = false,
-      loading = false,
+      loading: loading2 = false,
       headerHeight,
       rowsSelectable = false,
       enableMultiRowSelection = true,
@@ -16700,8 +16711,8 @@
                 ]
               }
             ),
-            loading && !hasData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$7.loadingWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }),
-            !hideNoDataView && !loading && !hasData && (noDataRenderer ? noDataRenderer() : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$7.noRows, children: "No data available" })),
+            loading2 && !hasData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$7.loadingWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }),
+            !hideNoDataView && !loading2 && !hasData && (noDataRenderer ? noDataRenderer() : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$7.noRows, children: "No data available" })),
             isPaginated && hasData && rows.length > 0 && pagination2 && // --- Render the pagination controls
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$7.pagination, children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles$7.paginationLabel, children: [

package/dist/xmlui-parser.d.ts

@@ -1546,6 +1546,20 @@ export declare type XmlUiTransformOptions = {
 export { }
 
 
+declare module "@tanstack/table-core" {
+    interface TableMeta<TData extends RowData> {
+        cellRenderer: (...args: any[]) => any;
+    }
+    interface ColumnMeta<TData extends RowData, TValue> {
+        style?: CSSProperties;
+        starSizedWidth?: string;
+        accessorKey?: string;
+        pinTo?: string;
+        cellRenderer?: (row: any, rowIdx: number, colIdx: number, value?: any) => ReactNode;
+    }
+}
+
+
 declare namespace bC { }
 
 
@@ -2103,20 +2117,6 @@ declare namespace aC { }
 declare namespace ZT { }
 
 
-declare module "@tanstack/table-core" {
-    interface TableMeta<TData extends RowData> {
-        cellRenderer: (...args: any[]) => any;
-    }
-    interface ColumnMeta<TData extends RowData, TValue> {
-        style?: CSSProperties;
-        starSizedWidth?: string;
-        accessorKey?: string;
-        pinTo?: string;
-        cellRenderer?: (row: any, rowIdx: number, colIdx: number, value?: any) => ReactNode;
-    }
-}
-
-
 declare global {
     interface Window {
         TEST_ENV: StandaloneAppDescription | undefined;