@progress/kendo-themes-html 6.1.1-dev.4 → 6.1.1-dev.53

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 (98) hide show
  1. package/dist/action-sheet/tests/action-sheet-treeview.js +1 -1
  2. package/dist/action-sheet/tests/action-sheet-treeview.js.map +2 -2
  3. package/dist/filemanager/tests/filemanager-contextmenu.js +1 -1
  4. package/dist/filemanager/tests/filemanager-contextmenu.js.map +2 -2
  5. package/dist/filemanager/tests/filemanager-drag-hint.js +1 -1
  6. package/dist/filemanager/tests/filemanager-drag-hint.js.map +2 -2
  7. package/dist/filemanager/tests/filemanager-gridview.js +1 -1
  8. package/dist/filemanager/tests/filemanager-gridview.js.map +2 -2
  9. package/dist/filemanager/tests/filemanager-listview.js +1 -1
  10. package/dist/filemanager/tests/filemanager-listview.js.map +2 -2
  11. package/dist/filemanager/tests/filemanager-preview.js +1 -1
  12. package/dist/filemanager/tests/filemanager-preview.js.map +2 -2
  13. package/dist/gantt/tests/gantt-react.js +1 -1
  14. package/dist/gantt/tests/gantt-react.js.map +2 -2
  15. package/dist/gantt/tests/gantt.js +1 -1
  16. package/dist/gantt/tests/gantt.js.map +2 -2
  17. package/dist/grid/tests/grid-grouping-blazor.js +1 -1
  18. package/dist/grid/tests/grid-grouping-blazor.js.map +2 -2
  19. package/dist/grid/tests/grid-grouping-detail-template.js +1 -1
  20. package/dist/grid/tests/grid-grouping-detail-template.js.map +2 -2
  21. package/dist/grid/tests/grid-grouping.js +1 -1
  22. package/dist/grid/tests/grid-grouping.js.map +2 -2
  23. package/dist/grid/tests/grid-hierarchy.js +1 -1
  24. package/dist/grid/tests/grid-hierarchy.js.map +2 -2
  25. package/dist/grid/tests/grid-locked-columns-rtl.js +1 -1
  26. package/dist/grid/tests/grid-locked-columns-rtl.js.map +2 -2
  27. package/dist/grid/tests/grid-locked-columns.js +1 -1
  28. package/dist/grid/tests/grid-locked-columns.js.map +2 -2
  29. package/dist/grid/tests/grid-rows-states.js +1 -1
  30. package/dist/grid/tests/grid-rows-states.js.map +2 -2
  31. package/dist/grid/tests/grid-rtl.js +1 -1
  32. package/dist/grid/tests/grid-rtl.js.map +2 -2
  33. package/dist/grid/tests/grid-size-sm-comp-sm.js +1 -1
  34. package/dist/grid/tests/grid-size-sm-comp-sm.js.map +2 -2
  35. package/dist/grid/tests/grid-size-sm.js +1 -1
  36. package/dist/grid/tests/grid-size-sm.js.map +2 -2
  37. package/dist/grid/tests/grid-sticky-columns-rtl.js +1 -1
  38. package/dist/grid/tests/grid-sticky-columns-rtl.js.map +2 -2
  39. package/dist/grid/tests/grid-sticky-columns.js +1 -1
  40. package/dist/grid/tests/grid-sticky-columns.js.map +2 -2
  41. package/dist/grid/tests/grid.js +1 -1
  42. package/dist/grid/tests/grid.js.map +2 -2
  43. package/dist/index.js +1 -1
  44. package/dist/index.js.map +2 -2
  45. package/dist/pivotgrid/tests/pivotgrid-column-menus.js +1 -1
  46. package/dist/pivotgrid/tests/pivotgrid-column-menus.js.map +2 -2
  47. package/dist/pivotgrid/tests/pivotgrid-jquery-configurator.js +1 -1
  48. package/dist/pivotgrid/tests/pivotgrid-jquery-configurator.js.map +2 -2
  49. package/dist/pivotgrid/tests/pivotgrid-jquery.js +2 -2
  50. package/dist/pivotgrid/tests/pivotgrid-jquery.js.map +2 -2
  51. package/dist/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +1 -1
  52. package/dist/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js.map +2 -2
  53. package/dist/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +1 -1
  54. package/dist/pivotgrid/tests/pivotgrid-settings-panel-vertical.js.map +2 -2
  55. package/dist/pivotgrid/tests/pivotgrid-settings-top.js +1 -1
  56. package/dist/pivotgrid/tests/pivotgrid-settings-top.js.map +2 -2
  57. package/dist/pivotgrid/tests/pivotgrid.js +1 -1
  58. package/dist/pivotgrid/tests/pivotgrid.js.map +2 -2
  59. package/dist/popup/tests/popup-dropdowntree.js +1 -1
  60. package/dist/popup/tests/popup-dropdowntree.js.map +2 -2
  61. package/dist/spreadsheet/tests/spreadsheet-filter-menu.js +1 -1
  62. package/dist/spreadsheet/tests/spreadsheet-filter-menu.js.map +2 -2
  63. package/dist/treelist/tests/treelist-aggregate-react.js +1 -1
  64. package/dist/treelist/tests/treelist-aggregate-react.js.map +2 -2
  65. package/dist/treelist/tests/treelist-aggregates.js +1 -1
  66. package/dist/treelist/tests/treelist-aggregates.js.map +2 -2
  67. package/dist/treelist/tests/treelist-react.js +1 -1
  68. package/dist/treelist/tests/treelist-react.js.map +2 -2
  69. package/dist/treelist/tests/treelist.js +1 -1
  70. package/dist/treelist/tests/treelist.js.map +2 -2
  71. package/dist/treeview/tests/treeview-size.js +1 -1
  72. package/dist/treeview/tests/treeview-size.js.map +2 -2
  73. package/dist/treeview/tests/treeview.js +1 -1
  74. package/dist/treeview/tests/treeview.js.map +2 -2
  75. package/dist/treeview/treeview-item.js +1 -1
  76. package/dist/treeview/treeview-item.js.map +2 -2
  77. package/package.json +2 -2
  78. package/src/gantt/tests/gantt-react.tsx +7 -7
  79. package/src/gantt/tests/gantt.tsx +7 -7
  80. package/src/grid/tests/grid-grouping-blazor.tsx +6 -6
  81. package/src/grid/tests/grid-grouping-detail-template.tsx +10 -10
  82. package/src/grid/tests/grid-grouping.tsx +4 -4
  83. package/src/grid/tests/grid-hierarchy.tsx +2 -2
  84. package/src/grid/tests/grid-locked-columns-rtl.tsx +2 -2
  85. package/src/grid/tests/grid-locked-columns.tsx +2 -2
  86. package/src/grid/tests/grid-rows-states.tsx +1 -1
  87. package/src/grid/tests/grid-rtl.tsx +2 -2
  88. package/src/grid/tests/grid-size-sm-comp-sm.tsx +4 -4
  89. package/src/grid/tests/grid-size-sm.tsx +4 -4
  90. package/src/grid/tests/grid-sticky-columns-rtl.tsx +3 -3
  91. package/src/grid/tests/grid-sticky-columns.tsx +2 -2
  92. package/src/grid/tests/grid.tsx +2 -2
  93. package/src/pivotgrid/tests/pivotgrid-jquery.tsx +11 -11
  94. package/src/treelist/tests/treelist-aggregate-react.tsx +7 -7
  95. package/src/treelist/tests/treelist-aggregates.tsx +11 -11
  96. package/src/treelist/tests/treelist-react.tsx +3 -3
  97. package/src/treelist/tests/treelist.tsx +5 -5
  98. package/src/treeview/treeview-item.tsx +1 -1
package/dist/grid/tests/grid-grouping.js CHANGED
@@ -1259,7 +1259,7 @@
1259
1259
  }
1260
1260
  `;
1261
1261
  root.render(
1262
- /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("span", null, "angular no grouping"), /* @__PURE__ */ import_react.default.createElement("span", null, "jquery no grouping"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" }, "Drag a column header and drop it here to group by that column")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Available")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" }, "Drag a column header and drop it here to group by that column")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Available")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15")))))), /* @__PURE__ */ import_react.default.createElement("span", null, "angular with grouping"), /* @__PURE__ */ import_react.default.createElement("span", null, "jquery with grouping"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Price"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Discontinued")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Price: 19"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Price: 30"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar k-grid-display-block" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Price"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header", scope: "col" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Available")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", style: { height: "auto" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Price: 19"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Price: 30"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }, "\xA0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15")))))), /* @__PURE__ */ import_react.default.createElement("span", null, "angular grid drag clue"), /* @__PURE__ */ import_react.default.createElement("span", null, "jquery grid drag clue"), /* @__PURE__ */ import_react.default.createElement("section", { className: "section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-header k-drag-clue" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-drag-status", name: "cancel" }), "Drag clue")), /* @__PURE__ */ import_react.default.createElement("section", { className: "section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-header k-drag-clue k-group-clue" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-drag-status", name: "plus" }), "Drag clue"))))
1262
+ /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("span", null, "angular no grouping"), /* @__PURE__ */ import_react.default.createElement("span", null, "jquery no grouping"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" }, "Drag a column header and drop it here to group by that column")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Available")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" }, "Drag a column header and drop it here to group by that column")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Available")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15")))))), /* @__PURE__ */ import_react.default.createElement("span", null, "angular with grouping"), /* @__PURE__ */ import_react.default.createElement("span", null, "jquery with grouping"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Price"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Discontinued")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Price: 19"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Price: 30"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-no-scrollbar k-grid-display-block" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-grid-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Button"), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-dropclue" }), /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Price"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header", scope: "col" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Available")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", style: { height: "auto" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Price: 19"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 5 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Price: 30"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }, "\xA0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chai"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "15")))))), /* @__PURE__ */ import_react.default.createElement("span", null, "angular grid drag clue"), /* @__PURE__ */ import_react.default.createElement("span", null, "jquery grid drag clue"), /* @__PURE__ */ import_react.default.createElement("section", { className: "section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-header k-drag-clue" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-drag-status", name: "cancel" }), "Drag clue")), /* @__PURE__ */ import_react.default.createElement("section", { className: "section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-header k-drag-clue k-group-clue" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-drag-status", name: "plus" }), "Drag clue"))))
1263
1263
  );
1264
1264
  })();
1265
1265
  //# sourceMappingURL=grid-grouping.js.map