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/cjs/spreadsheet/spreadsheet-header.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
       ]

package/dist/cjs/spreadsheet/spreadsheet-sheets-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
       ]

package/dist/cjs/spreadsheet/spreadsheet-tabstrip.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/spreadsheet-view.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/templates/spreadsheet-normal.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-cell-contextmenu.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-filter-menu.js CHANGED Viewed

@@ -12185,7 +12185,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" })
@@ -12208,7 +12208,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,
@@ -12216,10 +12216,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
       ]

package/dist/cjs/spreadsheet/tests/spreadsheet-filtering.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-print.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-row-contextmenu.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-sheets-bar.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet-tools.js CHANGED Viewed

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

package/dist/cjs/spreadsheet/tests/spreadsheet.js CHANGED Viewed

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

package/dist/cjs/tabstrip/tabstrip.spec.js CHANGED Viewed

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

package/dist/cjs/tabstrip/templates/tabstrip-bottom.js CHANGED Viewed

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

package/dist/cjs/tabstrip/templates/tabstrip-left.js CHANGED Viewed

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

package/dist/cjs/tabstrip/templates/tabstrip-normal.js CHANGED Viewed

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

package/dist/cjs/tabstrip/templates/tabstrip-right.js CHANGED Viewed

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