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/scheduler/tests/scheduler-edit-dialog.mjs CHANGED Viewed

@@ -11559,7 +11559,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" })
@@ -11582,7 +11582,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,
@@ -11590,10 +11590,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/scheduler/tests/scheduler-editing-weekly.mjs CHANGED Viewed

@@ -11559,7 +11559,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" })
@@ -11582,7 +11582,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,
@@ -11590,10 +11590,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/scheduler/tests/scheduler-events.mjs CHANGED Viewed

@@ -12305,7 +12305,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx495(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx495("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-color" })
@@ -12328,7 +12328,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx495("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs231("div", { className: classNames(
+        /* @__PURE__ */ jsx495("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12336,10 +12336,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__ */ jsx495("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/scheduler/tests/scheduler-month-view.mjs CHANGED Viewed

@@ -12263,7 +12263,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx495(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx495("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-color" })
@@ -12286,7 +12286,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx495("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs231("div", { className: classNames(
+        /* @__PURE__ */ jsx495("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12294,10 +12294,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__ */ jsx495("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.mjs CHANGED Viewed

@@ -12131,7 +12131,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx495(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx495("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-color" })
@@ -12154,7 +12154,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx495("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs231("div", { className: classNames(
+        /* @__PURE__ */ jsx495("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12162,10 +12162,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__ */ jsx495("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/scheduler/tests/scheduler-timeline-view.mjs CHANGED Viewed

@@ -12241,7 +12241,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx495(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx495("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-color" })
@@ -12264,7 +12264,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx495("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs231("div", { className: classNames(
+        /* @__PURE__ */ jsx495("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12272,10 +12272,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__ */ jsx495("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/scheduler/tests/scheduler-week-view.mjs CHANGED Viewed

@@ -12469,7 +12469,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx495(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx495("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-color" })
@@ -12492,7 +12492,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx495("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs231("div", { className: classNames(
+        /* @__PURE__ */ jsx495("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12500,10 +12500,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__ */ jsx495("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/scheduler/tests/scheduler-year-view.mjs CHANGED Viewed

@@ -12057,7 +12057,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx495(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx495(Fragment179, { children: /* @__PURE__ */ jsxs231("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx495("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx495("div", { className: "k-loading-color" })
@@ -12080,7 +12080,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx495("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs231("div", { className: classNames(
+        /* @__PURE__ */ jsx495("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12088,10 +12088,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__ */ jsx495("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/spreadsheet-action-bar.mjs CHANGED Viewed

@@ -12150,7 +12150,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx493(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx493("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-color" })
@@ -12173,7 +12173,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx493("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx493("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12181,10 +12181,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__ */ jsx493("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/spreadsheet-header.mjs CHANGED Viewed

@@ -12150,7 +12150,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx493(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx493("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-color" })
@@ -12173,7 +12173,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx493("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx493("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12181,10 +12181,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__ */ jsx493("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/spreadsheet-sheets-bar.mjs CHANGED Viewed

@@ -12150,7 +12150,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx493(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx493("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-color" })
@@ -12173,7 +12173,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx493("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx493("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12181,10 +12181,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__ */ jsx493("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/spreadsheet-tabstrip.mjs CHANGED Viewed

@@ -11914,7 +11914,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" })
@@ -11937,7 +11937,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,
@@ -11945,10 +11945,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/spreadsheet/spreadsheet-view.mjs CHANGED Viewed

@@ -12328,7 +12328,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx496(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx496("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-color" })
@@ -12351,7 +12351,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12359,10 +12359,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__ */ jsx496("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

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

@@ -12328,7 +12328,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx496(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx496("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-color" })
@@ -12351,7 +12351,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12359,10 +12359,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__ */ jsx496("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/tests/spreadsheet-cell-contextmenu.mjs CHANGED Viewed

@@ -12328,7 +12328,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx496(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx496("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-color" })
@@ -12351,7 +12351,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12359,10 +12359,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__ */ jsx496("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/tests/spreadsheet-filter-menu.mjs CHANGED Viewed

@@ -12150,7 +12150,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx493(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx493(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx493("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx493("div", { className: "k-loading-color" })
@@ -12173,7 +12173,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx493("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx493("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12181,10 +12181,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__ */ jsx493("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/tests/spreadsheet-filtering.mjs CHANGED Viewed

@@ -12328,7 +12328,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx496(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx496("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-color" })
@@ -12351,7 +12351,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12359,10 +12359,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__ */ jsx496("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/tests/spreadsheet-formula.mjs CHANGED Viewed

@@ -12328,7 +12328,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx496(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs235("div", { className: "k-loading-mask", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ jsx496("span", { className: "k-loading-text", children: "Loading..." }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx496("div", { className: "k-loading-color" })
@@ -12351,7 +12351,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs235("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12359,10 +12359,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__ */ jsx496("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]

package/dist/esm/spreadsheet/tests/spreadsheet-print.mjs CHANGED Viewed

@@ -11957,7 +11957,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" })
@@ -11980,7 +11980,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,
@@ -11988,10 +11988,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
       ]