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/dialog/tests/dialog-action-buttons.js CHANGED Viewed

@@ -12180,7 +12180,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" })
@@ -12203,7 +12203,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,
@@ -12211,10 +12211,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/dialog/tests/dialog-in-window.js CHANGED Viewed

@@ -12189,7 +12189,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" })
@@ -12212,7 +12212,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,
@@ -12220,10 +12220,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/dialog/tests/dialog-modal.js CHANGED Viewed

@@ -12180,7 +12180,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" })
@@ -12203,7 +12203,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,
@@ -12211,10 +12211,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/dialog/tests/dialog-theme-colors.js CHANGED Viewed

@@ -12180,7 +12180,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" })
@@ -12203,7 +12203,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,
@@ -12211,10 +12211,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/dialog/tests/dialog.js CHANGED Viewed

@@ -12180,7 +12180,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" })
@@ -12203,7 +12203,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,
@@ -12211,10 +12211,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/dock-manager/dock-manager.spec.js CHANGED Viewed

@@ -12150,7 +12150,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" })
@@ -12173,7 +12173,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,
@@ -12181,10 +12181,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/dock-manager/pane-scrollable.js CHANGED Viewed

@@ -12144,7 +12144,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" })
@@ -12167,7 +12167,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,
@@ -12175,10 +12175,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/dock-manager/templates/dock-manager-normal.js CHANGED Viewed

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

package/dist/cjs/dock-manager/templates/dock-manager-unpinned-pane.js CHANGED Viewed

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

package/dist/cjs/dock-manager/tests/dock-manager-unpinned-pane.js CHANGED Viewed

@@ -12243,7 +12243,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" })
@@ -12266,7 +12266,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,
@@ -12274,10 +12274,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/dock-manager/tests/dock-manager.js CHANGED Viewed

@@ -12239,7 +12239,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" })
@@ -12262,7 +12262,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,
@@ -12270,10 +12270,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/dock-manager/tests/dock-navigator.js CHANGED Viewed

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

package/dist/cjs/dropdownlist/tests/dropdownlist-grouping.js CHANGED Viewed

@@ -12225,7 +12225,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" })
@@ -12248,7 +12248,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,
@@ -12256,10 +12256,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/dropdowntree/templates/dropdowntree-filtering.js CHANGED Viewed

@@ -12183,7 +12183,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" })
@@ -12206,7 +12206,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,
@@ -12214,10 +12214,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/dropdowntree/tests/dropdowntree-adaptive.js CHANGED Viewed

@@ -12180,7 +12180,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" })
@@ -12203,7 +12203,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,
@@ -12211,10 +12211,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/dropdowntree/tests/dropdowntree-flat.js CHANGED Viewed

@@ -12181,7 +12181,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" })
@@ -12204,7 +12204,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,
@@ -12212,10 +12212,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/dropdowntree/tests/dropdowntree-opened.js CHANGED Viewed

@@ -12195,7 +12195,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" })
@@ -12218,7 +12218,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,
@@ -12226,10 +12226,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/dropdowntree/tests/dropdowntree-outline.js CHANGED Viewed

@@ -12181,7 +12181,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" })
@@ -12204,7 +12204,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,
@@ -12212,10 +12212,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/dropdowntree/tests/dropdowntree-size-rounded.js CHANGED Viewed

@@ -12181,7 +12181,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" })
@@ -12204,7 +12204,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,
@@ -12212,10 +12212,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
       ]