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/combobox/tests/combobox-prefix-suffix.js CHANGED Viewed

@@ -12202,7 +12202,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" })
@@ -12225,7 +12225,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,
@@ -12233,10 +12233,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/context-menu/templates/context-menu-normal.js CHANGED Viewed

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

package/dist/cjs/context-menu/tests/context-menu-in-window.js CHANGED Viewed

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

package/dist/cjs/context-menu/tests/context-menu.js CHANGED Viewed

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

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

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

package/dist/cjs/datepicker/templates/datepicker-adaptive.js CHANGED Viewed

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

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

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

package/dist/cjs/datepicker/templates/datepicker-popup.js CHANGED Viewed

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

package/dist/cjs/datepicker/tests/datepicker-adaptive.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/datepicker/tests/datepicker-flat.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/datepicker/tests/datepicker-opened.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/datepicker/tests/datepicker-outline.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/datepicker/tests/datepicker-size-rounded.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/datepicker/tests/datepicker-solid.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/daterangepicker/daterangepicker.spec.js CHANGED Viewed

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

package/dist/cjs/daterangepicker/templates/daterangepicker-adaptive.js CHANGED Viewed

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

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

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

package/dist/cjs/daterangepicker/templates/daterangepicker-popup.js CHANGED Viewed

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

package/dist/cjs/daterangepicker/tests/daterangepicker-adaptive.js CHANGED Viewed

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