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/filemanager/tests/filemanager-gridview-preview.js CHANGED Viewed

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

package/dist/cjs/filemanager/tests/filemanager-gridview.js CHANGED Viewed

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

package/dist/cjs/filemanager/tests/filemanager-listview-preview.js CHANGED Viewed

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

package/dist/cjs/filemanager/tests/filemanager-listview.js CHANGED Viewed

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

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

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

package/dist/cjs/filter/templates/filter-preview.js CHANGED Viewed

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

package/dist/cjs/filter/tests/filter-preview.js CHANGED Viewed

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

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

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

package/dist/cjs/form/tests/form-field-dateinputs.js CHANGED Viewed

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

package/dist/cjs/form/tests/form-field-dropdowns.js CHANGED Viewed

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

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

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

package/dist/cjs/gantt/templates/gantt-row-reordering.js CHANGED Viewed

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

package/dist/cjs/gantt/tests/gantt-editing-popup-general.js CHANGED Viewed

@@ -11591,7 +11591,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" })
@@ -11614,7 +11614,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,
@@ -11622,10 +11622,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/gantt/tests/gantt-editing-popup-other.js CHANGED Viewed

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

package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js CHANGED Viewed

@@ -12064,7 +12064,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" })
@@ -12087,7 +12087,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,
@@ -12095,10 +12095,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/gantt/tests/gantt-editing-popup-resources.js CHANGED Viewed

@@ -12064,7 +12064,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" })
@@ -12087,7 +12087,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,
@@ -12095,10 +12095,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/gantt/tests/gantt-editing-popup-successors.js CHANGED Viewed

@@ -12064,7 +12064,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" })
@@ -12087,7 +12087,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,
@@ -12095,10 +12095,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/gantt/tests/gantt-react.js CHANGED Viewed

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

package/dist/cjs/gantt/tests/gantt-row-reordering.js CHANGED Viewed

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