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/popover/tests/popover.mjs CHANGED Viewed

@@ -12147,7 +12147,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" })
@@ -12170,7 +12170,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,
@@ -12178,10 +12178,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/scheduler/templates/scheduler-agenda.mjs CHANGED Viewed

@@ -12141,7 +12141,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12164,7 +12164,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12172,10 +12172,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/scheduler/templates/scheduler-day.mjs CHANGED Viewed

@@ -12152,7 +12152,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12175,7 +12175,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12183,10 +12183,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/scheduler/templates/scheduler-flex-agenda.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-flex-day.mjs CHANGED Viewed

@@ -12116,7 +12116,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12139,7 +12139,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12147,10 +12147,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/scheduler/templates/scheduler-flex-horizontal-grouping.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-flex-month.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-flex-timeline.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-flex-vertical-grouping.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-flex-week.mjs CHANGED Viewed

@@ -12116,7 +12116,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12139,7 +12139,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12147,10 +12147,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/scheduler/templates/scheduler-flex-year.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-horizontal-grouping.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-month.mjs CHANGED Viewed

@@ -12140,7 +12140,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12163,7 +12163,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12171,10 +12171,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/scheduler/templates/scheduler-timeline.mjs CHANGED Viewed

@@ -12152,7 +12152,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12175,7 +12175,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12183,10 +12183,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/scheduler/templates/scheduler-vertical-grouping.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-week.mjs CHANGED Viewed

@@ -12152,7 +12152,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__ */ jsxs230("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
+  const loader = /* @__PURE__ */ jsx494(Fragment178, { children: /* @__PURE__ */ jsxs230("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" })
@@ -12175,7 +12175,7 @@ var ListView = (props) => {
       children: [
         pageable && pagerPosition === "top" && pager,
         header && /* @__PURE__ */ jsx494("div", { className: "k-listview-header", children: "Header" }),
-        /* @__PURE__ */ jsxs230("div", { className: classNames(
+        /* @__PURE__ */ jsx494("div", { className: classNames(
           "k-listview-content",
           {
             [`k-d-${layout}`]: layout,
@@ -12183,10 +12183,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/scheduler/tests/scheduler-agenda-view.mjs CHANGED Viewed

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

package/dist/esm/scheduler/tests/scheduler-current-time-marker.mjs CHANGED Viewed

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

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

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