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

@progress/kendo-themes-html 9.0.1-dev.2 → 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/datetimepicker/templates/datetimepicker-popup.mjs CHANGED Viewed

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

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

@@ -11533,7 +11533,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" })
@@ -11556,7 +11556,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,
@@ -11564,10 +11564,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/datetimepicker/tests/datetimepicker-flat.mjs CHANGED Viewed

@@ -11533,7 +11533,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" })
@@ -11556,7 +11556,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,
@@ -11564,10 +11564,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/datetimepicker/tests/datetimepicker-opened.mjs CHANGED Viewed

@@ -11533,7 +11533,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" })
@@ -11556,7 +11556,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,
@@ -11564,10 +11564,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/datetimepicker/tests/datetimepicker-outline.mjs CHANGED Viewed

@@ -11533,7 +11533,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" })
@@ -11556,7 +11556,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,
@@ -11564,10 +11564,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/datetimepicker/tests/datetimepicker-size-rounded.mjs CHANGED Viewed

@@ -11533,7 +11533,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" })
@@ -11556,7 +11556,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,
@@ -11564,10 +11564,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/datetimepicker/tests/datetimepicker-solid.mjs CHANGED Viewed

@@ -11533,7 +11533,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" })
@@ -11556,7 +11556,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,
@@ -11564,10 +11564,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/dialog/templates/dialog-non-modal.mjs CHANGED Viewed

@@ -12148,7 +12148,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment174, { children: /* @__PURE__ */ jsxs234("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment174, { children: /* @__PURE__ */ jsxs234("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" })
@@ -12171,7 +12171,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs234("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12179,10 +12179,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/dialog/templates/dialog-normal.mjs CHANGED Viewed

@@ -12148,7 +12148,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment174, { children: /* @__PURE__ */ jsxs234("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment174, { children: /* @__PURE__ */ jsxs234("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" })
@@ -12171,7 +12171,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs234("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12179,10 +12179,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/dialog/tests/dialog-action-buttons.mjs CHANGED Viewed

@@ -12145,7 +12145,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx491(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx491(Fragment173, { children: /* @__PURE__ */ jsxs233("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx491(Fragment173, { children: /* @__PURE__ */ jsxs233("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" })
@@ -12168,7 +12168,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx491("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs233("div", { className: classNames(
+        /* @__PURE__ */ jsx491("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12176,10 +12176,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/dialog/tests/dialog-in-window.mjs CHANGED Viewed

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

@@ -12145,7 +12145,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx491(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx491(Fragment173, { children: /* @__PURE__ */ jsxs233("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx491(Fragment173, { children: /* @__PURE__ */ jsxs233("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" })
@@ -12168,7 +12168,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx491("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs233("div", { className: classNames(
+        /* @__PURE__ */ jsx491("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12176,10 +12176,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/dialog/tests/dialog-theme-colors.mjs CHANGED Viewed

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

@@ -12145,7 +12145,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx491(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx491(Fragment173, { children: /* @__PURE__ */ jsxs233("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx491(Fragment173, { children: /* @__PURE__ */ jsxs233("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" })
@@ -12168,7 +12168,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx491("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs233("div", { className: classNames(
+        /* @__PURE__ */ jsx491("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12176,10 +12176,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/dock-manager/dock-manager.spec.mjs CHANGED Viewed

@@ -12113,7 +12113,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment175, { children: /* @__PURE__ */ jsxs234("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment175, { children: /* @__PURE__ */ jsxs234("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" })
@@ -12136,7 +12136,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs234("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12144,10 +12144,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/dock-manager/pane-scrollable.mjs CHANGED Viewed

@@ -12107,7 +12107,7 @@ var ListView = (props) => {
     ...other
   } = props;
   const pager = /* @__PURE__ */ jsx492(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
-  const loader = /* @__PURE__ */ jsx492(Fragment174, { children: /* @__PURE__ */ jsxs234("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx492(Fragment174, { children: /* @__PURE__ */ jsxs234("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" })
@@ -12130,7 +12130,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx492("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs234("div", { className: classNames(
+        /* @__PURE__ */ jsx492("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12138,10 +12138,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/dock-manager/templates/dock-manager-normal.mjs CHANGED Viewed

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

package/dist/esm/dock-manager/templates/dock-manager-unpinned-pane.mjs CHANGED Viewed

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

package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.mjs CHANGED Viewed

@@ -12208,7 +12208,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" })
@@ -12231,7 +12231,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,
@@ -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__ */ jsx493("div", { className: "k-listview-footer", children: "Footer" }),
         pageable && pagerPosition === "bottom" && pager
       ]