@progress/kendo-themes-html 6.4.0-dev.6 → 6.4.1-dev.0

package/dist/esm/grid/tests/grid-adaptive-filter-multi.js

@@ -4381,8 +4381,14 @@ Checkbox.options = options5;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps5;
 
+// src/checkbox/templates/checkbox-label.tsx
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/checkbox/templates/checkbox-normal.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+
 // src/input/input.spec.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var INPUT_CLASSNAME = `k-input`;
 var states6 = [
   States.hover,
@@ -4418,7 +4424,7 @@ var Input = (props) => {
     fillMode = defaultProps6.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       ...other,
@@ -4437,7 +4443,7 @@ Input.className = INPUT_CLASSNAME;
 Input.defaultProps = defaultProps6;
 
 // src/input/picker.spec.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var PICKER_CLASSNAME = `k-picker`;
 var pickerStates = [
   States.hover,
@@ -4473,7 +4479,7 @@ var Picker = (props) => {
     fillMode = defaultProps7.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       ...other,
@@ -4493,7 +4499,7 @@ Picker.className = PICKER_CLASSNAME;
 Picker.defaultProps = defaultProps7;
 
 // src/input/input-clear-value.tsx
-import { Fragment as Fragment5, jsx as jsx11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13 } from "react/jsx-runtime";
 var className = `k-clear-value`;
 var states7 = [
   States.disabled,
@@ -4509,16 +4515,16 @@ var InputClearValue = (props) => {
     value
   } = props;
   if (disabled || readonly || loading || !value) {
-    return /* @__PURE__ */ jsx11(Fragment5, {});
+    return /* @__PURE__ */ jsx13(Fragment6, {});
   }
-  return /* @__PURE__ */ jsx11("span", { className: classNames(props.className, className), children: /* @__PURE__ */ jsx11(Icon, { icon: "x" }) });
+  return /* @__PURE__ */ jsx13("span", { className: classNames(props.className, className), children: /* @__PURE__ */ jsx13(Icon, { icon: "x" }) });
 };
 InputClearValue.states = states7;
 InputClearValue.options = options7;
 InputClearValue.className = className;
 
 // src/input/input-inner-input.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var className2 = `k-input-inner`;
 var states8 = [];
 var options8 = {};
@@ -4536,7 +4542,7 @@ var InputInnerInput = (props) => {
     autocomplete = defaultProps8.autocomplete,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     "input",
     {
       ...other,
@@ -4553,7 +4559,7 @@ InputInnerInput.options = options8;
 InputInnerInput.className = className2;
 
 // src/input/input-inner-span.tsx
-import { jsx as jsx13, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
 var className3 = `k-input-inner`;
 var states9 = [];
 var options9 = {};
@@ -4566,16 +4572,16 @@ var InputInnerSpan = (props) => {
     valueIconName,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "span",
     {
       ...other,
       className: classNames(props.className, className3, optionClassNames(className3, props)),
       children: [
         valueIcon,
-        !valueIcon && valueIconName && /* @__PURE__ */ jsx13(Icon, { className: "k-input-value-icon", icon: valueIconName }),
+        !valueIcon && valueIconName && /* @__PURE__ */ jsx15(Icon, { className: "k-input-value-icon", icon: valueIconName }),
         showValue && !value && placeholder,
-        showValue && value && /* @__PURE__ */ jsx13("span", { className: "k-input-value-text", children: value })
+        showValue && value && /* @__PURE__ */ jsx15("span", { className: "k-input-value-text", children: value })
       ]
     }
   );
@@ -4585,7 +4591,7 @@ InputInnerSpan.options = options9;
 InputInnerSpan.className = className3;
 
 // src/input/input-inner-textarea.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var defaultProps9 = {
   value: "",
   placeholder: ""
@@ -4600,7 +4606,7 @@ var InputInnerTextarea = (props) => {
     rows,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "textarea",
     {
       ...other,
@@ -4616,7 +4622,7 @@ InputInnerTextarea.options = options10;
 InputInnerTextarea.className = className4;
 
 // src/input/input-loading-icon.tsx
-import { Fragment as Fragment6, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx17 } from "react/jsx-runtime";
 var className5 = `k-input-loading-icon`;
 var states11 = [
   States.disabled,
@@ -4628,13 +4634,13 @@ var InputLoadingIcon = (props) => {
     loading
   } = props;
   if (disabled || !loading) {
-    return /* @__PURE__ */ jsx15(Fragment6, {});
+    return /* @__PURE__ */ jsx17(Fragment7, {});
   }
-  return /* @__PURE__ */ jsx15(Icon, { className: classNames(props.className, className5), icon: "loading", type: "font" });
+  return /* @__PURE__ */ jsx17(Icon, { className: classNames(props.className, className5), icon: "loading", type: "font" });
 };
 
 // src/input/input-validation-icon.tsx
-import { Fragment as Fragment7, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx18 } from "react/jsx-runtime";
 var className6 = `k-input-validation-icon`;
 var states12 = [
   States.valid,
@@ -4653,22 +4659,22 @@ var InputValidationIcon = (props) => {
   const iconName = invalid ? "exclamation-circle" : "check";
   const renderValidationIcon = Boolean(valid || invalid);
   if (disabled || loading || !renderValidationIcon) {
-    return /* @__PURE__ */ jsx16(Fragment7, {});
+    return /* @__PURE__ */ jsx18(Fragment8, {});
   }
-  return /* @__PURE__ */ jsx16(Icon, { className: classNames(className6), icon: iconName });
+  return /* @__PURE__ */ jsx18(Icon, { className: classNames(className6), icon: iconName });
 };
 InputValidationIcon.states = states12;
 InputValidationIcon.options = options11;
 InputValidationIcon.className = className6;
 
 // src/input/input-prefix.tsx
-import { Fragment as Fragment8, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx19 } from "react/jsx-runtime";
 
 // src/input/input-suffix.tsx
-import { Fragment as Fragment9, jsx as jsx18 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx20 } from "react/jsx-runtime";
 
 // src/searchbox/searchbox.spec.tsx
-import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs4 } from "react/jsx-runtime";
 var SEARCHBOX_CLASSNAME = `k-searchbox`;
 var states13 = [
   States.hover,
@@ -4709,7 +4715,7 @@ var Searchbox = (props) => {
     icon = defaultProps10.icon,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     Input,
     {
       ...other,
@@ -4725,11 +4731,11 @@ var Searchbox = (props) => {
       disabled,
       className: classNames(props.className, SEARCHBOX_CLASSNAME),
       children: [
-        showIcon && /* @__PURE__ */ jsx19(Icon, { className: "k-input-icon", icon }),
-        /* @__PURE__ */ jsx19(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx19(InputLoadingIcon, { ...props }),
-        /* @__PURE__ */ jsx19(InputValidationIcon, { ...props }),
-        /* @__PURE__ */ jsx19(InputClearValue, { ...props })
+        showIcon && /* @__PURE__ */ jsx21(Icon, { className: "k-input-icon", icon }),
+        /* @__PURE__ */ jsx21(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx21(InputLoadingIcon, { ...props }),
+        /* @__PURE__ */ jsx21(InputValidationIcon, { ...props }),
+        /* @__PURE__ */ jsx21(InputClearValue, { ...props })
       ]
     }
   );
@@ -4740,31 +4746,31 @@ Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps10;
 
 // src/grid/tests/grid-adaptive-filter-multi.tsx
-import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
-var grid_adaptive_filter_multi_default = () => /* @__PURE__ */ jsx20(Fragment10, { children: /* @__PURE__ */ jsx20("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx20("div", { className: "k-pane-wrapper k-widget", style: { height: "550px" }, children: /* @__PURE__ */ jsx20("div", { className: "k-pane", children: /* @__PURE__ */ jsxs4("div", { className: "k-grid-filter-menu k-view k-widget", children: [
-  /* @__PURE__ */ jsxs4("div", { className: "k-appbar k-appbar-primary", children: [
-    /* @__PURE__ */ jsx20(Button, { className: "k-header-cancel", fillMode: "flat", icon: "chevron-left" }),
-    /* @__PURE__ */ jsx20("span", { className: "k-spacer" }),
-    /* @__PURE__ */ jsx20("span", { children: "Filter in Name" }),
-    /* @__PURE__ */ jsx20("span", { className: "k-spacer" }),
-    /* @__PURE__ */ jsx20(Button, { className: "k-header-done", fillMode: "flat", icon: "check" })
+import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
+var grid_adaptive_filter_multi_default = () => /* @__PURE__ */ jsx22(Fragment11, { children: /* @__PURE__ */ jsx22("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx22("div", { className: "k-pane-wrapper k-widget", style: { height: "550px" }, children: /* @__PURE__ */ jsx22("div", { className: "k-pane", children: /* @__PURE__ */ jsxs5("div", { className: "k-grid-filter-menu k-view k-widget", children: [
+  /* @__PURE__ */ jsxs5("div", { className: "k-appbar k-appbar-primary", children: [
+    /* @__PURE__ */ jsx22(Button, { className: "k-header-cancel", fillMode: "flat", icon: "chevron-left" }),
+    /* @__PURE__ */ jsx22("span", { className: "k-spacer" }),
+    /* @__PURE__ */ jsx22("span", { children: "Filter in Name" }),
+    /* @__PURE__ */ jsx22("span", { className: "k-spacer" }),
+    /* @__PURE__ */ jsx22(Button, { className: "k-header-done", fillMode: "flat", icon: "check" })
   ] }),
-  /* @__PURE__ */ jsx20("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsxs4("form", { className: "k-filter-menu", children: [
-    /* @__PURE__ */ jsx20("div", { className: "k-list-filter", children: /* @__PURE__ */ jsx20(Searchbox, { placeholder: "Search..." }) }),
-    /* @__PURE__ */ jsxs4("div", { className: "k-filter-tools", children: [
-      /* @__PURE__ */ jsx20("div", { className: "k-filter-selected-items", children: "0 items selected" }),
-      /* @__PURE__ */ jsx20("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx20("span", { className: "k-label k-select-all", children: "Select All" }),
-      /* @__PURE__ */ jsx20("span", { className: "k-label k-clear-all", children: "Clear All" })
+  /* @__PURE__ */ jsx22("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsxs5("form", { className: "k-filter-menu", children: [
+    /* @__PURE__ */ jsx22("div", { className: "k-list-filter", children: /* @__PURE__ */ jsx22(Searchbox, { placeholder: "Search..." }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "k-filter-tools", children: [
+      /* @__PURE__ */ jsx22("div", { className: "k-filter-selected-items", children: "0 items selected" }),
+      /* @__PURE__ */ jsx22("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx22("span", { className: "k-label k-select-all", children: "Select All" }),
+      /* @__PURE__ */ jsx22("span", { className: "k-label k-clear-all", children: "Clear All" })
     ] }),
-    /* @__PURE__ */ jsxs4("ul", { className: "k-multicheck-wrap k-listgroup k-listgroup-flush", children: [
-      /* @__PURE__ */ jsx20("li", { className: "k-item k-listgroup-item", children: /* @__PURE__ */ jsxs4("label", { className: "k-label k-listgroup-form-row", children: [
-        /* @__PURE__ */ jsx20("span", { className: "k-item-title k-listgroup-form-field-label", children: "Chai" }),
-        /* @__PURE__ */ jsx20("span", { className: "k-listgroup-form-field-wrapper", children: /* @__PURE__ */ jsx20(Checkbox, { checked: true }) })
+    /* @__PURE__ */ jsxs5("ul", { className: "k-multicheck-wrap k-listgroup k-listgroup-flush", children: [
+      /* @__PURE__ */ jsx22("li", { className: "k-item k-listgroup-item", children: /* @__PURE__ */ jsxs5("label", { className: "k-label k-listgroup-form-row", children: [
+        /* @__PURE__ */ jsx22("span", { className: "k-item-title k-listgroup-form-field-label", children: "Chai" }),
+        /* @__PURE__ */ jsx22("span", { className: "k-listgroup-form-field-wrapper", children: /* @__PURE__ */ jsx22(Checkbox, { checked: true }) })
       ] }) }),
-      /* @__PURE__ */ jsx20("li", { className: "k-item k-listgroup-item", children: /* @__PURE__ */ jsxs4("label", { className: "k-label k-listgroup-form-row", children: [
-        /* @__PURE__ */ jsx20("span", { className: "k-item-title k-listgroup-form-field-label", children: "Chang" }),
-        /* @__PURE__ */ jsx20("span", { className: "k-listgroup-form-field-wrapper", children: /* @__PURE__ */ jsx20(Checkbox, {}) })
+      /* @__PURE__ */ jsx22("li", { className: "k-item k-listgroup-item", children: /* @__PURE__ */ jsxs5("label", { className: "k-label k-listgroup-form-row", children: [
+        /* @__PURE__ */ jsx22("span", { className: "k-item-title k-listgroup-form-field-label", children: "Chang" }),
+        /* @__PURE__ */ jsx22("span", { className: "k-listgroup-form-field-wrapper", children: /* @__PURE__ */ jsx22(Checkbox, {}) })
       ] }) })
     ] })
   ] }) })