@progress/kendo-themes-html 6.7.0-dev.1 → 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/cjs/grid/tests/grid-adaptive-pager.js CHANGED
@@ -5793,11 +5793,23 @@ Pager.options = options22;
5793
5793
  Pager.className = PAGER_CLASSNAME;
5794
5794
  Pager.defaultProps = defaultProps20;
5795
5795
 
5796
- // src/grid/tests/grid-adaptive-pager.tsx
5796
+ // src/pager/templates/pager-normal.tsx
5797
5797
  var import_jsx_runtime52 = require("react/jsx-runtime");
5798
- var grid_adaptive_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 k-grid-cols-1", children: [
5799
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "LTR" }),
5800
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-view k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false }) }) }) }) }) }) }),
5801
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "RTL" }),
5802
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("section", { className: "k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-view k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false, dir: "rtl" }) }) }) }) }) }) })
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/grid/tests/grid-adaptive-pager.tsx
5809
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5810
+ var grid_adaptive_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 k-grid-cols-1", children: [
5811
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "LTR" }),
5812
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-view k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false }) }) }) }) }) }) }),
5813
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "RTL" }),
5814
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("section", { className: "k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-pane-wrapper k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-view k-widget", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-stretched-view k-content", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "k-grid k-grid-md k-grid-display-block k-grid-mobile k-editable", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Pager, { className: "k-grid-pager", adaptive: true, info: false, pageSizes: false, dir: "rtl" }) }) }) }) }) }) })
5803
5815
  ] }) });
package/dist/cjs/grid/tests/grid-angular.js CHANGED
@@ -5829,8 +5829,20 @@ Pager.options = options23;
5829
5829
  Pager.className = PAGER_CLASSNAME;
5830
5830
  Pager.defaultProps = defaultProps21;
5831
5831
 
5832
- // src/skeleton/skeleton.spec.tsx
5832
+ // src/pager/templates/pager-normal.tsx
5833
5833
  var import_jsx_runtime53 = require("react/jsx-runtime");
5834
+
5835
+ // src/pager/templates/pager-input.tsx
5836
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5837
+
5838
+ // src/pager/templates/pager-adaptive.tsx
5839
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5840
+
5841
+ // src/pager/templates/pager-adaptive-input.tsx
5842
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5843
+
5844
+ // src/skeleton/skeleton.spec.tsx
5845
+ var import_jsx_runtime57 = require("react/jsx-runtime");
5834
5846
  var SKELETON_CLASSNAME = `k-skeleton`;
5835
5847
  var states25 = [];
5836
5848
  var options24 = {};
@@ -5844,7 +5856,7 @@ var Skeleton = (props) => {
5844
5856
  animation = defaultProps22.animation,
5845
5857
  ...other
5846
5858
  } = props;
5847
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5859
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5848
5860
  "span",
5849
5861
  {
5850
5862
  ...other,
@@ -5866,200 +5878,200 @@ Skeleton.className = SKELETON_CLASSNAME;
5866
5878
  Skeleton.defaultProps = defaultProps22;
5867
5879
 
5868
5880
  // src/grid/tests/grid-angular.tsx
5869
- var import_jsx_runtime54 = require("react/jsx-runtime");
5870
- var grid_angular_default = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
5871
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "col-3", children: "Angular grid" }),
5872
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: "col-3", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
5873
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid-aria-root", children: [
5874
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
5875
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("colgroup", { children: [
5876
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", { style: { width: "100px" } }),
5877
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {})
5881
+ var import_jsx_runtime58 = require("react/jsx-runtime");
5882
+ var grid_angular_default = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
5883
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "col-3", children: "Angular grid" }),
5884
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("section", { className: "col-3", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
5885
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid-aria-root", children: [
5886
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
5887
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("colgroup", { children: [
5888
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", { style: { width: "100px" } }),
5889
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {})
5878
5890
  ] }),
5879
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row", children: [
5880
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "100px" }) }) }) }),
5881
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "no width" }) }) }) })
5891
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row", children: [
5892
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "100px" }) }) }) }),
5893
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "no width" }) }) }) })
5882
5894
  ] }) })
5883
5895
  ] }) }) }),
5884
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
5885
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
5886
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("colgroup", { children: [
5887
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", { style: { width: "100px" } }),
5888
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {})
5896
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
5897
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
5898
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("colgroup", { children: [
5899
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", { style: { width: "100px" } }),
5900
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {})
5889
5901
  ] }),
5890
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tbody", { className: "k-table-tbody", children: [
5891
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row", children: [
5892
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "1" }),
5893
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Row" })
5902
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tbody", { className: "k-table-tbody", children: [
5903
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row", children: [
5904
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "1" }),
5905
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Row" })
5894
5906
  ] }),
5895
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
5896
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "2" }),
5897
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Alt row" })
5907
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
5908
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "2" }),
5909
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Alt row" })
5898
5910
  ] }),
5899
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row", children: [
5900
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "3" }),
5901
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "This text continues to the end of the grid to test overflow behavior of row contents, as well as line height and vertical alignment." })
5911
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row", children: [
5912
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "3" }),
5913
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "This text continues to the end of the grid to test overflow behavior of row contents, as well as line height and vertical alignment." })
5902
5914
  ] }),
5903
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
5904
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "4" }),
5905
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Skeleton, { animation: false }) })
5915
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
5916
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "4" }),
5917
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { animation: false }) })
5906
5918
  ] })
5907
5919
  ] })
5908
5920
  ] }) }),
5909
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { height: "0px" } }) })
5921
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: { height: "0px" } }) })
5910
5922
  ] }) })
5911
5923
  ] }),
5912
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Pager, { className: "k-grid-pager" })
5924
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Pager, { className: "k-grid-pager" })
5913
5925
  ] }) }),
5914
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "col-3", children: "Angular -- fixed height, hierarchy, filter menu, sort icon" }),
5915
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: "col-3", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", style: { height: "240px" }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid-aria-root", children: [
5916
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
5917
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("colgroup", { children: [
5918
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", { className: "k-hierarchy-col" }),
5919
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", { style: { width: "80px" } }),
5920
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
5921
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
5922
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
5923
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {})
5926
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "col-3", children: "Angular -- fixed height, hierarchy, filter menu, sort icon" }),
5927
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("section", { className: "col-3", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", style: { height: "240px" }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid-aria-root", children: [
5928
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
5929
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("colgroup", { children: [
5930
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", { className: "k-hierarchy-col" }),
5931
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", { style: { width: "80px" } }),
5932
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
5933
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
5934
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
5935
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {})
5924
5936
  ] }),
5925
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row", children: [
5926
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header k-hierarchy-cell" }),
5927
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header" }),
5928
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "k-cell-inner", children: [
5929
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Default" }) }),
5930
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "filter" }) })
5937
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row", children: [
5938
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header k-hierarchy-cell" }),
5939
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header" }),
5940
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "k-cell-inner", children: [
5941
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Default" }) }),
5942
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "filter" }) })
5931
5943
  ] }) }),
5932
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "k-cell-inner", children: [
5933
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Hover" }) }),
5934
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "filter" }) })
5944
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "k-cell-inner", children: [
5945
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Hover" }) }),
5946
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "filter" }) })
5935
5947
  ] }) }),
5936
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header k-filterable k-focus", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "k-cell-inner", children: [
5937
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Focus" }) }),
5938
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "filter" }) })
5948
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header k-filterable k-focus", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "k-cell-inner", children: [
5949
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Focus" }) }),
5950
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "filter" }) })
5939
5951
  ] }) }),
5940
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "k-cell-inner", children: [
5941
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Active" }) }),
5942
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu k-active", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "filter" }) })
5952
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "k-cell-inner", children: [
5953
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Active" }) }),
5954
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu k-active", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "filter" }) })
5943
5955
  ] }) }),
5944
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header k-filterable k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "k-cell-inner", children: [
5945
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "k-link", children: [
5946
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Sorted" }),
5947
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-icon k-i-sort-asc-small" }) })
5956
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header k-filterable k-sorted", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "k-cell-inner", children: [
5957
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "k-link", children: [
5958
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Sorted" }),
5959
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-sort-icon", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-icon k-i-sort-asc-small" }) })
5948
5960
  ] }),
5949
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "filter" }) })
5961
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "filter" }) })
5950
5962
  ] }) })
5951
5963
  ] }) })
5952
5964
  ] }) }) }),
5953
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
5954
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
5955
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("colgroup", { children: [
5956
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", { className: "k-hierarchy-col" }),
5957
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", { style: { width: "80px" } }),
5958
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
5959
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
5960
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
5961
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {})
5965
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
5966
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
5967
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("colgroup", { children: [
5968
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", { className: "k-hierarchy-col" }),
5969
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", { style: { width: "80px" } }),
5970
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
5971
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
5972
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
5973
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {})
5962
5974
  ] }),
5963
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tbody", { className: "k-table-tbody", children: [
5964
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-master-row k-expanded", children: [
5965
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "minus" }) }),
5966
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("td", { className: "k-table-td", children: [
5967
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Checkbox, {}),
5968
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "k-checkbox-label" })
5975
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tbody", { className: "k-table-tbody", children: [
5976
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-master-row k-expanded", children: [
5977
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "minus" }) }),
5978
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("td", { className: "k-table-td", children: [
5979
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Checkbox, {}),
5980
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { className: "k-checkbox-label" })
5969
5981
  ] }),
5970
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "1" }),
5971
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" }),
5972
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" }),
5973
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" }),
5974
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" })
5982
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "1" }),
5983
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" }),
5984
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" }),
5985
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" }),
5986
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" })
5975
5987
  ] }),
5976
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-detail-row", children: [
5977
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td k-hierarchy-cell" }),
5978
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td k-detail-cell", colSpan: 6, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { padding: "10px" }, children: "Nested content" }) })
5988
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-detail-row", children: [
5989
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td k-hierarchy-cell" }),
5990
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td k-detail-cell", colSpan: 6, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: { padding: "10px" }, children: "Nested content" }) })
5979
5991
  ] }),
5980
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
5981
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { icon: "plus" }) }),
5982
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("td", { className: "k-table-td", children: [
5983
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Checkbox, {}),
5984
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "k-checkbox-label" })
5992
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
5993
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: "plus" }) }),
5994
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("td", { className: "k-table-td", children: [
5995
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Checkbox, {}),
5996
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { className: "k-checkbox-label" })
5985
5997
  ] }),
5986
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "2" }),
5987
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" }),
5988
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" }),
5989
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" }),
5990
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Text" })
5998
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "2" }),
5999
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" }),
6000
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" }),
6001
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" }),
6002
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Text" })
5991
6003
  ] })
5992
6004
  ] })
5993
6005
  ] }) }),
5994
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}) })
6006
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {}) })
5995
6007
  ] }) })
5996
6008
  ] }) }) }),
5997
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "col-3", children: "Angular -- standalone column chooser" }),
5998
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: "col-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid k-grid-md", children: [
5999
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-toolbar k-grid-toolbar", children: [
6000
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-spacer" }),
6001
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-column-chooser", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, { fillMode: "flat", icon: "columns" }) })
6009
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "col-3", children: "Angular -- standalone column chooser" }),
6010
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("section", { className: "col-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid k-grid-md", children: [
6011
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-toolbar k-grid-toolbar", children: [
6012
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-spacer" }),
6013
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-column-chooser", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { fillMode: "flat", icon: "columns" }) })
6002
6014
  ] }),
6003
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
6004
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("colgroup", { children: [
6005
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
6006
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
6007
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {})
6015
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
6016
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("colgroup", { children: [
6017
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
6018
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
6019
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {})
6008
6020
  ] }),
6009
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row", children: [
6010
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Product" }) }) }) }),
6011
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Unit Price" }) }) }) }),
6012
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-title", children: "Qty Per Unit" }) }) }) })
6021
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row", children: [
6022
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Product" }) }) }) }),
6023
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Unit Price" }) }) }) }),
6024
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-title", children: "Qty Per Unit" }) }) }) })
6013
6025
  ] }) })
6014
6026
  ] }) }) }),
6015
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
6016
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
6017
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("colgroup", { children: [
6018
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
6019
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {}),
6020
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("col", {})
6027
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
6028
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
6029
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("colgroup", { children: [
6030
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
6031
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {}),
6032
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("col", {})
6021
6033
  ] }),
6022
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tbody", { className: "k-table-tbody", children: [
6023
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-master-row k-expanded", children: [
6024
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Chai" }),
6025
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "18" }),
6026
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "10 boxes x 20 bags" })
6034
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tbody", { className: "k-table-tbody", children: [
6035
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-master-row k-expanded", children: [
6036
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Chai" }),
6037
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "18" }),
6038
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "10 boxes x 20 bags" })
6027
6039
  ] }),
6028
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
6029
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Chang" }),
6030
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "19" }),
6031
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
6040
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
6041
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Chang" }),
6042
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "19" }),
6043
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
6032
6044
  ] }),
6033
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
6034
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "Aniseed Syrup" }),
6035
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "20" }),
6036
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
6045
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
6046
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "Aniseed Syrup" }),
6047
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "20" }),
6048
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
6037
6049
  ] })
6038
6050
  ] })
6039
6051
  ] }) }),
6040
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}) })
6052
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {}) })
6041
6053
  ] }) })
6042
6054
  ] }) }),
6043
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: "col-1", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Popup, { children: [
6044
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-column-chooser-title", children: "Columns" }),
6045
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-column-list-wrapper", children: [
6046
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-column-list", children: [
6047
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "k-column-list-item", children: [
6048
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Checkbox, {}),
6049
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-checkbox-label", children: "ID" })
6055
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("section", { className: "col-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Popup, { children: [
6056
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-column-chooser-title", children: "Columns" }),
6057
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-column-list-wrapper", children: [
6058
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-column-list", children: [
6059
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { className: "k-column-list-item", children: [
6060
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Checkbox, {}),
6061
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-checkbox-label", children: "ID" })
6050
6062
  ] }),
6051
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "k-column-list-item", children: [
6052
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Checkbox, {}),
6053
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-checkbox-label", children: "Name" })
6063
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { className: "k-column-list-item", children: [
6064
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Checkbox, {}),
6065
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-checkbox-label", children: "Name" })
6054
6066
  ] }),
6055
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "k-column-list-item", children: [
6056
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Checkbox, {}),
6057
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-checkbox-label", children: "Category" })
6067
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { className: "k-column-list-item", children: [
6068
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Checkbox, {}),
6069
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-checkbox-label", children: "Category" })
6058
6070
  ] })
6059
6071
  ] }),
6060
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ActionButtons, { children: [
6061
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, { children: "Reset" }),
6062
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, { themeColor: "primary", children: "Apply" })
6072
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ActionButtons, { children: [
6073
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { children: "Reset" }),
6074
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { themeColor: "primary", children: "Apply" })
6063
6075
  ] })
6064
6076
  ] })
6065
6077
  ] }) })