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

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 (91) hide show
  1. package/dist/cjs/chat/chat.spec.js +146 -2150
  2. package/dist/cjs/chat/tests/chat-rtl.js +333 -2337
  3. package/dist/cjs/chat/tests/chat-scrollable-deck.js +332 -2336
  4. package/dist/cjs/chat/tests/chat.js +346 -2350
  5. package/dist/cjs/grid/tests/grid-adaptive-pager.js +18 -6
  6. package/dist/cjs/grid/tests/grid-angular.js +160 -148
  7. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +275 -263
  8. package/dist/cjs/grid/tests/grid-column-reordering.js +280 -268
  9. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +311 -299
  10. package/dist/cjs/grid/tests/grid-grouping-actions.js +241 -229
  11. package/dist/cjs/grid/tests/grid-pager.js +104 -92
  12. package/dist/cjs/grid/tests/grid-row-reordering.js +233 -221
  13. package/dist/cjs/grid/tests/grid-rtl-angular.js +106 -94
  14. package/dist/cjs/grid/tests/grid-rtl.js +99 -87
  15. package/dist/cjs/grid/tests/grid-selection-aggregates.js +108 -96
  16. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +348 -336
  17. package/dist/cjs/grid/tests/grid-size-sm.js +348 -336
  18. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +135 -123
  19. package/dist/cjs/grid/tests/grid.js +124 -112
  20. package/dist/cjs/index.js +3434 -3239
  21. package/dist/cjs/listview/listview.spec.js +22 -10
  22. package/dist/cjs/listview/tests/listview-layout.js +63 -51
  23. package/dist/cjs/listview/tests/listview-loading.js +34 -22
  24. package/dist/cjs/listview/tests/listview.js +49 -37
  25. package/dist/cjs/pager/index.js +41 -1
  26. package/dist/cjs/pager/templates/pager-adaptive-input.js +5806 -0
  27. package/dist/cjs/pager/templates/pager-adaptive.js +5805 -0
  28. package/dist/cjs/pager/templates/pager-input.js +5805 -0
  29. package/dist/cjs/pager/templates/pager-normal.js +5799 -0
  30. package/dist/cjs/pager/tests/pager-adaptive.js +49 -13
  31. package/dist/cjs/pager/tests/pager-sizes.js +34 -21
  32. package/dist/cjs/pager/tests/pager.js +27 -10
  33. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +25 -13
  34. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +31 -19
  35. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +36 -24
  36. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +25 -13
  37. package/dist/esm/chat/chat.spec.js +161 -2165
  38. package/dist/esm/chat/tests/chat-rtl.js +283 -2287
  39. package/dist/esm/chat/tests/chat-scrollable-deck.js +282 -2286
  40. package/dist/esm/chat/tests/chat.js +296 -2300
  41. package/dist/esm/grid/tests/grid-adaptive-pager.js +18 -6
  42. package/dist/esm/grid/tests/grid-angular.js +130 -118
  43. package/dist/esm/grid/tests/grid-column-reordering-actions.js +232 -220
  44. package/dist/esm/grid/tests/grid-column-reordering.js +235 -223
  45. package/dist/esm/grid/tests/grid-column-resizing-actions.js +268 -256
  46. package/dist/esm/grid/tests/grid-grouping-actions.js +210 -198
  47. package/dist/esm/grid/tests/grid-pager.js +82 -70
  48. package/dist/esm/grid/tests/grid-row-reordering.js +206 -194
  49. package/dist/esm/grid/tests/grid-rtl-angular.js +88 -76
  50. package/dist/esm/grid/tests/grid-rtl.js +84 -72
  51. package/dist/esm/grid/tests/grid-selection-aggregates.js +80 -68
  52. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +289 -277
  53. package/dist/esm/grid/tests/grid-size-sm.js +289 -277
  54. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +124 -112
  55. package/dist/esm/grid/tests/grid.js +104 -92
  56. package/dist/esm/index.js +3434 -3239
  57. package/dist/esm/listview/listview.spec.js +20 -8
  58. package/dist/esm/listview/tests/listview-layout.js +49 -37
  59. package/dist/esm/listview/tests/listview-loading.js +29 -17
  60. package/dist/esm/listview/tests/listview.js +39 -27
  61. package/dist/esm/pager/index.js +41 -1
  62. package/dist/esm/pager/templates/pager-adaptive-input.js +5790 -0
  63. package/dist/esm/pager/templates/pager-adaptive.js +5789 -0
  64. package/dist/esm/pager/templates/pager-input.js +5789 -0
  65. package/dist/esm/pager/templates/pager-normal.js +5783 -0
  66. package/dist/esm/pager/tests/pager-adaptive.js +47 -11
  67. package/dist/esm/pager/tests/pager-sizes.js +34 -21
  68. package/dist/esm/pager/tests/pager.js +27 -10
  69. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +23 -11
  70. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +27 -15
  71. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +30 -18
  72. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +23 -11
  73. package/dist/types/floating-label/floating-label.spec.d.ts +6 -2
  74. package/dist/types/index.d.ts +1 -0
  75. package/dist/types/pager/index.d.ts +4 -0
  76. package/dist/types/pager/templates/pager-adaptive-input.d.ts +1 -0
  77. package/dist/types/pager/templates/pager-adaptive.d.ts +1 -0
  78. package/dist/types/pager/templates/pager-input.d.ts +1 -0
  79. package/dist/types/pager/templates/pager-normal.d.ts +1 -0
  80. package/package.json +2 -2
  81. package/src/chat/chat.spec.tsx +13 -14
  82. package/src/floating-label/floating-label.spec.tsx +7 -2
  83. package/src/index.ts +1 -0
  84. package/src/pager/index.tsx +4 -0
  85. package/src/pager/templates/pager-adaptive-input.tsx +9 -0
  86. package/src/pager/templates/pager-adaptive.tsx +8 -0
  87. package/src/pager/templates/pager-input.tsx +8 -0
  88. package/src/pager/templates/pager-normal.tsx +3 -0
  89. package/src/pager/tests/pager-adaptive.tsx +7 -7
  90. package/src/pager/tests/pager-sizes.tsx +9 -22
  91. package/src/pager/tests/pager.tsx +21 -19
package/dist/cjs/listview/listview.spec.js CHANGED
@@ -5795,8 +5795,20 @@ Pager.options = options22;
5795
5795
  Pager.className = PAGER_CLASSNAME;
5796
5796
  Pager.defaultProps = defaultProps20;
5797
5797
 
5798
- // src/listview/listview.spec.tsx
5798
+ // src/pager/templates/pager-normal.tsx
5799
5799
  var import_jsx_runtime52 = require("react/jsx-runtime");
5800
+
5801
+ // src/pager/templates/pager-input.tsx
5802
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5803
+
5804
+ // src/pager/templates/pager-adaptive.tsx
5805
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5806
+
5807
+ // src/pager/templates/pager-adaptive-input.tsx
5808
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5809
+
5810
+ // src/listview/listview.spec.tsx
5811
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5800
5812
  var LISTVIEW_CLASSNAME = `k-listview`;
5801
5813
  var states24 = [
5802
5814
  States.loading
@@ -5821,13 +5833,13 @@ var ListView = (props) => {
5821
5833
  loading,
5822
5834
  ...other
5823
5835
  } = props;
5824
- const pager = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5825
- const loader = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5826
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5827
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-image" }),
5828
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-color" })
5836
+ const pager = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5837
+ const loader = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5838
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5839
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-image" }),
5840
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-color" })
5829
5841
  ] }) });
5830
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5842
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
5831
5843
  "div",
5832
5844
  {
5833
5845
  ...other,
@@ -5840,8 +5852,8 @@ var ListView = (props) => {
5840
5852
  ),
5841
5853
  children: [
5842
5854
  pageable && pagerPosition === "top" && pager,
5843
- header && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-header", children: "Header" }),
5844
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: classNames(
5855
+ header && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-header", children: "Header" }),
5856
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: classNames(
5845
5857
  "k-listview-content",
5846
5858
  {
5847
5859
  [`k-d-${layout}`]: layout,
@@ -5853,7 +5865,7 @@ var ListView = (props) => {
5853
5865
  loading && loader,
5854
5866
  props.children
5855
5867
  ] }),
5856
- footer && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5868
+ footer && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5857
5869
  pageable && pagerPosition === "bottom" && pager
5858
5870
  ]
5859
5871
  }
package/dist/cjs/listview/tests/listview-layout.js CHANGED
@@ -5793,8 +5793,20 @@ Pager.options = options22;
5793
5793
  Pager.className = PAGER_CLASSNAME;
5794
5794
  Pager.defaultProps = defaultProps20;
5795
5795
 
5796
- // src/listview/listview.spec.tsx
5796
+ // src/pager/templates/pager-normal.tsx
5797
5797
  var import_jsx_runtime52 = require("react/jsx-runtime");
5798
+
5799
+ // src/pager/templates/pager-input.tsx
5800
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5801
+
5802
+ // src/pager/templates/pager-adaptive.tsx
5803
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5804
+
5805
+ // src/pager/templates/pager-adaptive-input.tsx
5806
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5807
+
5808
+ // src/listview/listview.spec.tsx
5809
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5798
5810
  var LISTVIEW_CLASSNAME = `k-listview`;
5799
5811
  var states24 = [
5800
5812
  States.loading
@@ -5819,13 +5831,13 @@ var ListView = (props) => {
5819
5831
  loading,
5820
5832
  ...other
5821
5833
  } = props;
5822
- const pager = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5823
- const loader = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5824
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5825
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-image" }),
5826
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-color" })
5834
+ const pager = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5835
+ const loader = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5836
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5837
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-image" }),
5838
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-color" })
5827
5839
  ] }) });
5828
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5840
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
5829
5841
  "div",
5830
5842
  {
5831
5843
  ...other,
@@ -5838,8 +5850,8 @@ var ListView = (props) => {
5838
5850
  ),
5839
5851
  children: [
5840
5852
  pageable && pagerPosition === "top" && pager,
5841
- header && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-header", children: "Header" }),
5842
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: classNames(
5853
+ header && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-header", children: "Header" }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: classNames(
5843
5855
  "k-listview-content",
5844
5856
  {
5845
5857
  [`k-d-${layout}`]: layout,
@@ -5851,7 +5863,7 @@ var ListView = (props) => {
5851
5863
  loading && loader,
5852
5864
  props.children
5853
5865
  ] }),
5854
- footer && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5866
+ footer && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5855
5867
  pageable && pagerPosition === "bottom" && pager
5856
5868
  ]
5857
5869
  }
@@ -5863,7 +5875,7 @@ ListView.className = LISTVIEW_CLASSNAME;
5863
5875
  ListView.defaultProps = defaultProps21;
5864
5876
 
5865
5877
  // src/listview/listview-item.spec.tsx
5866
- var import_jsx_runtime53 = require("react/jsx-runtime");
5878
+ var import_jsx_runtime57 = require("react/jsx-runtime");
5867
5879
  var LISTVIEWITEM_CLASSNAME = `k-listview-item`;
5868
5880
  var states25 = [
5869
5881
  States.focus,
@@ -5877,7 +5889,7 @@ var ListViewItem = (props) => {
5877
5889
  selected,
5878
5890
  ...other
5879
5891
  } = props;
5880
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5892
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5881
5893
  "div",
5882
5894
  {
5883
5895
  ...other,
@@ -5899,7 +5911,7 @@ ListViewItem.className = LISTVIEWITEM_CLASSNAME;
5899
5911
  ListViewItem.defaultProps = defaultProps22;
5900
5912
 
5901
5913
  // src/listview/tests/listview-layout.tsx
5902
- var import_jsx_runtime54 = require("react/jsx-runtime");
5914
+ var import_jsx_runtime58 = require("react/jsx-runtime");
5903
5915
  var styles = `
5904
5916
  .k-listview-header,
5905
5917
  .k-listview-footer,
@@ -5907,52 +5919,52 @@ var styles = `
5907
5919
  padding: 10px;
5908
5920
  }
5909
5921
  `;
5910
- var listview_layout_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5911
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("style", { children: styles }),
5912
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5913
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5914
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Flex layout - row" }),
5915
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ListView, { children: [
5916
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 1" }) }),
5917
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 2" }) }),
5918
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 3" }) }),
5919
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 4" }) })
5922
+ var listview_layout_default = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
5923
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: styles }),
5924
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5925
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5926
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Flex layout - row" }),
5927
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ListView, { children: [
5928
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 1" }) }),
5929
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 2" }) }),
5930
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 3" }) }),
5931
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 4" }) })
5920
5932
  ] })
5921
5933
  ] }),
5922
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5923
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Flex layout - row reverse" }),
5924
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ListView, { flexDirection: "row-reverse", children: [
5925
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 1" }) }),
5926
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 2" }) }),
5927
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 3" }) }),
5928
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 4" }) })
5934
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5935
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Flex layout - row reverse" }),
5936
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ListView, { flexDirection: "row-reverse", children: [
5937
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 1" }) }),
5938
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 2" }) }),
5939
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 3" }) }),
5940
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 4" }) })
5929
5941
  ] })
5930
5942
  ] }),
5931
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5932
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Flex layout - column" }),
5933
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ListView, { flexDirection: "col", children: [
5934
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 1" }) }),
5935
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 2" }) }),
5936
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 3" }) }),
5937
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 4" }) })
5943
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5944
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Flex layout - column" }),
5945
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ListView, { flexDirection: "col", children: [
5946
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 1" }) }),
5947
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 2" }) }),
5948
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 3" }) }),
5949
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 4" }) })
5938
5950
  ] })
5939
5951
  ] }),
5940
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5941
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Flex layout - column reverse" }),
5942
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ListView, { flexDirection: "col-reverse", children: [
5943
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 1" }) }),
5944
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 2" }) }),
5945
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 3" }) }),
5946
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 4" }) })
5952
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5953
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Flex layout - column reverse" }),
5954
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ListView, { flexDirection: "col-reverse", children: [
5955
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 1" }) }),
5956
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 2" }) }),
5957
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 3" }) }),
5958
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 4" }) })
5947
5959
  ] })
5948
5960
  ] }),
5949
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5950
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Grid layout" }),
5951
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ListView, { layout: "grid", gridColumns: 2, children: [
5952
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 1" }) }),
5953
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 2" }) }),
5954
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 3" }) }),
5955
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item 4" }) })
5961
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5962
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Grid layout" }),
5963
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ListView, { layout: "grid", gridColumns: 2, children: [
5964
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 1" }) }),
5965
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 2" }) }),
5966
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 3" }) }),
5967
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item 4" }) })
5956
5968
  ] })
5957
5969
  ] })
5958
5970
  ] })
package/dist/cjs/listview/tests/listview-loading.js CHANGED
@@ -5793,8 +5793,20 @@ Pager.options = options22;
5793
5793
  Pager.className = PAGER_CLASSNAME;
5794
5794
  Pager.defaultProps = defaultProps20;
5795
5795
 
5796
- // src/listview/listview.spec.tsx
5796
+ // src/pager/templates/pager-normal.tsx
5797
5797
  var import_jsx_runtime52 = require("react/jsx-runtime");
5798
+
5799
+ // src/pager/templates/pager-input.tsx
5800
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5801
+
5802
+ // src/pager/templates/pager-adaptive.tsx
5803
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5804
+
5805
+ // src/pager/templates/pager-adaptive-input.tsx
5806
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5807
+
5808
+ // src/listview/listview.spec.tsx
5809
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5798
5810
  var LISTVIEW_CLASSNAME = `k-listview`;
5799
5811
  var states24 = [
5800
5812
  States.loading
@@ -5819,13 +5831,13 @@ var ListView = (props) => {
5819
5831
  loading,
5820
5832
  ...other
5821
5833
  } = props;
5822
- const pager = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5823
- const loader = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5824
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5825
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-image" }),
5826
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-color" })
5834
+ const pager = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5835
+ const loader = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5836
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5837
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-image" }),
5838
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-color" })
5827
5839
  ] }) });
5828
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5840
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
5829
5841
  "div",
5830
5842
  {
5831
5843
  ...other,
@@ -5838,8 +5850,8 @@ var ListView = (props) => {
5838
5850
  ),
5839
5851
  children: [
5840
5852
  pageable && pagerPosition === "top" && pager,
5841
- header && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-header", children: "Header" }),
5842
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: classNames(
5853
+ header && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-header", children: "Header" }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: classNames(
5843
5855
  "k-listview-content",
5844
5856
  {
5845
5857
  [`k-d-${layout}`]: layout,
@@ -5851,7 +5863,7 @@ var ListView = (props) => {
5851
5863
  loading && loader,
5852
5864
  props.children
5853
5865
  ] }),
5854
- footer && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5866
+ footer && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5855
5867
  pageable && pagerPosition === "bottom" && pager
5856
5868
  ]
5857
5869
  }
@@ -5863,7 +5875,7 @@ ListView.className = LISTVIEW_CLASSNAME;
5863
5875
  ListView.defaultProps = defaultProps21;
5864
5876
 
5865
5877
  // src/listview/listview-item.spec.tsx
5866
- var import_jsx_runtime53 = require("react/jsx-runtime");
5878
+ var import_jsx_runtime57 = require("react/jsx-runtime");
5867
5879
  var LISTVIEWITEM_CLASSNAME = `k-listview-item`;
5868
5880
  var states25 = [
5869
5881
  States.focus,
@@ -5877,7 +5889,7 @@ var ListViewItem = (props) => {
5877
5889
  selected,
5878
5890
  ...other
5879
5891
  } = props;
5880
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5892
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5881
5893
  "div",
5882
5894
  {
5883
5895
  ...other,
@@ -5899,17 +5911,17 @@ ListViewItem.className = LISTVIEWITEM_CLASSNAME;
5899
5911
  ListViewItem.defaultProps = defaultProps22;
5900
5912
 
5901
5913
  // src/listview/tests/listview-loading.tsx
5902
- var import_jsx_runtime54 = require("react/jsx-runtime");
5914
+ var import_jsx_runtime58 = require("react/jsx-runtime");
5903
5915
  var styles = `
5904
5916
  .k-listview {
5905
5917
  height: 300px;
5906
5918
  }
5907
5919
  `;
5908
- var listview_loading_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5909
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("style", { children: styles }),
5910
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { id: "test-area", children: [
5911
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Listview with states" }),
5912
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5920
+ var listview_loading_default = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
5921
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: styles }),
5922
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { id: "test-area", children: [
5923
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Listview with states" }),
5924
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5913
5925
  ListView,
5914
5926
  {
5915
5927
  header: true,
@@ -5918,10 +5930,10 @@ var listview_loading_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.js
5918
5930
  loading: true,
5919
5931
  className: "k-d-flex",
5920
5932
  children: [
5921
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5922
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5923
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5924
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) })
5933
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5934
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5935
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5936
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) })
5925
5937
  ]
5926
5938
  }
5927
5939
  )
package/dist/cjs/listview/tests/listview.js CHANGED
@@ -5793,8 +5793,20 @@ Pager.options = options22;
5793
5793
  Pager.className = PAGER_CLASSNAME;
5794
5794
  Pager.defaultProps = defaultProps20;
5795
5795
 
5796
- // src/listview/listview.spec.tsx
5796
+ // src/pager/templates/pager-normal.tsx
5797
5797
  var import_jsx_runtime52 = require("react/jsx-runtime");
5798
+
5799
+ // src/pager/templates/pager-input.tsx
5800
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5801
+
5802
+ // src/pager/templates/pager-adaptive.tsx
5803
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5804
+
5805
+ // src/pager/templates/pager-adaptive-input.tsx
5806
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5807
+
5808
+ // src/listview/listview.spec.tsx
5809
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5798
5810
  var LISTVIEW_CLASSNAME = `k-listview`;
5799
5811
  var states24 = [
5800
5812
  States.loading
@@ -5819,13 +5831,13 @@ var ListView = (props) => {
5819
5831
  loading,
5820
5832
  ...other
5821
5833
  } = props;
5822
- const pager = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5823
- const loader = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5824
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5825
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-image" }),
5826
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-loading-color" })
5834
+ const pager = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Pager, { className: `k-listview-pager k-listview-pager-${pagerPosition}` });
5835
+ const loader = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "k-loading-mask k-opaque", style: { height: "100%", width: "100%" }, children: [
5836
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "k-loading-text", children: "Loading..." }),
5837
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-image" }),
5838
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-loading-color" })
5827
5839
  ] }) });
5828
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5840
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
5829
5841
  "div",
5830
5842
  {
5831
5843
  ...other,
@@ -5838,8 +5850,8 @@ var ListView = (props) => {
5838
5850
  ),
5839
5851
  children: [
5840
5852
  pageable && pagerPosition === "top" && pager,
5841
- header && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-header", children: "Header" }),
5842
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: classNames(
5853
+ header && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-header", children: "Header" }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: classNames(
5843
5855
  "k-listview-content",
5844
5856
  {
5845
5857
  [`k-d-${layout}`]: layout,
@@ -5851,7 +5863,7 @@ var ListView = (props) => {
5851
5863
  loading && loader,
5852
5864
  props.children
5853
5865
  ] }),
5854
- footer && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5866
+ footer && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-listview-footer", children: "Footer" }),
5855
5867
  pageable && pagerPosition === "bottom" && pager
5856
5868
  ]
5857
5869
  }
@@ -5863,7 +5875,7 @@ ListView.className = LISTVIEW_CLASSNAME;
5863
5875
  ListView.defaultProps = defaultProps21;
5864
5876
 
5865
5877
  // src/listview/listview-item.spec.tsx
5866
- var import_jsx_runtime53 = require("react/jsx-runtime");
5878
+ var import_jsx_runtime57 = require("react/jsx-runtime");
5867
5879
  var LISTVIEWITEM_CLASSNAME = `k-listview-item`;
5868
5880
  var states25 = [
5869
5881
  States.focus,
@@ -5877,7 +5889,7 @@ var ListViewItem = (props) => {
5877
5889
  selected,
5878
5890
  ...other
5879
5891
  } = props;
5880
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5892
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5881
5893
  "div",
5882
5894
  {
5883
5895
  ...other,
@@ -5899,7 +5911,7 @@ ListViewItem.className = LISTVIEWITEM_CLASSNAME;
5899
5911
  ListViewItem.defaultProps = defaultProps22;
5900
5912
 
5901
5913
  // src/listview/tests/listview.tsx
5902
- var import_jsx_runtime54 = require("react/jsx-runtime");
5914
+ var import_jsx_runtime58 = require("react/jsx-runtime");
5903
5915
  var styles = `
5904
5916
  .k-listview-header,
5905
5917
  .k-listview-footer,
@@ -5907,12 +5919,12 @@ var styles = `
5907
5919
  padding: 10px;
5908
5920
  }
5909
5921
  `;
5910
- var listview_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5911
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("style", { children: styles }),
5912
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
5913
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5914
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Listview - bottom pager" }),
5915
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5922
+ var listview_default = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
5923
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: styles }),
5924
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
5925
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5926
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Listview - bottom pager" }),
5927
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5916
5928
  ListView,
5917
5929
  {
5918
5930
  header: true,
@@ -5921,17 +5933,17 @@ var listview_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(impo
5921
5933
  layout: "flex",
5922
5934
  flexDirection: "col",
5923
5935
  children: [
5924
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5925
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Focus Item" }) }),
5926
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { selected: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Selected Item" }) }),
5927
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { focus: true, selected: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Focus Selected Item" }) })
5936
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5937
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Focus Item" }) }),
5938
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { selected: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Selected Item" }) }),
5939
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { focus: true, selected: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Focus Selected Item" }) })
5928
5940
  ]
5929
5941
  }
5930
5942
  )
5931
5943
  ] }),
5932
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5933
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Listview - top pager" }),
5934
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5944
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5945
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Listview - top pager" }),
5946
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5935
5947
  ListView,
5936
5948
  {
5937
5949
  header: true,
@@ -5941,17 +5953,17 @@ var listview_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(impo
5941
5953
  layout: "flex",
5942
5954
  flexDirection: "col",
5943
5955
  children: [
5944
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5945
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5946
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5947
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) })
5956
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5957
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5958
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5959
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) })
5948
5960
  ]
5949
5961
  }
5950
5962
  )
5951
5963
  ] }),
5952
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { children: [
5953
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Listview - top pager" }),
5954
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5964
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
5965
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Listview - top pager" }),
5966
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5955
5967
  ListView,
5956
5968
  {
5957
5969
  header: true,
@@ -5961,10 +5973,10 @@ var listview_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(impo
5961
5973
  layout: "flex",
5962
5974
  flexDirection: "col",
5963
5975
  children: [
5964
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5965
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5966
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) }),
5967
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Listview Item" }) })
5976
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5977
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5978
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) }),
5979
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ListViewItem, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: "Listview Item" }) })
5968
5980
  ]
5969
5981
  }
5970
5982
  )
package/dist/cjs/pager/index.js CHANGED
@@ -20,7 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  var pager_exports = {};
21
21
  __export(pager_exports, {
22
22
  PAGER_CLASSNAME: () => PAGER_CLASSNAME,
23
- Pager: () => Pager
23
+ Pager: () => Pager,
24
+ PagerAdaptive: () => PagerAdaptive,
25
+ PagerAdaptiveInput: () => PagerAdaptiveInput,
26
+ PagerInput: () => PagerInput,
27
+ PagerNormal: () => PagerNormal
24
28
  });
25
29
  module.exports = __toCommonJS(pager_exports);
26
30
 
@@ -5793,3 +5797,39 @@ Pager.states = states23;
5793
5797
  Pager.options = options22;
5794
5798
  Pager.className = PAGER_CLASSNAME;
5795
5799
  Pager.defaultProps = defaultProps20;
5800
+ var pager_spec_default = Pager;
5801
+
5802
+ // src/pager/templates/pager-normal.tsx
5803
+ var import_jsx_runtime52 = require("react/jsx-runtime");
5804
+ var PagerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(pager_spec_default, { ...props });
5805
+
5806
+ // src/pager/templates/pager-input.tsx
5807
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5808
+ var PagerInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5809
+ pager_spec_default,
5810
+ {
5811
+ type: "input",
5812
+ ...props
5813
+ }
5814
+ );
5815
+
5816
+ // src/pager/templates/pager-adaptive.tsx
5817
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5818
+ var PagerAdaptive = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5819
+ pager_spec_default,
5820
+ {
5821
+ adaptive: true,
5822
+ ...props
5823
+ }
5824
+ );
5825
+
5826
+ // src/pager/templates/pager-adaptive-input.tsx
5827
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5828
+ var PagerAdaptiveInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
5829
+ pager_spec_default,
5830
+ {
5831
+ type: "input",
5832
+ adaptive: true,
5833
+ ...props
5834
+ }
5835
+ );