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/chart-wizard/tests/tab-chart-sections-expanded.mjs CHANGED Viewed

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

package/dist/esm/column-menu/column-menu-expander.spec.mjs CHANGED Viewed

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

package/dist/esm/column-menu/templates/column-menu-normal.mjs CHANGED Viewed

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

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

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

package/dist/esm/column-menu/templates/filter-menu-multi-check.mjs CHANGED Viewed

@@ -12124,7 +12124,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" })
@@ -12147,7 +12147,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,
@@ -12155,10 +12155,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/column-menu/templates/filter-menu-normal.mjs CHANGED Viewed

@@ -12091,7 +12091,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" })
@@ -12114,7 +12114,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,
@@ -12122,10 +12122,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/column-menu/tests/column-menu-rtl.mjs CHANGED Viewed

@@ -12118,7 +12118,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" })
@@ -12141,7 +12141,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,
@@ -12149,10 +12149,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/column-menu/tests/column-menu-tabbed.mjs CHANGED Viewed

@@ -12103,7 +12103,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" })
@@ -12126,7 +12126,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,
@@ -12134,10 +12134,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/column-menu/tests/column-menu.mjs CHANGED Viewed

@@ -12118,7 +12118,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" })
@@ -12141,7 +12141,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,
@@ -12149,10 +12149,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/combobox/tests/combobox-prefix-suffix.mjs CHANGED Viewed

@@ -12167,7 +12167,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" })
@@ -12190,7 +12190,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,
@@ -12198,10 +12198,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/context-menu/templates/context-menu-normal.mjs CHANGED Viewed

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

package/dist/esm/context-menu/tests/context-menu-in-window.mjs CHANGED Viewed

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

package/dist/esm/context-menu/tests/context-menu.mjs CHANGED Viewed

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

package/dist/esm/datepicker/datepicker.spec.mjs CHANGED Viewed

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

package/dist/esm/datepicker/templates/datepicker-adaptive.mjs CHANGED Viewed

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

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

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

package/dist/esm/datepicker/templates/datepicker-popup.mjs CHANGED Viewed

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

package/dist/esm/datepicker/tests/datepicker-adaptive.mjs CHANGED Viewed

@@ -11596,7 +11596,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" })
@@ -11619,7 +11619,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,
@@ -11627,10 +11627,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/datepicker/tests/datepicker-flat.mjs CHANGED Viewed

@@ -11596,7 +11596,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" })
@@ -11619,7 +11619,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,
@@ -11627,10 +11627,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
       ]