@progress/kendo-themes-html 6.7.0-dev.2 → 6.7.0-dev.3

package/dist/cjs/pager/tests/pager-adaptive.js

@@ -5792,25 +5792,61 @@ Pager.states = states23;
 Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
+var pager_spec_default = Pager;
 
-// src/pager/tests/pager-adaptive.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
+var PagerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(pager_spec_default, { ...props });
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var PagerInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  pager_spec_default,
+  {
+    type: "input",
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var PagerAdaptive = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  pager_spec_default,
+  {
+    adaptive: true,
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var PagerAdaptiveInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  pager_spec_default,
+  {
+    type: "input",
+    adaptive: true,
+    ...props
+  }
+);
+
+// src/pager/tests/pager-adaptive.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var styles = `
     #test-area {
         gap: 20px;
     }
 `;
-var pager_adaptive_default = () => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: ">= 640 px" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large", type: "input" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "500 px" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large", adaptive: true, info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large", type: "input", adaptive: true, info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "360 px" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large", adaptive: true, info: false, refresh: false, itemsPerPage: false, pageSizes: false, style: { width: "360px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large", type: "input", adaptive: true, info: false, refresh: false, itemsPerPage: false, pageSizes: false, style: { width: "360px" } })
+var pager_adaptive_default = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: ">= 640 px" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerNormal, { size: "large" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerInput, { size: "large" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "500 px" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerAdaptive, { size: "large", info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerAdaptiveInput, { size: "large", info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "360 px" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerAdaptive, { size: "large", pageSizes: false, info: false, refresh: false, itemsPerPage: false, style: { width: "360px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerAdaptiveInput, { size: "large", pageSizes: false, info: false, refresh: false, itemsPerPage: false, style: { width: "360px" } })
   ] })
 ] });

package/dist/cjs/pager/tests/pager-sizes.js

@@ -5792,26 +5792,39 @@ Pager.states = states23;
 Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
+var pager_spec_default = Pager;
 
-// src/pager/tests/pager-sizes.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var pager_sizes_default = () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Large Numeric" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Large Input" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "large", type: "input" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Medium Numeric" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Medium Input" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { type: "input" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Small Numeric" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "small" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Small Input" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { size: "small", type: "input" })
-] }) });
+var PagerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(pager_spec_default, { ...props });
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var PagerInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  pager_spec_default,
+  {
+    type: "input",
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// src/pager/tests/pager-sizes.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var pager_sizes_default = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { id: "test-area", className: "k-d-grid", children: Pager.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
+    size,
+    " numeric"
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerNormal, { size }),
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
+    size,
+    " input"
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerInput, { size })
+] })) }) });

package/dist/cjs/pager/tests/pager.js

@@ -5792,16 +5792,33 @@ Pager.states = states23;
 Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
+var pager_spec_default = Pager;
 
-// src/pager/tests/pager.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var pager_default = () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "LTR" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, {}) }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { type: "input", focus: true }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { disabled: true }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "RTL" }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { dir: "rtl" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { type: "input", focus: true, dir: "rtl" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { disabled: true, dir: "rtl" }) })
+var PagerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(pager_spec_default, { ...props });
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var PagerInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  pager_spec_default,
+  {
+    type: "input",
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// src/pager/tests/pager.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var pager_default = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "LTR" }),
+  ["normal", ...Pager.states].map((state, index) => index % 2 === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerNormal, { ...{ [state]: true } }) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerInput, { ...{ [state]: true } }) })),
+  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "RTL" }),
+  ["normal", ...Pager.states].map((state, index) => index % 2 === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerNormal, { dir: "rtl", ...{ [state]: true } }) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PagerInput, { dir: "rtl", ...{ [state]: true } }) }))
 ] }) });

package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js

@@ -7370,26 +7370,38 @@ Pager.options = options38;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps36;
 
-// src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime92 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime93 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime94 = require("react/jsx-runtime");
+
+// src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
-var pdf_viewer_blank_page_blazor_default = () => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_blank_page_blazor_default = () => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "k-page k-blank-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { icon: "folder-open", size: "xxxlarge" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Upload, { async: true, empty: true })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "k-page k-blank-page", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { icon: "folder-open", size: "xxxlarge" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Upload, { async: true, empty: true })
     ] }) }) })
   ] }) })
 ] });

package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js

@@ -7370,8 +7370,20 @@ Pager.options = options38;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps36;
 
-// src/dropzone/dropzone.spec.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime92 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime93 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime94 = require("react/jsx-runtime");
+
+// src/dropzone/dropzone.spec.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states42 = [
   States.hover
@@ -7387,7 +7399,7 @@ var Dropzone = (props) => {
     note = defaultProps37.note,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "div",
     {
       ...other,
@@ -7399,10 +7411,10 @@ var Dropzone = (props) => {
           "k-external-dropzone-hover": hover
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "k-dropzone-inner", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "k-dropzone-note", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "k-dropzone-inner", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
+        note && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "k-dropzone-note", children: [
           " ",
           note,
           " "
@@ -7413,7 +7425,7 @@ var Dropzone = (props) => {
 };
 
 // src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
@@ -7422,19 +7434,19 @@ var styles = `
         gap: 8px;
     }
 `;
-var pdf_viewer_blank_page_default = () => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_blank_page_default = () => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-page k-blank-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Dropzone, { note: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Upload, { async: true, empty: true, status: "upload" })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "k-page k-blank-page", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Dropzone, { note: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Upload, { async: true, empty: true, status: "upload" })
     ] }) }) })
   ] }) })
 ] });

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

@@ -7219,44 +7219,56 @@ Pager.options = options36;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps34;
 
-// src/pdf-viewer/tests/pdf-viewer-search-panel.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime89 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
+
+// src/pdf-viewer/tests/pdf-viewer-search-panel.tsx
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
-var pdf_viewer_search_panel_default = () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_search_panel_default = () => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Textbox,
           {
-            suffix: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "k-search-matches", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "k-search-matches", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: "0" }),
           " of ",
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "1" })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: "1" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "arrow-up" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "arrow-down" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "x" })
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "arrow-up" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "arrow-down" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { fillMode: "flat", icon: "x" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-pdf-viewer-pages", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-pdf-viewer-pages", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } })
       ] })
     ] })
   ] }) })

package/dist/cjs/pdf-viewer/tests/pdf-viewer.js

@@ -7112,26 +7112,38 @@ Pager.options = options35;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps33;
 
-// src/pdf-viewer/tests/pdf-viewer.tsx
+// src/pager/templates/pager-normal.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-input.tsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive.tsx
+var import_jsx_runtime86 = require("react/jsx-runtime");
+
+// src/pager/templates/pager-adaptive-input.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
+
+// src/pdf-viewer/tests/pdf-viewer.tsx
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
-var pdf_viewer_default = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_default = () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "k-pdf-viewer-pages", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-pdf-viewer-pages", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "k-page", style: { width: "720px", height: "360px" } })
     ] }) })
   ] }) })
 ] });

package/dist/esm/grid/tests/grid-adaptive-pager.js

@@ -5774,13 +5774,25 @@ Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
 
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+
 // src/grid/tests/grid-adaptive-pager.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-var grid_adaptive_pager_default = () => /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ jsx52("span", { children: "LTR" }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-pane", children: /* @__PURE__ */ jsx52("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx52("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx52(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false }) }) }) }) }) }) }),
-  /* @__PURE__ */ jsx52("span", { children: "RTL" }),
-  /* @__PURE__ */ jsx52("section", { className: "k-rtl", children: /* @__PURE__ */ jsx52("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-pane", children: /* @__PURE__ */ jsx52("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx52("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx52("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx52(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false, dir: "rtl" }) }) }) }) }) }) })
+import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
+var grid_adaptive_pager_default = () => /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ jsx56("span", { children: "LTR" }),
+  /* @__PURE__ */ jsx56("section", { children: /* @__PURE__ */ jsx56("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-pane", children: /* @__PURE__ */ jsx56("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx56("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx56(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false }) }) }) }) }) }) }),
+  /* @__PURE__ */ jsx56("span", { children: "RTL" }),
+  /* @__PURE__ */ jsx56("section", { className: "k-rtl", children: /* @__PURE__ */ jsx56("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-pane", children: /* @__PURE__ */ jsx56("div", { className: "k-view k-widget", children: /* @__PURE__ */ jsx56("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ jsx56("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ jsx56(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false, dir: "rtl" }) }) }) }) }) }) })
 ] }) });
 export {
   grid_adaptive_pager_default as default