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/cjs/scheduler/templates/scheduler-flex-week.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-year.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-horizontal-grouping.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-month.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-timeline.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-vertical-grouping.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-week.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-agenda-view.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-current-time-marker.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-day-view.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-events.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-month-view.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-timeline-view.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-week-view.js CHANGED Viewed

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

package/dist/cjs/scheduler/tests/scheduler-year-view.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/spreadsheet-action-bar.js CHANGED Viewed

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