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/imageeditor/templates/imageeditor-crop.mjs CHANGED Viewed

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

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

@@ -12233,7 +12233,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx496(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx496(Fragment176, { children: /* @__PURE__ */ jsxs237("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment176, { children: /* @__PURE__ */ jsxs237("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" })
@@ -12256,7 +12256,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs237("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12264,10 +12264,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/imageeditor/templates/imageeditor-resize.mjs CHANGED Viewed

@@ -12233,7 +12233,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__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx496(Fragment175, { children: /* @__PURE__ */ jsxs236("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" })
@@ -12256,7 +12256,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx496("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx496("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12264,10 +12264,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/imageeditor/tests/imageeditor-crop-pane.mjs CHANGED Viewed

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

package/dist/esm/imageeditor/tests/imageeditor-resize-pane.mjs CHANGED Viewed

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

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

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

package/dist/esm/index.mjs CHANGED Viewed

@@ -17067,7 +17067,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" })
@@ -17090,7 +17090,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,
@@ -17098,10 +17098,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/listview/listview.spec.mjs CHANGED Viewed

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

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

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

package/dist/esm/listview/tests/listview-layout.mjs CHANGED Viewed

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

package/dist/esm/listview/tests/listview-states.mjs CHANGED Viewed

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

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

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

package/dist/esm/map/map.spec.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/map/navigator.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/map/templates/map-normal.mjs CHANGED Viewed

@@ -12208,7 +12208,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx494(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx494(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment176, { children: /* @__PURE__ */ jsxs236("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" })
@@ -12231,7 +12231,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12239,10 +12239,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/map/tests/map.mjs CHANGED Viewed

@@ -12208,7 +12208,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx494(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx494(Fragment176, { children: /* @__PURE__ */ jsxs236("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment176, { children: /* @__PURE__ */ jsxs236("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" })
@@ -12231,7 +12231,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs236("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12239,10 +12239,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/map/zoom-control.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/mediaplayer/mediaplayer.spec.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/mediaplayer/templates/mediaplayer-normal.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
       ]