@progress/kendo-themes-html 6.7.0-dev.2 → 6.7.0-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 (80) hide show
  1. package/dist/cjs/grid/tests/grid-adaptive-pager.js +18 -6
  2. package/dist/cjs/grid/tests/grid-angular.js +160 -148
  3. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +275 -263
  4. package/dist/cjs/grid/tests/grid-column-reordering.js +280 -268
  5. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +311 -299
  6. package/dist/cjs/grid/tests/grid-grouping-actions.js +241 -229
  7. package/dist/cjs/grid/tests/grid-pager.js +104 -92
  8. package/dist/cjs/grid/tests/grid-row-reordering.js +233 -221
  9. package/dist/cjs/grid/tests/grid-rtl-angular.js +106 -94
  10. package/dist/cjs/grid/tests/grid-rtl.js +99 -87
  11. package/dist/cjs/grid/tests/grid-selection-aggregates.js +108 -96
  12. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +348 -336
  13. package/dist/cjs/grid/tests/grid-size-sm.js +348 -336
  14. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +135 -123
  15. package/dist/cjs/grid/tests/grid.js +124 -112
  16. package/dist/cjs/index.js +1326 -1286
  17. package/dist/cjs/listview/listview.spec.js +22 -10
  18. package/dist/cjs/listview/tests/listview-layout.js +63 -51
  19. package/dist/cjs/listview/tests/listview-loading.js +34 -22
  20. package/dist/cjs/listview/tests/listview.js +49 -37
  21. package/dist/cjs/pager/index.js +41 -1
  22. package/dist/cjs/pager/templates/pager-adaptive-input.js +5806 -0
  23. package/dist/cjs/pager/templates/pager-adaptive.js +5805 -0
  24. package/dist/cjs/pager/templates/pager-input.js +5805 -0
  25. package/dist/cjs/pager/templates/pager-normal.js +5799 -0
  26. package/dist/cjs/pager/tests/pager-adaptive.js +49 -13
  27. package/dist/cjs/pager/tests/pager-sizes.js +34 -21
  28. package/dist/cjs/pager/tests/pager.js +27 -10
  29. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +25 -13
  30. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +31 -19
  31. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +36 -24
  32. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +25 -13
  33. package/dist/esm/grid/tests/grid-adaptive-pager.js +18 -6
  34. package/dist/esm/grid/tests/grid-angular.js +130 -118
  35. package/dist/esm/grid/tests/grid-column-reordering-actions.js +232 -220
  36. package/dist/esm/grid/tests/grid-column-reordering.js +235 -223
  37. package/dist/esm/grid/tests/grid-column-resizing-actions.js +268 -256
  38. package/dist/esm/grid/tests/grid-grouping-actions.js +210 -198
  39. package/dist/esm/grid/tests/grid-pager.js +82 -70
  40. package/dist/esm/grid/tests/grid-row-reordering.js +206 -194
  41. package/dist/esm/grid/tests/grid-rtl-angular.js +88 -76
  42. package/dist/esm/grid/tests/grid-rtl.js +84 -72
  43. package/dist/esm/grid/tests/grid-selection-aggregates.js +80 -68
  44. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +289 -277
  45. package/dist/esm/grid/tests/grid-size-sm.js +289 -277
  46. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +124 -112
  47. package/dist/esm/grid/tests/grid.js +104 -92
  48. package/dist/esm/index.js +1044 -1004
  49. package/dist/esm/listview/listview.spec.js +20 -8
  50. package/dist/esm/listview/tests/listview-layout.js +49 -37
  51. package/dist/esm/listview/tests/listview-loading.js +29 -17
  52. package/dist/esm/listview/tests/listview.js +39 -27
  53. package/dist/esm/pager/index.js +41 -1
  54. package/dist/esm/pager/templates/pager-adaptive-input.js +5790 -0
  55. package/dist/esm/pager/templates/pager-adaptive.js +5789 -0
  56. package/dist/esm/pager/templates/pager-input.js +5789 -0
  57. package/dist/esm/pager/templates/pager-normal.js +5783 -0
  58. package/dist/esm/pager/tests/pager-adaptive.js +47 -11
  59. package/dist/esm/pager/tests/pager-sizes.js +34 -21
  60. package/dist/esm/pager/tests/pager.js +27 -10
  61. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +23 -11
  62. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +27 -15
  63. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +30 -18
  64. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +23 -11
  65. package/dist/types/floating-label/floating-label.spec.d.ts +6 -2
  66. package/dist/types/pager/index.d.ts +4 -0
  67. package/dist/types/pager/templates/pager-adaptive-input.d.ts +1 -0
  68. package/dist/types/pager/templates/pager-adaptive.d.ts +1 -0
  69. package/dist/types/pager/templates/pager-input.d.ts +1 -0
  70. package/dist/types/pager/templates/pager-normal.d.ts +1 -0
  71. package/package.json +2 -2
  72. package/src/floating-label/floating-label.spec.tsx +7 -2
  73. package/src/pager/index.tsx +4 -0
  74. package/src/pager/templates/pager-adaptive-input.tsx +9 -0
  75. package/src/pager/templates/pager-adaptive.tsx +8 -0
  76. package/src/pager/templates/pager-input.tsx +8 -0
  77. package/src/pager/templates/pager-normal.tsx +3 -0
  78. package/src/pager/tests/pager-adaptive.tsx +7 -7
  79. package/src/pager/tests/pager-sizes.tsx +9 -22
  80. package/src/pager/tests/pager.tsx +21 -19
package/dist/esm/listview/listview.spec.js CHANGED
@@ -5774,8 +5774,20 @@ Pager.options = options22;
5774
5774
  Pager.className = PAGER_CLASSNAME;
5775
5775
  Pager.defaultProps = defaultProps20;
5776
5776
 
5777
+ // src/pager/templates/pager-normal.tsx
5778
+ import { jsx as jsx52 } from "react/jsx-runtime";
5779
+
5780
+ // src/pager/templates/pager-input.tsx
5781
+ import { jsx as jsx53 } from "react/jsx-runtime";
5782
+
5783
+ // src/pager/templates/pager-adaptive.tsx
5784
+ import { jsx as jsx54 } from "react/jsx-runtime";
5785
+
5786
+ // src/pager/templates/pager-adaptive-input.tsx
5787
+ import { jsx as jsx55 } from "react/jsx-runtime";
5788
+
5777
5789
  // src/listview/listview.spec.tsx
5778
- import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
5790
+ import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
5779
5791
  var LISTVIEW_CLASSNAME = `k-listview`;
5780
5792
  var states24 = [
5781
5793
  States.loading
@@ -5800,11 +5812,11 @@ var ListView = (props) => {
5800
5812
  loading,
5801
5813
  ...other
5802
5814
  } = props;
5803
- const pager = /* @__PURE__ */ jsx52(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5804
- const loader = /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5805
- /* @__PURE__ */ jsx52("span", { className: "k-loading-text", children: "Loading..." }),
5806
- /* @__PURE__ */ jsx52("div", { className: "k-loading-image" }),
5807
- /* @__PURE__ */ jsx52("div", { className: "k-loading-color" })
5815
+ const pager = /* @__PURE__ */ jsx56(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5816
+ const loader = /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5817
+ /* @__PURE__ */ jsx56("span", { className: "k-loading-text", children: "Loading..." }),
5818
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-image" }),
5819
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-color" })
5808
5820
  ] }) });
5809
5821
  return /* @__PURE__ */ jsxs22(
5810
5822
  "div",
@@ -5819,7 +5831,7 @@ var ListView = (props) => {
5819
5831
  ),
5820
5832
  children: [
5821
5833
  pageable && pagerPosition === "top" && pager,
5822
- header && /* @__PURE__ */ jsx52("div", { className: "k-listview-header", children: "Header" }),
5834
+ header && /* @__PURE__ */ jsx56("div", { className: "k-listview-header", children: "Header" }),
5823
5835
  /* @__PURE__ */ jsxs22("div", { className: classNames(
5824
5836
  "k-listview-content",
5825
5837
  {
@@ -5832,7 +5844,7 @@ var ListView = (props) => {
5832
5844
  loading && loader,
5833
5845
  props.children
5834
5846
  ] }),
5835
- footer && /* @__PURE__ */ jsx52("div", { className: "k-listview-footer", children: "Footer" }),
5847
+ footer && /* @__PURE__ */ jsx56("div", { className: "k-listview-footer", children: "Footer" }),
5836
5848
  pageable && pagerPosition === "bottom" && pager
5837
5849
  ]
5838
5850
  }
package/dist/esm/listview/tests/listview-layout.js CHANGED
@@ -5774,8 +5774,20 @@ Pager.options = options22;
5774
5774
  Pager.className = PAGER_CLASSNAME;
5775
5775
  Pager.defaultProps = defaultProps20;
5776
5776
 
5777
+ // src/pager/templates/pager-normal.tsx
5778
+ import { jsx as jsx52 } from "react/jsx-runtime";
5779
+
5780
+ // src/pager/templates/pager-input.tsx
5781
+ import { jsx as jsx53 } from "react/jsx-runtime";
5782
+
5783
+ // src/pager/templates/pager-adaptive.tsx
5784
+ import { jsx as jsx54 } from "react/jsx-runtime";
5785
+
5786
+ // src/pager/templates/pager-adaptive-input.tsx
5787
+ import { jsx as jsx55 } from "react/jsx-runtime";
5788
+
5777
5789
  // src/listview/listview.spec.tsx
5778
- import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
5790
+ import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
5779
5791
  var LISTVIEW_CLASSNAME = `k-listview`;
5780
5792
  var states24 = [
5781
5793
  States.loading
@@ -5800,11 +5812,11 @@ var ListView = (props) => {
5800
5812
  loading,
5801
5813
  ...other
5802
5814
  } = props;
5803
- const pager = /* @__PURE__ */ jsx52(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5804
- const loader = /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5805
- /* @__PURE__ */ jsx52("span", { className: "k-loading-text", children: "Loading..." }),
5806
- /* @__PURE__ */ jsx52("div", { className: "k-loading-image" }),
5807
- /* @__PURE__ */ jsx52("div", { className: "k-loading-color" })
5815
+ const pager = /* @__PURE__ */ jsx56(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5816
+ const loader = /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5817
+ /* @__PURE__ */ jsx56("span", { className: "k-loading-text", children: "Loading..." }),
5818
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-image" }),
5819
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-color" })
5808
5820
  ] }) });
5809
5821
  return /* @__PURE__ */ jsxs22(
5810
5822
  "div",
@@ -5819,7 +5831,7 @@ var ListView = (props) => {
5819
5831
  ),
5820
5832
  children: [
5821
5833
  pageable && pagerPosition === "top" && pager,
5822
- header && /* @__PURE__ */ jsx52("div", { className: "k-listview-header", children: "Header" }),
5834
+ header && /* @__PURE__ */ jsx56("div", { className: "k-listview-header", children: "Header" }),
5823
5835
  /* @__PURE__ */ jsxs22("div", { className: classNames(
5824
5836
  "k-listview-content",
5825
5837
  {
@@ -5832,7 +5844,7 @@ var ListView = (props) => {
5832
5844
  loading && loader,
5833
5845
  props.children
5834
5846
  ] }),
5835
- footer && /* @__PURE__ */ jsx52("div", { className: "k-listview-footer", children: "Footer" }),
5847
+ footer && /* @__PURE__ */ jsx56("div", { className: "k-listview-footer", children: "Footer" }),
5836
5848
  pageable && pagerPosition === "bottom" && pager
5837
5849
  ]
5838
5850
  }
@@ -5844,7 +5856,7 @@ ListView.className = LISTVIEW_CLASSNAME;
5844
5856
  ListView.defaultProps = defaultProps21;
5845
5857
 
5846
5858
  // src/listview/listview-item.spec.tsx
5847
- import { jsx as jsx53 } from "react/jsx-runtime";
5859
+ import { jsx as jsx57 } from "react/jsx-runtime";
5848
5860
  var LISTVIEWITEM_CLASSNAME = `k-listview-item`;
5849
5861
  var states25 = [
5850
5862
  States.focus,
@@ -5858,7 +5870,7 @@ var ListViewItem = (props) => {
5858
5870
  selected,
5859
5871
  ...other
5860
5872
  } = props;
5861
- return /* @__PURE__ */ jsx53(
5873
+ return /* @__PURE__ */ jsx57(
5862
5874
  "div",
5863
5875
  {
5864
5876
  ...other,
@@ -5880,7 +5892,7 @@ ListViewItem.className = LISTVIEWITEM_CLASSNAME;
5880
5892
  ListViewItem.defaultProps = defaultProps22;
5881
5893
 
5882
5894
  // src/listview/tests/listview-layout.tsx
5883
- import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
5895
+ import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs23 } from "react/jsx-runtime";
5884
5896
  var styles = `
5885
5897
  .k-listview-header,
5886
5898
  .k-listview-footer,
@@ -5889,51 +5901,51 @@ var styles = `
5889
5901
  }
5890
5902
  `;
5891
5903
  var listview_layout_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
5892
- /* @__PURE__ */ jsx54("style", { children: styles }),
5904
+ /* @__PURE__ */ jsx58("style", { children: styles }),
5893
5905
  /* @__PURE__ */ jsxs23("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5894
5906
  /* @__PURE__ */ jsxs23("section", { children: [
5895
- /* @__PURE__ */ jsx54("span", { children: "Flex layout - row" }),
5907
+ /* @__PURE__ */ jsx58("span", { children: "Flex layout - row" }),
5896
5908
  /* @__PURE__ */ jsxs23(ListView, { children: [
5897
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 1" }) }),
5898
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 2" }) }),
5899
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 3" }) }),
5900
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 4" }) })
5909
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 1" }) }),
5910
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 2" }) }),
5911
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 3" }) }),
5912
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 4" }) })
5901
5913
  ] })
5902
5914
  ] }),
5903
5915
  /* @__PURE__ */ jsxs23("section", { children: [
5904
- /* @__PURE__ */ jsx54("span", { children: "Flex layout - row reverse" }),
5916
+ /* @__PURE__ */ jsx58("span", { children: "Flex layout - row reverse" }),
5905
5917
  /* @__PURE__ */ jsxs23(ListView, { flexDirection: "row-reverse", children: [
5906
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 1" }) }),
5907
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 2" }) }),
5908
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 3" }) }),
5909
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 4" }) })
5918
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 1" }) }),
5919
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 2" }) }),
5920
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 3" }) }),
5921
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 4" }) })
5910
5922
  ] })
5911
5923
  ] }),
5912
5924
  /* @__PURE__ */ jsxs23("section", { children: [
5913
- /* @__PURE__ */ jsx54("span", { children: "Flex layout - column" }),
5925
+ /* @__PURE__ */ jsx58("span", { children: "Flex layout - column" }),
5914
5926
  /* @__PURE__ */ jsxs23(ListView, { flexDirection: "col", children: [
5915
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 1" }) }),
5916
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 2" }) }),
5917
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 3" }) }),
5918
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 4" }) })
5927
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 1" }) }),
5928
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 2" }) }),
5929
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 3" }) }),
5930
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 4" }) })
5919
5931
  ] })
5920
5932
  ] }),
5921
5933
  /* @__PURE__ */ jsxs23("section", { children: [
5922
- /* @__PURE__ */ jsx54("span", { children: "Flex layout - column reverse" }),
5934
+ /* @__PURE__ */ jsx58("span", { children: "Flex layout - column reverse" }),
5923
5935
  /* @__PURE__ */ jsxs23(ListView, { flexDirection: "col-reverse", children: [
5924
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 1" }) }),
5925
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 2" }) }),
5926
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 3" }) }),
5927
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 4" }) })
5936
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 1" }) }),
5937
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 2" }) }),
5938
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 3" }) }),
5939
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 4" }) })
5928
5940
  ] })
5929
5941
  ] }),
5930
5942
  /* @__PURE__ */ jsxs23("section", { children: [
5931
- /* @__PURE__ */ jsx54("span", { children: "Grid layout" }),
5943
+ /* @__PURE__ */ jsx58("span", { children: "Grid layout" }),
5932
5944
  /* @__PURE__ */ jsxs23(ListView, { layout: "grid", gridColumns: 2, children: [
5933
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 1" }) }),
5934
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 2" }) }),
5935
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 3" }) }),
5936
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item 4" }) })
5945
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 1" }) }),
5946
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 2" }) }),
5947
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 3" }) }),
5948
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item 4" }) })
5937
5949
  ] })
5938
5950
  ] })
5939
5951
  ] })
package/dist/esm/listview/tests/listview-loading.js CHANGED
@@ -5774,8 +5774,20 @@ Pager.options = options22;
5774
5774
  Pager.className = PAGER_CLASSNAME;
5775
5775
  Pager.defaultProps = defaultProps20;
5776
5776
 
5777
+ // src/pager/templates/pager-normal.tsx
5778
+ import { jsx as jsx52 } from "react/jsx-runtime";
5779
+
5780
+ // src/pager/templates/pager-input.tsx
5781
+ import { jsx as jsx53 } from "react/jsx-runtime";
5782
+
5783
+ // src/pager/templates/pager-adaptive.tsx
5784
+ import { jsx as jsx54 } from "react/jsx-runtime";
5785
+
5786
+ // src/pager/templates/pager-adaptive-input.tsx
5787
+ import { jsx as jsx55 } from "react/jsx-runtime";
5788
+
5777
5789
  // src/listview/listview.spec.tsx
5778
- import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
5790
+ import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
5779
5791
  var LISTVIEW_CLASSNAME = `k-listview`;
5780
5792
  var states24 = [
5781
5793
  States.loading
@@ -5800,11 +5812,11 @@ var ListView = (props) => {
5800
5812
  loading,
5801
5813
  ...other
5802
5814
  } = props;
5803
- const pager = /* @__PURE__ */ jsx52(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5804
- const loader = /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5805
- /* @__PURE__ */ jsx52("span", { className: "k-loading-text", children: "Loading..." }),
5806
- /* @__PURE__ */ jsx52("div", { className: "k-loading-image" }),
5807
- /* @__PURE__ */ jsx52("div", { className: "k-loading-color" })
5815
+ const pager = /* @__PURE__ */ jsx56(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5816
+ const loader = /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5817
+ /* @__PURE__ */ jsx56("span", { className: "k-loading-text", children: "Loading..." }),
5818
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-image" }),
5819
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-color" })
5808
5820
  ] }) });
5809
5821
  return /* @__PURE__ */ jsxs22(
5810
5822
  "div",
@@ -5819,7 +5831,7 @@ var ListView = (props) => {
5819
5831
  ),
5820
5832
  children: [
5821
5833
  pageable && pagerPosition === "top" && pager,
5822
- header && /* @__PURE__ */ jsx52("div", { className: "k-listview-header", children: "Header" }),
5834
+ header && /* @__PURE__ */ jsx56("div", { className: "k-listview-header", children: "Header" }),
5823
5835
  /* @__PURE__ */ jsxs22("div", { className: classNames(
5824
5836
  "k-listview-content",
5825
5837
  {
@@ -5832,7 +5844,7 @@ var ListView = (props) => {
5832
5844
  loading && loader,
5833
5845
  props.children
5834
5846
  ] }),
5835
- footer && /* @__PURE__ */ jsx52("div", { className: "k-listview-footer", children: "Footer" }),
5847
+ footer && /* @__PURE__ */ jsx56("div", { className: "k-listview-footer", children: "Footer" }),
5836
5848
  pageable && pagerPosition === "bottom" && pager
5837
5849
  ]
5838
5850
  }
@@ -5844,7 +5856,7 @@ ListView.className = LISTVIEW_CLASSNAME;
5844
5856
  ListView.defaultProps = defaultProps21;
5845
5857
 
5846
5858
  // src/listview/listview-item.spec.tsx
5847
- import { jsx as jsx53 } from "react/jsx-runtime";
5859
+ import { jsx as jsx57 } from "react/jsx-runtime";
5848
5860
  var LISTVIEWITEM_CLASSNAME = `k-listview-item`;
5849
5861
  var states25 = [
5850
5862
  States.focus,
@@ -5858,7 +5870,7 @@ var ListViewItem = (props) => {
5858
5870
  selected,
5859
5871
  ...other
5860
5872
  } = props;
5861
- return /* @__PURE__ */ jsx53(
5873
+ return /* @__PURE__ */ jsx57(
5862
5874
  "div",
5863
5875
  {
5864
5876
  ...other,
@@ -5880,16 +5892,16 @@ ListViewItem.className = LISTVIEWITEM_CLASSNAME;
5880
5892
  ListViewItem.defaultProps = defaultProps22;
5881
5893
 
5882
5894
  // src/listview/tests/listview-loading.tsx
5883
- import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
5895
+ import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs23 } from "react/jsx-runtime";
5884
5896
  var styles = `
5885
5897
  .k-listview {
5886
5898
  height: 300px;
5887
5899
  }
5888
5900
  `;
5889
5901
  var listview_loading_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
5890
- /* @__PURE__ */ jsx54("style", { children: styles }),
5902
+ /* @__PURE__ */ jsx58("style", { children: styles }),
5891
5903
  /* @__PURE__ */ jsxs23("div", { id: "test-area", children: [
5892
- /* @__PURE__ */ jsx54("span", { children: "Listview with states" }),
5904
+ /* @__PURE__ */ jsx58("span", { children: "Listview with states" }),
5893
5905
  /* @__PURE__ */ jsxs23(
5894
5906
  ListView,
5895
5907
  {
@@ -5899,10 +5911,10 @@ var listview_loading_default = () => /* @__PURE__ */ jsxs23(Fragment16, { childr
5899
5911
  loading: true,
5900
5912
  className: "k-d-flex",
5901
5913
  children: [
5902
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5903
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5904
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5905
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) })
5914
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5915
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5916
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5917
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) })
5906
5918
  ]
5907
5919
  }
5908
5920
  )
package/dist/esm/listview/tests/listview.js CHANGED
@@ -5774,8 +5774,20 @@ Pager.options = options22;
5774
5774
  Pager.className = PAGER_CLASSNAME;
5775
5775
  Pager.defaultProps = defaultProps20;
5776
5776
 
5777
+ // src/pager/templates/pager-normal.tsx
5778
+ import { jsx as jsx52 } from "react/jsx-runtime";
5779
+
5780
+ // src/pager/templates/pager-input.tsx
5781
+ import { jsx as jsx53 } from "react/jsx-runtime";
5782
+
5783
+ // src/pager/templates/pager-adaptive.tsx
5784
+ import { jsx as jsx54 } from "react/jsx-runtime";
5785
+
5786
+ // src/pager/templates/pager-adaptive-input.tsx
5787
+ import { jsx as jsx55 } from "react/jsx-runtime";
5788
+
5777
5789
  // src/listview/listview.spec.tsx
5778
- import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
5790
+ import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
5779
5791
  var LISTVIEW_CLASSNAME = `k-listview`;
5780
5792
  var states24 = [
5781
5793
  States.loading
@@ -5800,11 +5812,11 @@ var ListView = (props) => {
5800
5812
  loading,
5801
5813
  ...other
5802
5814
  } = props;
5803
- const pager = /* @__PURE__ */ jsx52(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5804
- const loader = /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5805
- /* @__PURE__ */ jsx52("span", { className: "k-loading-text", children: "Loading..." }),
5806
- /* @__PURE__ */ jsx52("div", { className: "k-loading-image" }),
5807
- /* @__PURE__ */ jsx52("div", { className: "k-loading-color" })
5815
+ const pager = /* @__PURE__ */ jsx56(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5816
+ const loader = /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5817
+ /* @__PURE__ */ jsx56("span", { className: "k-loading-text", children: "Loading..." }),
5818
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-image" }),
5819
+ /* @__PURE__ */ jsx56("div", { className: "k-loading-color" })
5808
5820
  ] }) });
5809
5821
  return /* @__PURE__ */ jsxs22(
5810
5822
  "div",
@@ -5819,7 +5831,7 @@ var ListView = (props) => {
5819
5831
  ),
5820
5832
  children: [
5821
5833
  pageable && pagerPosition === "top" && pager,
5822
- header && /* @__PURE__ */ jsx52("div", { className: "k-listview-header", children: "Header" }),
5834
+ header && /* @__PURE__ */ jsx56("div", { className: "k-listview-header", children: "Header" }),
5823
5835
  /* @__PURE__ */ jsxs22("div", { className: classNames(
5824
5836
  "k-listview-content",
5825
5837
  {
@@ -5832,7 +5844,7 @@ var ListView = (props) => {
5832
5844
  loading && loader,
5833
5845
  props.children
5834
5846
  ] }),
5835
- footer && /* @__PURE__ */ jsx52("div", { className: "k-listview-footer", children: "Footer" }),
5847
+ footer && /* @__PURE__ */ jsx56("div", { className: "k-listview-footer", children: "Footer" }),
5836
5848
  pageable && pagerPosition === "bottom" && pager
5837
5849
  ]
5838
5850
  }
@@ -5844,7 +5856,7 @@ ListView.className = LISTVIEW_CLASSNAME;
5844
5856
  ListView.defaultProps = defaultProps21;
5845
5857
 
5846
5858
  // src/listview/listview-item.spec.tsx
5847
- import { jsx as jsx53 } from "react/jsx-runtime";
5859
+ import { jsx as jsx57 } from "react/jsx-runtime";
5848
5860
  var LISTVIEWITEM_CLASSNAME = `k-listview-item`;
5849
5861
  var states25 = [
5850
5862
  States.focus,
@@ -5858,7 +5870,7 @@ var ListViewItem = (props) => {
5858
5870
  selected,
5859
5871
  ...other
5860
5872
  } = props;
5861
- return /* @__PURE__ */ jsx53(
5873
+ return /* @__PURE__ */ jsx57(
5862
5874
  "div",
5863
5875
  {
5864
5876
  ...other,
@@ -5880,7 +5892,7 @@ ListViewItem.className = LISTVIEWITEM_CLASSNAME;
5880
5892
  ListViewItem.defaultProps = defaultProps22;
5881
5893
 
5882
5894
  // src/listview/tests/listview.tsx
5883
- import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
5895
+ import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs23 } from "react/jsx-runtime";
5884
5896
  var styles = `
5885
5897
  .k-listview-header,
5886
5898
  .k-listview-footer,
@@ -5889,10 +5901,10 @@ var styles = `
5889
5901
  }
5890
5902
  `;
5891
5903
  var listview_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
5892
- /* @__PURE__ */ jsx54("style", { children: styles }),
5904
+ /* @__PURE__ */ jsx58("style", { children: styles }),
5893
5905
  /* @__PURE__ */ jsxs23("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
5894
5906
  /* @__PURE__ */ jsxs23("section", { children: [
5895
- /* @__PURE__ */ jsx54("span", { children: "Listview - bottom pager" }),
5907
+ /* @__PURE__ */ jsx58("span", { children: "Listview - bottom pager" }),
5896
5908
  /* @__PURE__ */ jsxs23(
5897
5909
  ListView,
5898
5910
  {
@@ -5902,16 +5914,16 @@ var listview_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
5902
5914
  layout: "flex",
5903
5915
  flexDirection: "col",
5904
5916
  children: [
5905
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5906
- /* @__PURE__ */ jsx54(ListViewItem, { focus: true, children: /* @__PURE__ */ jsx54("div", { children: "Focus Item" }) }),
5907
- /* @__PURE__ */ jsx54(ListViewItem, { selected: true, children: /* @__PURE__ */ jsx54("div", { children: "Selected Item" }) }),
5908
- /* @__PURE__ */ jsx54(ListViewItem, { focus: true, selected: true, children: /* @__PURE__ */ jsx54("div", { children: "Focus Selected Item" }) })
5917
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5918
+ /* @__PURE__ */ jsx58(ListViewItem, { focus: true, children: /* @__PURE__ */ jsx58("div", { children: "Focus Item" }) }),
5919
+ /* @__PURE__ */ jsx58(ListViewItem, { selected: true, children: /* @__PURE__ */ jsx58("div", { children: "Selected Item" }) }),
5920
+ /* @__PURE__ */ jsx58(ListViewItem, { focus: true, selected: true, children: /* @__PURE__ */ jsx58("div", { children: "Focus Selected Item" }) })
5909
5921
  ]
5910
5922
  }
5911
5923
  )
5912
5924
  ] }),
5913
5925
  /* @__PURE__ */ jsxs23("section", { children: [
5914
- /* @__PURE__ */ jsx54("span", { children: "Listview - top pager" }),
5926
+ /* @__PURE__ */ jsx58("span", { children: "Listview - top pager" }),
5915
5927
  /* @__PURE__ */ jsxs23(
5916
5928
  ListView,
5917
5929
  {
@@ -5922,16 +5934,16 @@ var listview_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
5922
5934
  layout: "flex",
5923
5935
  flexDirection: "col",
5924
5936
  children: [
5925
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5926
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5927
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5928
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) })
5937
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5938
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5939
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5940
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) })
5929
5941
  ]
5930
5942
  }
5931
5943
  )
5932
5944
  ] }),
5933
5945
  /* @__PURE__ */ jsxs23("section", { children: [
5934
- /* @__PURE__ */ jsx54("span", { children: "Listview - top pager" }),
5946
+ /* @__PURE__ */ jsx58("span", { children: "Listview - top pager" }),
5935
5947
  /* @__PURE__ */ jsxs23(
5936
5948
  ListView,
5937
5949
  {
@@ -5942,10 +5954,10 @@ var listview_default = () => /* @__PURE__ */ jsxs23(Fragment16, { children: [
5942
5954
  layout: "flex",
5943
5955
  flexDirection: "col",
5944
5956
  children: [
5945
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5946
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5947
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) }),
5948
- /* @__PURE__ */ jsx54(ListViewItem, { children: /* @__PURE__ */ jsx54("div", { children: "Listview Item" }) })
5957
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5958
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5959
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) }),
5960
+ /* @__PURE__ */ jsx58(ListViewItem, { children: /* @__PURE__ */ jsx58("div", { children: "Listview Item" }) })
5949
5961
  ]
5950
5962
  }
5951
5963
  )
package/dist/esm/pager/index.js CHANGED
@@ -5773,7 +5773,47 @@ Pager.states = states23;
5773
5773
  Pager.options = options22;
5774
5774
  Pager.className = PAGER_CLASSNAME;
5775
5775
  Pager.defaultProps = defaultProps20;
5776
+ var pager_spec_default = Pager;
5777
+
5778
+ // src/pager/templates/pager-normal.tsx
5779
+ import { jsx as jsx52 } from "react/jsx-runtime";
5780
+ var PagerNormal = (props) => /* @__PURE__ */ jsx52(pager_spec_default, { ...props });
5781
+
5782
+ // src/pager/templates/pager-input.tsx
5783
+ import { jsx as jsx53 } from "react/jsx-runtime";
5784
+ var PagerInput = (props) => /* @__PURE__ */ jsx53(
5785
+ pager_spec_default,
5786
+ {
5787
+ type: "input",
5788
+ ...props
5789
+ }
5790
+ );
5791
+
5792
+ // src/pager/templates/pager-adaptive.tsx
5793
+ import { jsx as jsx54 } from "react/jsx-runtime";
5794
+ var PagerAdaptive = (props) => /* @__PURE__ */ jsx54(
5795
+ pager_spec_default,
5796
+ {
5797
+ adaptive: true,
5798
+ ...props
5799
+ }
5800
+ );
5801
+
5802
+ // src/pager/templates/pager-adaptive-input.tsx
5803
+ import { jsx as jsx55 } from "react/jsx-runtime";
5804
+ var PagerAdaptiveInput = (props) => /* @__PURE__ */ jsx55(
5805
+ pager_spec_default,
5806
+ {
5807
+ type: "input",
5808
+ adaptive: true,
5809
+ ...props
5810
+ }
5811
+ );
5776
5812
  export {
5777
5813
  PAGER_CLASSNAME,
5778
- Pager
5814
+ Pager,
5815
+ PagerAdaptive,
5816
+ PagerAdaptiveInput,
5817
+ PagerInput,
5818
+ PagerNormal
5779
5819
  };