npm - @progress/kendo-themes-html - Versions diffs - 9.0.1-dev.1 → 9.0.1-dev.3 - Mend

@progress/kendo-themes-html 9.0.1-dev.1 → 9.0.1-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (552) hide show

package/dist/esm/gantt/templates/gantt-normal.mjs CHANGED Viewed

@@ -12575,7 +12575,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx506(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx506("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-color" })
@@ -12598,7 +12598,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx506("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs237("div", { className: classNames(
+        /* @__PURE__ */ jsx506("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12606,10 +12606,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx506("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/templates/gantt-row-reordering.mjs CHANGED Viewed

@@ -12575,7 +12575,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx506(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx506("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-color" })
@@ -12598,7 +12598,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx506("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs237("div", { className: classNames(
+        /* @__PURE__ */ jsx506("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12606,10 +12606,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx506("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-editing-popup-general.mjs CHANGED Viewed

@@ -11556,7 +11556,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx468(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx468(Fragment168, { children: /* @__PURE__ */ jsxs218("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx468(Fragment168, { children: /* @__PURE__ */ jsxs218("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx468("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx468("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx468("div", { className: "k-loading-color" })
@@ -11579,7 +11579,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx468("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs218("div", { className: classNames(
+        /* @__PURE__ */ jsx468("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -11587,10 +11587,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx468("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-editing-popup-other.mjs CHANGED Viewed

@@ -11619,7 +11619,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx469(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx469("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-color" })
@@ -11642,7 +11642,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx469("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs219("div", { className: classNames(
+        /* @__PURE__ */ jsx469("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -11650,10 +11650,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx469("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.mjs CHANGED Viewed

@@ -12029,7 +12029,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx483(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx483(Fragment174, { children: /* @__PURE__ */ jsxs232("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx483(Fragment174, { children: /* @__PURE__ */ jsxs232("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx483("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx483("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx483("div", { className: "k-loading-color" })
@@ -12052,7 +12052,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx483("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs232("div", { className: classNames(
+        /* @__PURE__ */ jsx483("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12060,10 +12060,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx483("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-editing-popup-resources.mjs CHANGED Viewed

@@ -12029,7 +12029,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx483(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx483(Fragment174, { children: /* @__PURE__ */ jsxs232("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx483(Fragment174, { children: /* @__PURE__ */ jsxs232("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx483("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx483("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx483("div", { className: "k-loading-color" })
@@ -12052,7 +12052,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx483("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs232("div", { className: classNames(
+        /* @__PURE__ */ jsx483("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12060,10 +12060,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx483("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-editing-popup-successors.mjs CHANGED Viewed

@@ -12029,7 +12029,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx483(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx483(Fragment174, { children: /* @__PURE__ */ jsxs232("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx483(Fragment174, { children: /* @__PURE__ */ jsxs232("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx483("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx483("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx483("div", { className: "k-loading-color" })
@@ -12052,7 +12052,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx483("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs232("div", { className: classNames(
+        /* @__PURE__ */ jsx483("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12060,10 +12060,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx483("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-react.mjs CHANGED Viewed

@@ -12462,7 +12462,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx506(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx506("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-color" })
@@ -12485,7 +12485,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx506("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs237("div", { className: classNames(
+        /* @__PURE__ */ jsx506("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12493,10 +12493,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx506("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt-row-reordering.mjs CHANGED Viewed

@@ -12575,7 +12575,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx506(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx506("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-color" })
@@ -12598,7 +12598,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx506("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs237("div", { className: classNames(
+        /* @__PURE__ */ jsx506("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12606,10 +12606,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx506("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/gantt/tests/gantt.mjs CHANGED Viewed

@@ -12575,7 +12575,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx506(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx506(Fragment175, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx506("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx506("div", { className: "k-loading-color" })
@@ -12598,7 +12598,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx506("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs237("div", { className: classNames(
+        /* @__PURE__ */ jsx506("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12606,10 +12606,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx506("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-column-menu-rtl.mjs CHANGED Viewed

@@ -12151,7 +12151,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx492("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-color" })
@@ -12174,7 +12174,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12182,10 +12182,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx492("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-column-menu-tabbed.mjs CHANGED Viewed

@@ -12136,7 +12136,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx492("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-color" })
@@ -12159,7 +12159,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12167,10 +12167,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx492("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-column-menu.mjs CHANGED Viewed

@@ -12151,7 +12151,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx492("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-color" })
@@ -12174,7 +12174,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12182,10 +12182,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx492("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-column-reordering-actions.mjs CHANGED Viewed

@@ -12280,7 +12280,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx492("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-color" })
@@ -12303,7 +12303,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12311,10 +12311,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx492("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-column-resizing-actions.mjs CHANGED Viewed

@@ -12289,7 +12289,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx492("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-color" })
@@ -12312,7 +12312,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12320,10 +12320,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx492("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-editing-custom-editor.mjs CHANGED Viewed

@@ -11761,7 +11761,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx469(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx469("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-color" })
@@ -11784,7 +11784,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx469("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs219("div", { className: classNames(
+        /* @__PURE__ */ jsx469("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -11792,10 +11792,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx469("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-editing-popup.mjs CHANGED Viewed

@@ -11605,7 +11605,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx469(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx469("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-color" })
@@ -11628,7 +11628,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx469("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs219("div", { className: classNames(
+        /* @__PURE__ */ jsx469("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -11636,10 +11636,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx469("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-filter-row.mjs CHANGED Viewed

@@ -11814,7 +11814,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx469(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx469(Fragment169, { children: /* @__PURE__ */ jsxs219("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx469("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx469("div", { className: "k-loading-color" })
@@ -11837,7 +11837,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx469("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs219("div", { className: classNames(
+        /* @__PURE__ */ jsx469("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -11845,10 +11845,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx469("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/grid/tests/grid-grouping-actions.mjs CHANGED Viewed

@@ -12337,7 +12337,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx492("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx492("div", { className: "k-loading-color" })
@@ -12360,7 +12360,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12368,10 +12368,8 @@ var ListView = (props) => {
             [`k-flex-${flexWrap}`]: flexWrap,
             [`k-grid-cols-${gridColumns}`]: gridColumns
           }
-        ), children: [
-          loading && loader,
-          props.children
-        ] }),
+        ), children: props.children }),
+        loading && loader,
         footer && /* @__PURE__ */ jsx492("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]