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

package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js

@@ -5466,8 +5466,14 @@ Checkbox.options = options21;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps18;
 
+// src/checkbox/templates/checkbox-label.tsx
+import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// src/checkbox/templates/checkbox-normal.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+
 // src/list/list-item.spec.tsx
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
 var LISTITEM_CLASSNAME = `k-list-item`;
 var states23 = [
   States.hover,
@@ -5492,7 +5498,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "li",
     {
       ...other,
@@ -5507,10 +5513,10 @@ var ListItem = (props) => {
         })
       ),
       children: [
-        showCheckbox && /* @__PURE__ */ jsx35(Checkbox, { checked }),
-        showIcon && /* @__PURE__ */ jsx35(Icon, { icon: iconName }),
-        /* @__PURE__ */ jsx35("span", { className: "k-list-item-text", children: textOrChildren }),
-        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx35("div", { className: "k-list-item-group-label", children: groupLabel })
+        showCheckbox && /* @__PURE__ */ jsx37(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ jsx37(Icon, { icon: iconName }),
+        /* @__PURE__ */ jsx37("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx37("div", { className: "k-list-item-group-label", children: groupLabel })
       ]
     }
   );
@@ -5521,43 +5527,43 @@ ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps19;
 
 // src/list/list-content.tsx
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
 var className10 = `k-list-content`;
 var ListContent = (props) => {
   const {
     virtualization
   } = props;
-  return /* @__PURE__ */ jsxs15("div", { className: classNames(className10, props.className), children: [
-    /* @__PURE__ */ jsx36("ul", { className: classNames("k-list-ul"), children: props.children }),
-    virtualization && /* @__PURE__ */ jsx36("div", { className: "k-height-container", children: /* @__PURE__ */ jsx36("div", {}) })
+  return /* @__PURE__ */ jsxs16("div", { className: classNames(className10, props.className), children: [
+    /* @__PURE__ */ jsx38("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ jsx38("div", { className: "k-height-container", children: /* @__PURE__ */ jsx38("div", {}) })
   ] });
 };
 
 // src/list/list-header.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var className11 = `k-list-group-sticky-header`;
-var ListHeader = (props) => /* @__PURE__ */ jsx37("div", { className: classNames(className11, props.className), children: /* @__PURE__ */ jsx37("div", { className: "k-list-header-text", children: props.children }) });
+var ListHeader = (props) => /* @__PURE__ */ jsx39("div", { className: classNames(className11, props.className), children: /* @__PURE__ */ jsx39("div", { className: "k-list-header-text", children: props.children }) });
 
 // src/list/list-group.tsx
-import { Fragment as Fragment12, jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
 var ListGroup = (props) => {
   const {
     virtualization,
     label
   } = props;
-  return /* @__PURE__ */ jsxs16(Fragment12, { children: [
-    label && /* @__PURE__ */ jsx38(ListHeader, { children: label }),
-    props.children && /* @__PURE__ */ jsx38(ListContent, { virtualization, children: props.children })
+  return /* @__PURE__ */ jsxs17(Fragment13, { children: [
+    label && /* @__PURE__ */ jsx40(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ jsx40(ListContent, { virtualization, children: props.children })
   ] });
 };
 
 // src/list/list-group-item.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var className12 = `k-list-group-item`;
-var ListGroupItem = (props) => /* @__PURE__ */ jsx39("li", { className: classNames(className12, props.className), children: /* @__PURE__ */ jsx39("span", { className: "k-list-item-text", children: props.children }) });
+var ListGroupItem = (props) => /* @__PURE__ */ jsx41("li", { className: classNames(className12, props.className), children: /* @__PURE__ */ jsx41("span", { className: "k-list-item-text", children: props.children }) });
 
 // src/list/list-option-label.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
 var states24 = [
   States.hover,
@@ -5576,7 +5582,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       ...other,
@@ -5599,10 +5605,10 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps20;
 
 // src/dropdownlist/templates/dropdownlist-popup.tsx
-import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/searchbox/searchbox.spec.tsx
-import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
 var SEARCHBOX_CLASSNAME = `k-searchbox`;
 var states25 = [
   States.hover,
@@ -5643,7 +5649,7 @@ var Searchbox = (props) => {
     icon = defaultProps21.icon,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Input,
     {
       ...other,
@@ -5659,11 +5665,11 @@ var Searchbox = (props) => {
       disabled,
       className: classNames(props.className, SEARCHBOX_CLASSNAME),
       children: [
-        showIcon && /* @__PURE__ */ jsx42(Icon, { className: "k-input-icon", icon }),
-        /* @__PURE__ */ jsx42(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx42(InputLoadingIcon, { ...props }),
-        /* @__PURE__ */ jsx42(InputValidationIcon, { ...props }),
-        /* @__PURE__ */ jsx42(InputClearValue, { ...props })
+        showIcon && /* @__PURE__ */ jsx44(Icon, { className: "k-input-icon", icon }),
+        /* @__PURE__ */ jsx44(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx44(InputLoadingIcon, { ...props }),
+        /* @__PURE__ */ jsx44(InputValidationIcon, { ...props }),
+        /* @__PURE__ */ jsx44(InputClearValue, { ...props })
       ]
     }
   );
@@ -5674,16 +5680,16 @@ Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps21;
 
 // src/dropdownlist/templates/dropdownlist-filtering.tsx
-import { Fragment as Fragment13, jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-grouping.tsx
-import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
-import { Fragment as Fragment14, jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 
 // src/menu-button/menu-button.spec.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var MENUBUTTON_CLASSNAME = `k-menu-button`;
 var states26 = [
   States.hover,
@@ -5735,7 +5741,7 @@ var MenuButton = (props) => {
     arrowIconName = defaultProps22.arrowIconName,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     Button,
     {
       ...other,
@@ -5765,7 +5771,7 @@ MenuButton.className = MENUBUTTON_CLASSNAME;
 MenuButton.defaultProps = defaultProps22;
 
 // src/split-button/split-button.spec.tsx
-import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 var SPLITBUTTON_CLASSNAME = `k-split-button`;
 var states27 = [
   States.hover,
@@ -5815,7 +5821,7 @@ var SplitButton = (props) => {
     arrowIconName = defaultProps23.arrowIconName,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       ...other,
@@ -5828,7 +5834,7 @@ var SplitButton = (props) => {
         })
       ),
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx49(
           Button,
           {
             text,
@@ -5845,7 +5851,7 @@ var SplitButton = (props) => {
             children: props.children
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx49(
           Button,
           {
             className: "k-split-button-arrow",
@@ -5867,7 +5873,7 @@ SplitButton.defaultProps = defaultProps23;
 var split_button_spec_default = SplitButton;
 
 // src/toolbar/toolbar.spec.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var TOOLBAR_CLASSNAME = `k-toolbar`;
 var states28 = [
   States.focus
@@ -5890,7 +5896,7 @@ var Toolbar = (props) => {
     const tempToolbarChildren = [];
     if (child.type === Button && child.props.className && child.props.className.includes("k-toolbar-overflow-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           Button,
           {
             ...child.props,
@@ -5901,7 +5907,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === Button && child.props.className && child.props.className.includes("k-toggle-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           Button,
           {
             ...child.props,
@@ -5912,7 +5918,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === Button) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           Button,
           {
             ...child.props,
@@ -5923,7 +5929,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === MenuButton) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           MenuButton,
           {
             ...child.props,
@@ -5934,7 +5940,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === split_button_spec_default) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           split_button_spec_default,
           {
             ...child.props,
@@ -5948,7 +5954,7 @@ var Toolbar = (props) => {
       const childrenArray = Array.isArray(child.props.children) ? child.props.children : [child.props.children];
       childrenArray.forEach((button, bindex) => {
         buttonGroupItems.push(
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx50(
             Button,
             {
               ...button.props,
@@ -5959,7 +5965,7 @@ var Toolbar = (props) => {
         );
       });
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           ButtonGroup,
           {
             ...child.props,
@@ -5971,7 +5977,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === Combobox) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           Combobox,
           {
             ...child.props,
@@ -5982,7 +5988,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === DropdownList) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           DropdownList,
           {
             ...child.props,
@@ -5993,7 +5999,7 @@ var Toolbar = (props) => {
       );
     } else if (child.type === ColorPicker) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(
           ColorPicker,
           {
             ...child.props,
@@ -6015,7 +6021,7 @@ var Toolbar = (props) => {
       addUniqueToolClass(child, index);
     });
   }
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       ...other,
@@ -6042,7 +6048,7 @@ Toolbar.className = TOOLBAR_CLASSNAME;
 Toolbar.defaultProps = defaultProps24;
 
 // src/toolbar/toolbar-angular.spec.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var TOOLBARANGULAR_CLASSNAME = `k-toolbar`;
 var states29 = [
   States.focus
@@ -6065,7 +6071,7 @@ var ToolbarAngular = (props) => {
     const tempToolbarChildren = [];
     if (child.type === Button && child.props.className && child.props.className.includes("k-toolbar-overflow-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           Button,
           {
             ...child.props,
@@ -6076,7 +6082,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === Button && child.props.className && child.props.className.includes("k-toggle-button")) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           Button,
           {
             ...child.props,
@@ -6087,7 +6093,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === Button) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           Button,
           {
             ...child.props,
@@ -6098,7 +6104,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === MenuButton) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           MenuButton,
           {
             ...child.props,
@@ -6109,7 +6115,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === split_button_spec_default) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           split_button_spec_default,
           {
             ...child.props,
@@ -6123,7 +6129,7 @@ var ToolbarAngular = (props) => {
       const childrenArray = Array.isArray(child.props.children) ? child.props.children : [child.props.children];
       childrenArray.forEach((button, bindex) => {
         buttonGroupItems.push(
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx51(
             Button,
             {
               ...button.props,
@@ -6134,7 +6140,7 @@ var ToolbarAngular = (props) => {
         );
       });
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           ButtonGroup,
           {
             ...child.props,
@@ -6146,7 +6152,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === Combobox) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           Combobox,
           {
             ...child.props,
@@ -6157,7 +6163,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === DropdownList) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           DropdownList,
           {
             ...child.props,
@@ -6168,7 +6174,7 @@ var ToolbarAngular = (props) => {
       );
     } else if (child.type === ColorPicker) {
       tempToolbarChildren.push(
-        /* @__PURE__ */ jsx49("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx51("div", { className: "k-toolbar-renderer", children: /* @__PURE__ */ jsx51(
           ColorPicker,
           {
             ...child.props,
@@ -6190,7 +6196,7 @@ var ToolbarAngular = (props) => {
       addUniqueToolClass(child, index);
     });
   }
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       ...other,
@@ -6217,10 +6223,10 @@ ToolbarAngular.className = TOOLBARANGULAR_CLASSNAME;
 ToolbarAngular.defaultProps = defaultProps25;
 
 // src/toolbar/toolbar-separator.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 
 // src/toolbar/toolbar-item.spec.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var TOOLBARITEM_CLASSNAME = `k-toolbar-item`;
 var states30 = [
   States.focus
@@ -6232,7 +6238,7 @@ var ToolbarItem = (props) => {
     focus,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       ...other,
@@ -6253,7 +6259,7 @@ ToolbarItem.className = TOOLBARITEM_CLASSNAME;
 ToolbarItem.defaultProps = defaultProps26;
 
 // src/pager/pager.spec.tsx
-import { jsx as jsx52, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
 var PAGER_CLASSNAME = `k-pager`;
 var states31 = [
   States.focus,
@@ -6283,7 +6289,7 @@ var Pager = (props) => {
     dir,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       dir,
@@ -6304,14 +6310,14 @@ var Pager = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           "div",
           {
             className: classNames(
               "k-pager-numbers-wrap"
             ),
             children: [
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx54(
                 Button,
                 {
                   className: classNames(
@@ -6325,7 +6331,7 @@ var Pager = (props) => {
                   icon: dir === "rtl" ? "caret-alt-to-right" : "caret-alt-to-left"
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx54(
                 Button,
                 {
                   className: classNames(
@@ -6338,7 +6344,7 @@ var Pager = (props) => {
                   icon: dir === "rtl" ? "caret-alt-right" : "caret-alt-left"
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx54(
                 "select",
                 {
                   className: classNames(
@@ -6351,17 +6357,17 @@ var Pager = (props) => {
                       size
                     })
                   ),
-                  children: /* @__PURE__ */ jsx52("option", { children: "1" })
+                  children: /* @__PURE__ */ jsx54("option", { children: "1" })
                 }
               ),
-              type === "numeric" && /* @__PURE__ */ jsxs23(
+              type === "numeric" && /* @__PURE__ */ jsxs24(
                 "div",
                 {
                   className: classNames(
                     "k-pager-numbers"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx54(
                       Button,
                       {
                         fillMode: "flat",
@@ -6371,7 +6377,7 @@ var Pager = (props) => {
                         children: "1"
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx54(
                       Button,
                       {
                         hover: true,
@@ -6382,7 +6388,7 @@ var Pager = (props) => {
                         children: "2"
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx54(
                       Button,
                       {
                         focus: true,
@@ -6393,7 +6399,7 @@ var Pager = (props) => {
                         children: "3"
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx54(
                       Button,
                       {
                         selected: true,
@@ -6404,7 +6410,7 @@ var Pager = (props) => {
                         children: "4"
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx54(
                       Button,
                       {
                         hover: true,
@@ -6416,7 +6422,7 @@ var Pager = (props) => {
                         children: "5"
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx54(
                       Button,
                       {
                         selected: true,
@@ -6431,7 +6437,7 @@ var Pager = (props) => {
                   ]
                 }
               ),
-              type === "input" && /* @__PURE__ */ jsxs23(
+              type === "input" && /* @__PURE__ */ jsxs24(
                 "span",
                 {
                   className: classNames(
@@ -6439,12 +6445,12 @@ var Pager = (props) => {
                   ),
                   children: [
                     "Page",
-                    /* @__PURE__ */ jsx52(Textbox, { showClearButton: false, size, value: "999" }),
+                    /* @__PURE__ */ jsx54(Textbox, { showClearButton: false, size, value: "999" }),
                     "of 8"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx54(
                 Button,
                 {
                   className: classNames(
@@ -6457,7 +6463,7 @@ var Pager = (props) => {
                   icon: dir === "rtl" ? "caret-alt-left" : "caret-alt-right"
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx54(
                 Button,
                 {
                   className: classNames(
@@ -6473,19 +6479,19 @@ var Pager = (props) => {
             ]
           }
         ),
-        pageSizes && /* @__PURE__ */ jsxs23(
+        pageSizes && /* @__PURE__ */ jsxs24(
           "span",
           {
             className: classNames(
               "k-pager-sizes"
             ),
             children: [
-              /* @__PURE__ */ jsx52(DropdownList, { value: "20", size }),
+              /* @__PURE__ */ jsx54(DropdownList, { value: "20", size }),
               "items per page"
             ]
           }
         ),
-        refresh && /* @__PURE__ */ jsx52(
+        refresh && /* @__PURE__ */ jsx54(
           Button,
           {
             className: classNames(
@@ -6497,7 +6503,7 @@ var Pager = (props) => {
             icon: "arrow-rotate-cw"
           }
         ),
-        info && /* @__PURE__ */ jsx52(
+        info && /* @__PURE__ */ jsx54(
           "span",
           {
             className: classNames(
@@ -6516,43 +6522,43 @@ Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps27;
 
 // src/pdf-viewer/tests/pdf-viewer-search-panel.tsx
-import { Fragment as Fragment15, jsx as jsx53, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
-var pdf_viewer_search_panel_default = () => /* @__PURE__ */ jsxs24(Fragment15, { children: [
-  /* @__PURE__ */ jsx53("style", { children: styles }),
-  /* @__PURE__ */ jsx53("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs24("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ jsxs24(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ jsx53(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ jsx53("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_search_panel_default = () => /* @__PURE__ */ jsxs25(Fragment16, { children: [
+  /* @__PURE__ */ jsx55("style", { children: styles }),
+  /* @__PURE__ */ jsx55("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs25("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ jsxs25(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ jsx55(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ jsx55("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
-        /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
-        /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsxs25("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
+        /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
+        /* @__PURE__ */ jsx55(
           Textbox,
           {
-            suffix: /* @__PURE__ */ jsx53(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
+            suffix: /* @__PURE__ */ jsx55(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
           }
         ),
-        /* @__PURE__ */ jsxs24("span", { className: "k-search-matches", children: [
-          /* @__PURE__ */ jsx53("span", { children: "0" }),
+        /* @__PURE__ */ jsxs25("span", { className: "k-search-matches", children: [
+          /* @__PURE__ */ jsx55("span", { children: "0" }),
           " of ",
-          /* @__PURE__ */ jsx53("span", { children: "1" })
+          /* @__PURE__ */ jsx55("span", { children: "1" })
         ] }),
-        /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "arrow-up" }),
-        /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "arrow-down" }),
-        /* @__PURE__ */ jsx53(Button, { fillMode: "flat", icon: "x" })
+        /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "arrow-up" }),
+        /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "arrow-down" }),
+        /* @__PURE__ */ jsx55(Button, { fillMode: "flat", icon: "x" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "k-pdf-viewer-pages", children: [
-        /* @__PURE__ */ jsx53("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
-        /* @__PURE__ */ jsx53("div", { className: "k-page", style: { width: "720px", height: "360px" } })
+      /* @__PURE__ */ jsxs25("div", { className: "k-pdf-viewer-pages", children: [
+        /* @__PURE__ */ jsx55("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
+        /* @__PURE__ */ jsx55("div", { className: "k-page", style: { width: "720px", height: "360px" } })
       ] })
     ] })
   ] }) })