@progress/kendo-themes-html 6.4.0-dev.5 → 6.4.0-dev.6

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 (508) hide show
  1. package/dist/cjs/action-sheet/action-sheet.spec.js +56 -21
  2. package/dist/cjs/action-sheet/tests/action-sheet-calendar-infinite.js +478 -443
  3. package/dist/cjs/action-sheet/tests/action-sheet-calendar.js +404 -369
  4. package/dist/cjs/action-sheet/tests/action-sheet-data-table.js +367 -332
  5. package/dist/cjs/action-sheet/tests/action-sheet-date-time-selector.js +446 -411
  6. package/dist/cjs/action-sheet/tests/action-sheet-list.js +365 -330
  7. package/dist/cjs/action-sheet/tests/action-sheet-position.js +254 -219
  8. package/dist/cjs/action-sheet/tests/action-sheet-time-selector.js +266 -231
  9. package/dist/cjs/action-sheet/tests/action-sheet-treeview.js +316 -281
  10. package/dist/cjs/action-sheet/tests/action-sheet.js +254 -219
  11. package/dist/cjs/animation-container/animation-container.spec.js +70 -0
  12. package/dist/cjs/chat/tests/chat.js +353 -306
  13. package/dist/cjs/colorpicker/tests/colorpicker-dropdown.js +76 -12
  14. package/dist/cjs/combobox/combobox.spec.js +71 -24
  15. package/dist/cjs/combobox/tests/combobox-flat.js +93 -46
  16. package/dist/cjs/combobox/tests/combobox-opened.js +165 -115
  17. package/dist/cjs/combobox/tests/combobox-outline.js +93 -46
  18. package/dist/cjs/combobox/tests/combobox.js +93 -46
  19. package/dist/cjs/context-menu/tests/context-menu-in-window.js +67 -20
  20. package/dist/cjs/context-menu/tests/context-menu.js +73 -28
  21. package/dist/cjs/datepicker/datepicker.spec.js +239 -192
  22. package/dist/cjs/datepicker/tests/datepicker-adaptive.js +406 -371
  23. package/dist/cjs/datepicker/tests/datepicker-flat.js +261 -214
  24. package/dist/cjs/datepicker/tests/datepicker-opened.js +251 -200
  25. package/dist/cjs/datepicker/tests/datepicker-outline.js +261 -214
  26. package/dist/cjs/datepicker/tests/datepicker.js +261 -214
  27. package/dist/cjs/daterangepicker/daterangepicker.spec.js +67 -20
  28. package/dist/cjs/daterangepicker/tests/daterangepicker-adaptive.js +417 -382
  29. package/dist/cjs/daterangepicker/tests/daterangepicker-opened.js +82 -27
  30. package/dist/cjs/daterangepicker/tests/daterangepicker-size-rounded.js +91 -44
  31. package/dist/cjs/daterangepicker/tests/daterangepicker.js +89 -42
  32. package/dist/cjs/datetime-selector/tests/datetime-selector.js +72 -10
  33. package/dist/cjs/datetimepicker/datetimepicker.spec.js +312 -265
  34. package/dist/cjs/datetimepicker/tests/datetimepicker-opened.js +326 -275
  35. package/dist/cjs/datetimepicker/tests/datetimepicker.js +334 -287
  36. package/dist/cjs/dropdowngrid/dropdowngrid.spec.js +71 -24
  37. package/dist/cjs/dropdowngrid/tests/dropdowngrid-flat.js +93 -46
  38. package/dist/cjs/dropdowngrid/tests/dropdowngrid-opened.js +214 -163
  39. package/dist/cjs/dropdowngrid/tests/dropdowngrid-outline.js +93 -46
  40. package/dist/cjs/dropdowngrid/tests/dropdowngrid.js +93 -46
  41. package/dist/cjs/dropdownlist/dropdownlist.spec.js +72 -25
  42. package/dist/cjs/dropdownlist/templates/dropdownlist-filtering.js +80 -33
  43. package/dist/cjs/dropdownlist/templates/dropdownlist-grouping-filtering.js +85 -38
  44. package/dist/cjs/dropdownlist/templates/dropdownlist-grouping.js +83 -36
  45. package/dist/cjs/dropdownlist/templates/dropdownlist-normal.js +74 -27
  46. package/dist/cjs/dropdownlist/templates/dropdownlist-popup.js +78 -31
  47. package/dist/cjs/dropdownlist/tests/dropdownlist-adaptive.js +333 -298
  48. package/dist/cjs/dropdownlist/tests/dropdownlist-filtering.js +186 -135
  49. package/dist/cjs/dropdownlist/tests/dropdownlist-flat.js +189 -142
  50. package/dist/cjs/dropdownlist/tests/dropdownlist-grouping-filtering.js +191 -140
  51. package/dist/cjs/dropdownlist/tests/dropdownlist-grouping.js +189 -138
  52. package/dist/cjs/dropdownlist/tests/dropdownlist-opened.js +184 -133
  53. package/dist/cjs/dropdownlist/tests/dropdownlist-option-label.js +205 -154
  54. package/dist/cjs/dropdownlist/tests/dropdownlist-outline.js +189 -142
  55. package/dist/cjs/dropdownlist/tests/dropdownlist.js +189 -142
  56. package/dist/cjs/dropdowntree/dropdowntree.spec.js +72 -25
  57. package/dist/cjs/dropdowntree/tests/dropdowntree-flat.js +94 -47
  58. package/dist/cjs/dropdowntree/tests/dropdowntree-opened.js +142 -91
  59. package/dist/cjs/dropdowntree/tests/dropdowntree-outline.js +94 -47
  60. package/dist/cjs/dropdowntree/tests/dropdowntree.js +94 -47
  61. package/dist/cjs/editor/editor-toolbar.js +262 -215
  62. package/dist/cjs/editor/tests/editor-find-replace.js +366 -319
  63. package/dist/cjs/editor/tests/editor-table-wizard.js +362 -315
  64. package/dist/cjs/editor/tests/editor.js +480 -426
  65. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +428 -381
  66. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +322 -275
  67. package/dist/cjs/filemanager/tests/filemanager-gridview.js +387 -340
  68. package/dist/cjs/filemanager/tests/filemanager-listview.js +341 -294
  69. package/dist/cjs/filemanager/tests/filemanager-preview.js +440 -393
  70. package/dist/cjs/filemanager/tests/filemanager-toolbar.js +248 -201
  71. package/dist/cjs/filter/tests/filter.js +577 -530
  72. package/dist/cjs/floating-label/tests/floating-label-flat.js +116 -69
  73. package/dist/cjs/floating-label/tests/floating-label-outline.js +116 -69
  74. package/dist/cjs/floating-label/tests/floating-label.js +116 -69
  75. package/dist/cjs/form/tests/form-field-dateinputs.js +442 -395
  76. package/dist/cjs/form/tests/form-field-dropdowns.js +258 -211
  77. package/dist/cjs/form/tests/form-grid-layout.js +224 -177
  78. package/dist/cjs/form/tests/form-sizes.js +246 -199
  79. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +500 -453
  80. package/dist/cjs/gantt/tests/gantt-editing-popup-other.js +333 -286
  81. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +331 -284
  82. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +374 -327
  83. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +331 -284
  84. package/dist/cjs/gantt/tests/gantt-react.js +628 -581
  85. package/dist/cjs/gantt/tests/gantt-row-reordering.js +933 -886
  86. package/dist/cjs/gantt/tests/gantt.js +907 -860
  87. package/dist/cjs/grid/tests/grid-adaptive-pager.js +222 -175
  88. package/dist/cjs/grid/tests/grid-adaptive-search.js +254 -207
  89. package/dist/cjs/grid/tests/grid-angular.js +353 -306
  90. package/dist/cjs/grid/tests/grid-column-menu-rtl.js +376 -329
  91. package/dist/cjs/grid/tests/grid-column-menu-tabbed.js +307 -260
  92. package/dist/cjs/grid/tests/grid-column-menu.js +376 -329
  93. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +502 -455
  94. package/dist/cjs/grid/tests/grid-column-reordering.js +7212 -0
  95. package/dist/cjs/grid/tests/grid-editing-custom-editor.js +695 -648
  96. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +324 -277
  97. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +322 -275
  98. package/dist/cjs/grid/tests/grid-editing-popup.js +385 -338
  99. package/dist/cjs/grid/tests/grid-editing.js +342 -295
  100. package/dist/cjs/grid/tests/grid-filter-menu-multi-checkbox.js +114 -78
  101. package/dist/cjs/grid/tests/grid-filter-menu.js +207 -160
  102. package/dist/cjs/grid/tests/grid-filter-row-angular.js +427 -380
  103. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +422 -375
  104. package/dist/cjs/grid/tests/grid-filter-row.js +581 -534
  105. package/dist/cjs/grid/tests/grid-grouping-actions.js +468 -421
  106. package/dist/cjs/grid/tests/grid-grouping.js +473 -426
  107. package/dist/cjs/grid/tests/grid-pager.js +308 -261
  108. package/dist/cjs/grid/tests/grid-row-reordering.js +459 -412
  109. package/dist/cjs/grid/tests/grid-rows-resizing.js +356 -309
  110. package/dist/cjs/grid/tests/grid-rtl-angular.js +308 -261
  111. package/dist/cjs/grid/tests/grid-rtl.js +301 -254
  112. package/dist/cjs/grid/tests/grid-selection-aggregates.js +310 -263
  113. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +561 -514
  114. package/dist/cjs/grid/tests/grid-size-sm.js +561 -514
  115. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +361 -314
  116. package/dist/cjs/grid/tests/grid-toolbar.js +314 -267
  117. package/dist/cjs/grid/tests/grid.js +326 -279
  118. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +385 -338
  119. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +373 -326
  120. package/dist/cjs/imageeditor/tests/imageeditor.js +315 -268
  121. package/dist/cjs/index.js +2770 -2722
  122. package/dist/cjs/listview/listview.spec.js +235 -188
  123. package/dist/cjs/listview/tests/listview-layout.js +282 -235
  124. package/dist/cjs/listview/tests/listview-loading.js +253 -206
  125. package/dist/cjs/listview/tests/listview.js +268 -221
  126. package/dist/cjs/mediaplayer/tests/mediaplayer.js +317 -270
  127. package/dist/cjs/menu/tests/menu-popup-size.js +129 -65
  128. package/dist/cjs/menu/tests/menu.js +141 -94
  129. package/dist/cjs/multiselect/multiselect.spec.js +73 -26
  130. package/dist/cjs/multiselect/tests/multiselect-flat.js +128 -81
  131. package/dist/cjs/multiselect/tests/multiselect-opened.js +103 -52
  132. package/dist/cjs/multiselect/tests/multiselect-outline.js +128 -81
  133. package/dist/cjs/multiselect/tests/multiselect-size.js +92 -45
  134. package/dist/cjs/multiselect/tests/multiselect.js +128 -81
  135. package/dist/cjs/multiselecttree/multiselecttree.spec.js +72 -25
  136. package/dist/cjs/multiselecttree/tests/multiselecttree-flat.js +127 -80
  137. package/dist/cjs/multiselecttree/tests/multiselecttree-opened.js +181 -130
  138. package/dist/cjs/multiselecttree/tests/multiselecttree-outline.js +127 -80
  139. package/dist/cjs/multiselecttree/tests/multiselecttree-size.js +91 -44
  140. package/dist/cjs/multiselecttree/tests/multiselecttree.js +127 -80
  141. package/dist/cjs/notification/tests/notification-jquery.js +66 -30
  142. package/dist/cjs/pager/index.js +216 -169
  143. package/dist/cjs/pager/pager.spec.js +216 -169
  144. package/dist/cjs/pager/tests/pager-responsive.js +236 -189
  145. package/dist/cjs/pager/tests/pager-sizes.js +236 -189
  146. package/dist/cjs/pager/tests/pager.js +226 -179
  147. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +322 -275
  148. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +332 -285
  149. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +318 -271
  150. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +322 -275
  151. package/dist/cjs/pivotgrid/tests/pivotgrid-column-menus.js +336 -289
  152. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +342 -295
  153. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +370 -323
  154. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +415 -341
  155. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +424 -377
  156. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-top.js +554 -507
  157. package/dist/cjs/pivotgrid/tests/pivotgrid.js +535 -488
  158. package/dist/cjs/popup/popup.spec.js +54 -7
  159. package/dist/cjs/popup/tests/popup-list-grouping.js +146 -99
  160. package/dist/cjs/popup/tests/popup-list.js +154 -107
  161. package/dist/cjs/popup/tests/popup-no-data.js +72 -25
  162. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +302 -255
  163. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +480 -433
  164. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +403 -356
  165. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +348 -301
  166. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +384 -337
  167. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +384 -337
  168. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +440 -393
  169. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +401 -354
  170. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +401 -354
  171. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +556 -509
  172. package/dist/cjs/scheduler/tests/scheduler-angular.js +556 -509
  173. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +506 -459
  174. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +520 -473
  175. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +414 -367
  176. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +324 -277
  177. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +393 -346
  178. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +471 -424
  179. package/dist/cjs/scheduler/tests/scheduler-react-day.js +956 -909
  180. package/dist/cjs/scheduler/tests/scheduler-react-month.js +1891 -1844
  181. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +863 -816
  182. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +777 -730
  183. package/dist/cjs/scheduler/tests/scheduler-react-week.js +1692 -1645
  184. package/dist/cjs/scheduler/tests/scheduler-tooltip.js +76 -31
  185. package/dist/cjs/scheduler/tests/scheduler-year.js +1006 -959
  186. package/dist/cjs/scheduler/tests/scheduler.js +656 -609
  187. package/dist/cjs/spreadsheet/tests/spreadsheet-data-validation.js +186 -139
  188. package/dist/cjs/spreadsheet/tests/spreadsheet-dialog.js +287 -240
  189. package/dist/cjs/spreadsheet/tests/spreadsheet-filter-menu.js +67 -31
  190. package/dist/cjs/spreadsheet/tests/spreadsheet-tools-popup.js +602 -555
  191. package/dist/cjs/spreadsheet/tests/spreadsheet.js +558 -511
  192. package/dist/cjs/taskboard/tests/taskboard-card.js +319 -272
  193. package/dist/cjs/taskboard/tests/taskboard-pane.js +400 -353
  194. package/dist/cjs/taskboard/tests/taskboard-rtl.js +316 -269
  195. package/dist/cjs/taskboard/tests/taskboard.js +310 -263
  196. package/dist/cjs/time-selector/tests/time-selector.js +89 -25
  197. package/dist/cjs/timedurationpicker/tests/timedurationpicker-expanded.js +127 -76
  198. package/dist/cjs/timedurationpicker/tests/timedurationpicker.js +137 -90
  199. package/dist/cjs/timedurationpicker/timedurationpicker.spec.js +115 -68
  200. package/dist/cjs/timepicker/tests/timepicker-adaptive.js +266 -231
  201. package/dist/cjs/timepicker/tests/timepicker-flat.js +135 -88
  202. package/dist/cjs/timepicker/tests/timepicker-opened.js +125 -74
  203. package/dist/cjs/timepicker/tests/timepicker-outline.js +135 -88
  204. package/dist/cjs/timepicker/tests/timepicker.js +135 -88
  205. package/dist/cjs/timepicker/timepicker.spec.js +113 -66
  206. package/dist/cjs/toolbar/tests/toolbar-angular.js +267 -220
  207. package/dist/cjs/toolbar/tests/toolbar-components.js +304 -257
  208. package/dist/cjs/toolbar/tests/toolbar-popup-size.js +101 -37
  209. package/dist/cjs/toolbar/tests/toolbar-popup.js +145 -81
  210. package/dist/cjs/toolbar/tests/toolbar-sizes.js +317 -270
  211. package/dist/cjs/toolbar/tests/toolbar.js +331 -284
  212. package/dist/cjs/toolbar/toolbar-angular.spec.js +232 -185
  213. package/dist/cjs/toolbar/toolbar.spec.js +232 -185
  214. package/dist/cjs/tooltip/tests/tooltip-rtl.js +73 -37
  215. package/dist/cjs/tooltip/tests/tooltip-states.js +73 -28
  216. package/dist/cjs/tooltip/tests/tooltip.js +120 -84
  217. package/dist/cjs/treelist/tests/treelist-editing-popup.js +285 -238
  218. package/dist/cjs/treelist/tests/treelist-react.js +492 -445
  219. package/dist/esm/action-sheet/action-sheet.spec.js +55 -20
  220. package/dist/esm/action-sheet/tests/action-sheet-calendar-infinite.js +436 -401
  221. package/dist/esm/action-sheet/tests/action-sheet-calendar.js +367 -332
  222. package/dist/esm/action-sheet/tests/action-sheet-data-table.js +341 -306
  223. package/dist/esm/action-sheet/tests/action-sheet-date-time-selector.js +400 -365
  224. package/dist/esm/action-sheet/tests/action-sheet-list.js +344 -309
  225. package/dist/esm/action-sheet/tests/action-sheet-position.js +242 -207
  226. package/dist/esm/action-sheet/tests/action-sheet-time-selector.js +251 -216
  227. package/dist/esm/action-sheet/tests/action-sheet-treeview.js +301 -266
  228. package/dist/esm/action-sheet/tests/action-sheet.js +240 -205
  229. package/dist/esm/animation-container/animation-container.spec.js +48 -0
  230. package/dist/esm/chat/tests/chat.js +322 -275
  231. package/dist/esm/colorpicker/tests/colorpicker-dropdown.js +74 -10
  232. package/dist/esm/combobox/combobox.spec.js +69 -22
  233. package/dist/esm/combobox/tests/combobox-flat.js +89 -42
  234. package/dist/esm/combobox/tests/combobox-opened.js +154 -104
  235. package/dist/esm/combobox/tests/combobox-outline.js +89 -42
  236. package/dist/esm/combobox/tests/combobox.js +89 -42
  237. package/dist/esm/context-menu/tests/context-menu-in-window.js +66 -19
  238. package/dist/esm/context-menu/tests/context-menu.js +72 -27
  239. package/dist/esm/datepicker/datepicker.spec.js +210 -163
  240. package/dist/esm/datepicker/tests/datepicker-adaptive.js +369 -334
  241. package/dist/esm/datepicker/tests/datepicker-flat.js +230 -183
  242. package/dist/esm/datepicker/tests/datepicker-opened.js +220 -169
  243. package/dist/esm/datepicker/tests/datepicker-outline.js +230 -183
  244. package/dist/esm/datepicker/tests/datepicker.js +230 -183
  245. package/dist/esm/daterangepicker/daterangepicker.spec.js +65 -18
  246. package/dist/esm/daterangepicker/tests/daterangepicker-adaptive.js +380 -345
  247. package/dist/esm/daterangepicker/tests/daterangepicker-opened.js +80 -25
  248. package/dist/esm/daterangepicker/tests/daterangepicker-size-rounded.js +87 -40
  249. package/dist/esm/daterangepicker/tests/daterangepicker.js +87 -40
  250. package/dist/esm/datetime-selector/tests/datetime-selector.js +70 -8
  251. package/dist/esm/datetimepicker/datetimepicker.spec.js +275 -228
  252. package/dist/esm/datetimepicker/tests/datetimepicker-opened.js +287 -236
  253. package/dist/esm/datetimepicker/tests/datetimepicker.js +295 -248
  254. package/dist/esm/dropdowngrid/dropdowngrid.spec.js +69 -22
  255. package/dist/esm/dropdowngrid/tests/dropdowngrid-flat.js +89 -42
  256. package/dist/esm/dropdowngrid/tests/dropdowngrid-opened.js +192 -141
  257. package/dist/esm/dropdowngrid/tests/dropdowngrid-outline.js +89 -42
  258. package/dist/esm/dropdowngrid/tests/dropdowngrid.js +89 -42
  259. package/dist/esm/dropdownlist/dropdownlist.spec.js +70 -23
  260. package/dist/esm/dropdownlist/templates/dropdownlist-filtering.js +76 -29
  261. package/dist/esm/dropdownlist/templates/dropdownlist-grouping-filtering.js +79 -32
  262. package/dist/esm/dropdownlist/templates/dropdownlist-grouping.js +78 -31
  263. package/dist/esm/dropdownlist/templates/dropdownlist-normal.js +72 -25
  264. package/dist/esm/dropdownlist/templates/dropdownlist-popup.js +75 -28
  265. package/dist/esm/dropdownlist/tests/dropdownlist-adaptive.js +318 -283
  266. package/dist/esm/dropdownlist/tests/dropdownlist-filtering.js +174 -123
  267. package/dist/esm/dropdownlist/tests/dropdownlist-flat.js +179 -132
  268. package/dist/esm/dropdownlist/tests/dropdownlist-grouping-filtering.js +177 -126
  269. package/dist/esm/dropdownlist/tests/dropdownlist-grouping.js +176 -125
  270. package/dist/esm/dropdownlist/tests/dropdownlist-opened.js +173 -122
  271. package/dist/esm/dropdownlist/tests/dropdownlist-option-label.js +195 -144
  272. package/dist/esm/dropdownlist/tests/dropdownlist-outline.js +179 -132
  273. package/dist/esm/dropdownlist/tests/dropdownlist.js +179 -132
  274. package/dist/esm/dropdowntree/dropdowntree.spec.js +70 -23
  275. package/dist/esm/dropdowntree/tests/dropdowntree-flat.js +90 -43
  276. package/dist/esm/dropdowntree/tests/dropdowntree-opened.js +129 -78
  277. package/dist/esm/dropdowntree/tests/dropdowntree-outline.js +90 -43
  278. package/dist/esm/dropdowntree/tests/dropdowntree.js +90 -43
  279. package/dist/esm/editor/editor-toolbar.js +251 -204
  280. package/dist/esm/editor/tests/editor-find-replace.js +336 -289
  281. package/dist/esm/editor/tests/editor-table-wizard.js +337 -290
  282. package/dist/esm/editor/tests/editor.js +433 -379
  283. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +404 -357
  284. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +300 -253
  285. package/dist/esm/filemanager/tests/filemanager-gridview.js +350 -303
  286. package/dist/esm/filemanager/tests/filemanager-listview.js +315 -268
  287. package/dist/esm/filemanager/tests/filemanager-preview.js +392 -345
  288. package/dist/esm/filemanager/tests/filemanager-toolbar.js +236 -189
  289. package/dist/esm/filter/tests/filter.js +527 -480
  290. package/dist/esm/floating-label/tests/floating-label-flat.js +112 -65
  291. package/dist/esm/floating-label/tests/floating-label-outline.js +112 -65
  292. package/dist/esm/floating-label/tests/floating-label.js +112 -65
  293. package/dist/esm/form/tests/form-field-dateinputs.js +390 -343
  294. package/dist/esm/form/tests/form-field-dropdowns.js +238 -191
  295. package/dist/esm/form/tests/form-grid-layout.js +210 -163
  296. package/dist/esm/form/tests/form-sizes.js +222 -175
  297. package/dist/esm/gantt/tests/gantt-editing-popup-general.js +446 -399
  298. package/dist/esm/gantt/tests/gantt-editing-popup-other.js +294 -247
  299. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +313 -266
  300. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +346 -299
  301. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +313 -266
  302. package/dist/esm/gantt/tests/gantt-react.js +567 -520
  303. package/dist/esm/gantt/tests/gantt-row-reordering.js +827 -780
  304. package/dist/esm/gantt/tests/gantt.js +801 -754
  305. package/dist/esm/grid/tests/grid-adaptive-pager.js +208 -161
  306. package/dist/esm/grid/tests/grid-adaptive-search.js +244 -197
  307. package/dist/esm/grid/tests/grid-angular.js +309 -262
  308. package/dist/esm/grid/tests/grid-column-menu-rtl.js +325 -278
  309. package/dist/esm/grid/tests/grid-column-menu-tabbed.js +284 -237
  310. package/dist/esm/grid/tests/grid-column-menu.js +325 -278
  311. package/dist/esm/grid/tests/grid-column-reordering-actions.js +455 -408
  312. package/dist/esm/grid/tests/grid-column-reordering.js +7196 -0
  313. package/dist/esm/grid/tests/grid-editing-custom-editor.js +619 -572
  314. package/dist/esm/grid/tests/grid-editing-inline-angular.js +293 -246
  315. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +298 -251
  316. package/dist/esm/grid/tests/grid-editing-popup.js +341 -294
  317. package/dist/esm/grid/tests/grid-editing.js +307 -260
  318. package/dist/esm/grid/tests/grid-filter-menu-multi-checkbox.js +104 -68
  319. package/dist/esm/grid/tests/grid-filter-menu.js +195 -148
  320. package/dist/esm/grid/tests/grid-filter-row-angular.js +388 -341
  321. package/dist/esm/grid/tests/grid-filter-row-blazor.js +384 -337
  322. package/dist/esm/grid/tests/grid-filter-row.js +526 -479
  323. package/dist/esm/grid/tests/grid-grouping-actions.js +433 -386
  324. package/dist/esm/grid/tests/grid-grouping.js +427 -380
  325. package/dist/esm/grid/tests/grid-pager.js +272 -225
  326. package/dist/esm/grid/tests/grid-row-reordering.js +428 -381
  327. package/dist/esm/grid/tests/grid-rows-resizing.js +317 -270
  328. package/dist/esm/grid/tests/grid-rtl-angular.js +276 -229
  329. package/dist/esm/grid/tests/grid-rtl.js +272 -225
  330. package/dist/esm/grid/tests/grid-selection-aggregates.js +268 -221
  331. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +497 -450
  332. package/dist/esm/grid/tests/grid-size-sm.js +497 -450
  333. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +336 -289
  334. package/dist/esm/grid/tests/grid-toolbar.js +298 -251
  335. package/dist/esm/grid/tests/grid.js +292 -245
  336. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +362 -315
  337. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +351 -304
  338. package/dist/esm/imageeditor/tests/imageeditor.js +300 -253
  339. package/dist/esm/index.js +2425 -2377
  340. package/dist/esm/listview/listview.spec.js +219 -172
  341. package/dist/esm/listview/tests/listview-layout.js +254 -207
  342. package/dist/esm/listview/tests/listview-loading.js +234 -187
  343. package/dist/esm/listview/tests/listview.js +244 -197
  344. package/dist/esm/mediaplayer/tests/mediaplayer.js +300 -253
  345. package/dist/esm/menu/tests/menu-popup-size.js +127 -63
  346. package/dist/esm/menu/tests/menu.js +132 -85
  347. package/dist/esm/multiselect/multiselect.spec.js +70 -23
  348. package/dist/esm/multiselect/tests/multiselect-flat.js +121 -74
  349. package/dist/esm/multiselect/tests/multiselect-opened.js +94 -43
  350. package/dist/esm/multiselect/tests/multiselect-outline.js +121 -74
  351. package/dist/esm/multiselect/tests/multiselect-size.js +84 -37
  352. package/dist/esm/multiselect/tests/multiselect.js +121 -74
  353. package/dist/esm/multiselecttree/multiselecttree.spec.js +70 -23
  354. package/dist/esm/multiselecttree/tests/multiselecttree-flat.js +121 -74
  355. package/dist/esm/multiselecttree/tests/multiselecttree-opened.js +167 -116
  356. package/dist/esm/multiselecttree/tests/multiselecttree-outline.js +121 -74
  357. package/dist/esm/multiselecttree/tests/multiselecttree-size.js +84 -37
  358. package/dist/esm/multiselecttree/tests/multiselecttree.js +121 -74
  359. package/dist/esm/notification/tests/notification-jquery.js +64 -28
  360. package/dist/esm/pager/index.js +202 -155
  361. package/dist/esm/pager/pager.spec.js +202 -155
  362. package/dist/esm/pager/tests/pager-responsive.js +222 -175
  363. package/dist/esm/pager/tests/pager-sizes.js +222 -175
  364. package/dist/esm/pager/tests/pager.js +212 -165
  365. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +303 -256
  366. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +311 -264
  367. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +296 -249
  368. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +303 -256
  369. package/dist/esm/pivotgrid/tests/pivotgrid-column-menus.js +290 -243
  370. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +319 -272
  371. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +319 -272
  372. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +413 -339
  373. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +367 -320
  374. package/dist/esm/pivotgrid/tests/pivotgrid-settings-top.js +473 -426
  375. package/dist/esm/pivotgrid/tests/pivotgrid.js +461 -414
  376. package/dist/esm/popup/popup.spec.js +54 -7
  377. package/dist/esm/popup/tests/popup-list-grouping.js +128 -81
  378. package/dist/esm/popup/tests/popup-list.js +152 -105
  379. package/dist/esm/popup/tests/popup-no-data.js +70 -23
  380. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +284 -237
  381. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +425 -378
  382. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +384 -337
  383. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +325 -278
  384. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +348 -301
  385. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +348 -301
  386. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +400 -353
  387. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +358 -311
  388. package/dist/esm/scheduler/tests/scheduler-angular-month.js +358 -311
  389. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +505 -458
  390. package/dist/esm/scheduler/tests/scheduler-angular.js +505 -458
  391. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +447 -400
  392. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +460 -413
  393. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +385 -338
  394. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +301 -254
  395. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +353 -306
  396. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +419 -372
  397. package/dist/esm/scheduler/tests/scheduler-react-day.js +846 -799
  398. package/dist/esm/scheduler/tests/scheduler-react-month.js +1282 -1235
  399. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +755 -708
  400. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +687 -640
  401. package/dist/esm/scheduler/tests/scheduler-react-week.js +1502 -1455
  402. package/dist/esm/scheduler/tests/scheduler-tooltip.js +66 -23
  403. package/dist/esm/scheduler/tests/scheduler-year.js +893 -846
  404. package/dist/esm/scheduler/tests/scheduler.js +579 -532
  405. package/dist/esm/spreadsheet/tests/spreadsheet-data-validation.js +171 -124
  406. package/dist/esm/spreadsheet/tests/spreadsheet-dialog.js +259 -212
  407. package/dist/esm/spreadsheet/tests/spreadsheet-filter-menu.js +60 -24
  408. package/dist/esm/spreadsheet/tests/spreadsheet-tools-popup.js +558 -511
  409. package/dist/esm/spreadsheet/tests/spreadsheet.js +518 -471
  410. package/dist/esm/taskboard/tests/taskboard-card.js +284 -237
  411. package/dist/esm/taskboard/tests/taskboard-pane.js +345 -298
  412. package/dist/esm/taskboard/tests/taskboard-rtl.js +280 -233
  413. package/dist/esm/taskboard/tests/taskboard.js +277 -230
  414. package/dist/esm/time-selector/tests/time-selector.js +84 -20
  415. package/dist/esm/timedurationpicker/tests/timedurationpicker-expanded.js +116 -65
  416. package/dist/esm/timedurationpicker/tests/timedurationpicker.js +126 -79
  417. package/dist/esm/timedurationpicker/timedurationpicker.spec.js +106 -59
  418. package/dist/esm/timepicker/tests/timepicker-adaptive.js +251 -216
  419. package/dist/esm/timepicker/tests/timepicker-flat.js +125 -78
  420. package/dist/esm/timepicker/tests/timepicker-opened.js +115 -64
  421. package/dist/esm/timepicker/tests/timepicker-outline.js +125 -78
  422. package/dist/esm/timepicker/tests/timepicker.js +125 -78
  423. package/dist/esm/timepicker/timepicker.spec.js +105 -58
  424. package/dist/esm/toolbar/tests/toolbar-angular.js +254 -207
  425. package/dist/esm/toolbar/tests/toolbar-components.js +290 -243
  426. package/dist/esm/toolbar/tests/toolbar-popup-size.js +99 -35
  427. package/dist/esm/toolbar/tests/toolbar-popup.js +143 -79
  428. package/dist/esm/toolbar/tests/toolbar-sizes.js +300 -253
  429. package/dist/esm/toolbar/tests/toolbar.js +314 -267
  430. package/dist/esm/toolbar/toolbar-angular.spec.js +221 -174
  431. package/dist/esm/toolbar/toolbar.spec.js +221 -174
  432. package/dist/esm/tooltip/tests/tooltip-rtl.js +67 -31
  433. package/dist/esm/tooltip/tests/tooltip-states.js +70 -27
  434. package/dist/esm/tooltip/tests/tooltip.js +114 -78
  435. package/dist/esm/treelist/tests/treelist-editing-popup.js +248 -201
  436. package/dist/esm/treelist/tests/treelist-react.js +431 -384
  437. package/dist/types/animation-container/animation-container.spec.d.ts +20 -0
  438. package/dist/types/animation-container/index.d.ts +1 -0
  439. package/dist/types/grid/tests/grid-column-reordering.d.ts +3 -0
  440. package/dist/types/index.d.ts +1 -0
  441. package/dist/types/popup/popup.spec.d.ts +11 -2
  442. package/package.json +2 -2
  443. package/src/action-sheet/action-sheet.spec.tsx +31 -32
  444. package/src/animation-container/animation-container.spec.tsx +59 -0
  445. package/src/animation-container/index.ts +1 -0
  446. package/src/colorpicker/tests/colorpicker-dropdown.tsx +7 -15
  447. package/src/combobox/combobox.spec.tsx +1 -1
  448. package/src/combobox/tests/combobox-opened.tsx +3 -0
  449. package/src/context-menu/tests/context-menu-in-window.tsx +10 -12
  450. package/src/context-menu/tests/context-menu.tsx +20 -25
  451. package/src/datepicker/datepicker.spec.tsx +1 -1
  452. package/src/datepicker/tests/datepicker-opened.tsx +4 -0
  453. package/src/daterangepicker/daterangepicker.spec.tsx +1 -1
  454. package/src/daterangepicker/tests/daterangepicker-opened.tsx +6 -0
  455. package/src/datetime-selector/tests/datetime-selector.tsx +8 -12
  456. package/src/datetimepicker/datetimepicker.spec.tsx +1 -1
  457. package/src/datetimepicker/tests/datetimepicker-opened.tsx +4 -0
  458. package/src/dropdowngrid/tests/dropdowngrid-opened.tsx +4 -0
  459. package/src/dropdownlist/dropdownlist.spec.tsx +1 -1
  460. package/src/dropdownlist/tests/dropdownlist-filtering.tsx +4 -0
  461. package/src/dropdownlist/tests/dropdownlist-grouping-filtering.tsx +4 -0
  462. package/src/dropdownlist/tests/dropdownlist-grouping.tsx +4 -0
  463. package/src/dropdownlist/tests/dropdownlist-opened.tsx +6 -2
  464. package/src/dropdownlist/tests/dropdownlist-option-label.tsx +4 -0
  465. package/src/dropdowntree/dropdowntree.spec.tsx +1 -1
  466. package/src/dropdowntree/tests/dropdowntree-opened.tsx +4 -0
  467. package/src/editor/tests/editor.tsx +48 -42
  468. package/src/filemanager/tests/filemanager-contextmenu.tsx +6 -8
  469. package/src/gantt/tests/gantt-react.tsx +1 -1
  470. package/src/gantt/tests/gantt-row-reordering.tsx +1 -1
  471. package/src/gantt/tests/gantt.tsx +1 -1
  472. package/src/grid/tests/grid-angular.tsx +22 -24
  473. package/src/grid/tests/grid-column-menu-rtl.tsx +310 -321
  474. package/src/grid/tests/grid-column-menu-tabbed.tsx +255 -264
  475. package/src/grid/tests/grid-column-menu.tsx +310 -321
  476. package/src/grid/tests/grid-column-reordering-actions.tsx +69 -73
  477. package/src/grid/tests/grid-column-reordering.tsx +247 -0
  478. package/src/grid/tests/grid-filter-menu-multi-checkbox.tsx +9 -8
  479. package/src/grid/tests/grid-filter-menu.tsx +3 -2
  480. package/src/grid/tests/grid-grouping-actions.tsx +10 -13
  481. package/src/index.ts +1 -0
  482. package/src/menu/tests/menu-popup-size.tsx +73 -90
  483. package/src/menu/tests/menu.tsx +20 -24
  484. package/src/multiselect/multiselect.spec.tsx +1 -1
  485. package/src/multiselect/tests/multiselect-opened.tsx +4 -0
  486. package/src/multiselecttree/tests/multiselecttree-opened.tsx +4 -0
  487. package/src/notification/tests/notification-jquery.tsx +49 -48
  488. package/src/pivotgrid/tests/pivotgrid-column-menus.tsx +211 -227
  489. package/src/pivotgrid/tests/pivotgrid-settings-panel-reordering.tsx +40 -34
  490. package/src/popup/popup.spec.tsx +25 -5
  491. package/src/popup/tests/popup-list-grouping.tsx +112 -128
  492. package/src/popup/tests/popup-list.tsx +104 -120
  493. package/src/popup/tests/popup-no-data.tsx +22 -30
  494. package/src/scheduler/tests/scheduler-adaptive-agenda.tsx +1 -1
  495. package/src/scheduler/tests/scheduler-adaptive-day-resource-group.tsx +1 -1
  496. package/src/scheduler/tests/scheduler-adaptive-day.tsx +1 -1
  497. package/src/scheduler/tests/scheduler-adaptive-month.tsx +1 -1
  498. package/src/scheduler/tests/scheduler-tooltip.tsx +5 -4
  499. package/src/spreadsheet/tests/spreadsheet-filter-menu.tsx +3 -2
  500. package/src/time-selector/tests/time-selector.tsx +34 -39
  501. package/src/timedurationpicker/tests/timedurationpicker-expanded.tsx +4 -0
  502. package/src/timepicker/tests/timepicker-opened.tsx +4 -0
  503. package/src/timepicker/timepicker.spec.tsx +1 -1
  504. package/src/toolbar/tests/toolbar-popup-size.tsx +37 -42
  505. package/src/toolbar/tests/toolbar-popup.tsx +89 -104
  506. package/src/tooltip/tests/tooltip-rtl.tsx +17 -16
  507. package/src/tooltip/tests/tooltip-states.tsx +17 -16
  508. package/src/tooltip/tests/tooltip.tsx +41 -40
package/src/grid/tests/grid-column-menu-tabbed.tsx CHANGED
@@ -5,6 +5,7 @@ import { DropdownList } from '../../dropdownlist';
5
5
  import { Icon } from '../../icon';
6
6
  import { Searchbox } from '../../searchbox';
7
7
  import { Textbox } from '../../textbox';
8
+ import { Popup } from '../../popup';
8
9
 
9
10
 
10
11
  const styles = `
@@ -29,228 +30,222 @@ export default () =>(
29
30
  <span>Tab Column Visibility</span>
30
31
 
31
32
  <section>
32
- <div className="k-animation-container">
33
- <div className="k-column-menu k-column-menu-tabbed k-popup k-grid-columnmenu-popup">
34
- <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
35
- <div className="k-tabstrip-items-wrapper k-hstack">
36
- <ul className="k-reset k-tabstrip-items">
37
- <li className="k-item k-active">
38
- <span className="k-link">
39
- <Icon icon="filter" />
40
- </span>
41
- </li>
42
- <li className="k-item">
43
- <span className="k-link">
44
- <Icon icon="more-horizontal" />
45
- </span>
46
- </li>
47
- <li className="k-item">
48
- <span className="k-link">
49
- <Icon icon="columns" />
50
- </span>
51
- </li>
52
- </ul>
53
- </div>
54
- <div className="k-tabstrip-content k-active">
55
- <form className="k-filter-menu k-group k-reset">
56
- <div className="k-filter-menu-container">
57
- <DropdownList value="Contains" />
58
- <Textbox placeholder="Filter..." />
59
- <DropdownList value="And" className="k-filter-and" />
60
- <DropdownList value="Contains" />
61
- <Textbox placeholder="Filter..." />
62
- <ActionButtons>
63
- <Button themeColor="primary">Filter</Button>
64
- <Button>Clear</Button>
65
- </ActionButtons>
66
- </div>
67
- </form>
68
- </div>
33
+ <Popup className="k-column-menu k-column-menu-tabbed k-grid-columnmenu-popup">
34
+ <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
35
+ <div className="k-tabstrip-items-wrapper k-hstack">
36
+ <ul className="k-reset k-tabstrip-items">
37
+ <li className="k-item k-active">
38
+ <span className="k-link">
39
+ <Icon icon="filter" />
40
+ </span>
41
+ </li>
42
+ <li className="k-item">
43
+ <span className="k-link">
44
+ <Icon icon="more-horizontal" />
45
+ </span>
46
+ </li>
47
+ <li className="k-item">
48
+ <span className="k-link">
49
+ <Icon icon="columns" />
50
+ </span>
51
+ </li>
52
+ </ul>
53
+ </div>
54
+ <div className="k-tabstrip-content k-active">
55
+ <form className="k-filter-menu k-group k-reset">
56
+ <div className="k-filter-menu-container">
57
+ <DropdownList value="Contains" />
58
+ <Textbox placeholder="Filter..." />
59
+ <DropdownList value="And" className="k-filter-and" />
60
+ <DropdownList value="Contains" />
61
+ <Textbox placeholder="Filter..." />
62
+ <ActionButtons>
63
+ <Button themeColor="primary">Filter</Button>
64
+ <Button>Clear</Button>
65
+ </ActionButtons>
66
+ </div>
67
+ </form>
69
68
  </div>
70
69
  </div>
71
- </div>
70
+ </Popup>
72
71
  </section>
73
72
 
74
73
  <section>
75
- <div className="k-animation-container">
76
- <div className="k-column-menu k-column-menu-tabbed k-popup k-grid-columnmenu-popup">
77
- <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
78
- <div className="k-tabstrip-items-wrapper k-hstack">
79
- <ul className="k-reset k-tabstrip-items">
80
- <li className="k-item">
81
- <span className="k-link">
82
- <Icon icon="filter" />
83
- </span>
84
- </li>
85
- <li className="k-item k-active">
86
- <span className="k-link">
87
- <Icon icon="more-horizontal" />
88
- </span>
89
- </li>
90
- <li className="k-item">
91
- <span className="k-link">
92
- <Icon icon="columns" />
93
- </span>
94
- </li>
95
- </ul>
74
+ <Popup className="k-column-menu k-column-menu-tabbed k-grid-columnmenu-popup">
75
+ <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
76
+ <div className="k-tabstrip-items-wrapper k-hstack">
77
+ <ul className="k-reset k-tabstrip-items">
78
+ <li className="k-item">
79
+ <span className="k-link">
80
+ <Icon icon="filter" />
81
+ </span>
82
+ </li>
83
+ <li className="k-item k-active">
84
+ <span className="k-link">
85
+ <Icon icon="more-horizontal" />
86
+ </span>
87
+ </li>
88
+ <li className="k-item">
89
+ <span className="k-link">
90
+ <Icon icon="columns" />
91
+ </span>
92
+ </li>
93
+ </ul>
94
+ </div>
95
+ <div className="k-tabstrip-content k-active">
96
+ <div className="k-columnmenu-item-wrapper">
97
+ <div className="k-columnmenu-item">
98
+ <Icon icon="group" />Group Column
99
+ </div>
96
100
  </div>
97
- <div className="k-tabstrip-content k-active">
98
- <div className="k-columnmenu-item-wrapper">
99
- <div className="k-columnmenu-item">
100
- <Icon icon="group" />Group Column
101
- </div>
101
+ <div className="k-columnmenu-item-wrapper">
102
+ <div className="k-columnmenu-item">
103
+ <Icon icon="sort-asc-small" />Sort Ascending
102
104
  </div>
103
- <div className="k-columnmenu-item-wrapper">
104
- <div className="k-columnmenu-item">
105
- <Icon icon="sort-asc-small" />Sort Ascending
106
- </div>
107
- <div className="k-columnmenu-item">
108
- <Icon icon="sort-desc-small" />Sort Descending
109
- </div>
105
+ <div className="k-columnmenu-item">
106
+ <Icon icon="sort-desc-small" />Sort Descending
110
107
  </div>
111
- <div className="k-columnmenu-item-wrapper">
112
- <div className="k-columnmenu-item">
113
- <Icon icon="max-width" />Autosize This Column
114
- </div>
115
- <div className="k-columnmenu-item">
116
- <Icon icon="display-inline-flex" />Autosize All Columns
117
- </div>
108
+ </div>
109
+ <div className="k-columnmenu-item-wrapper">
110
+ <div className="k-columnmenu-item">
111
+ <Icon icon="max-width" />Autosize This Column
118
112
  </div>
119
- <div className="k-columnmenu-item-wrapper">
120
- <div className="k-expander">
121
- <div className="k-columnmenu-item">
122
- <Icon icon="set-column-position" />Set Column Position
123
- <span className="k-spacer"></span>
124
- <Icon className="k-expander-indicator" icon="chevron-down" />
125
- </div>
113
+ <div className="k-columnmenu-item">
114
+ <Icon icon="display-inline-flex" />Autosize All Columns
115
+ </div>
116
+ </div>
117
+ <div className="k-columnmenu-item-wrapper">
118
+ <div className="k-expander">
119
+ <div className="k-columnmenu-item">
120
+ <Icon icon="set-column-position" />Set Column Position
121
+ <span className="k-spacer"></span>
122
+ <Icon className="k-expander-indicator" icon="chevron-down" />
126
123
  </div>
127
124
  </div>
128
125
  </div>
129
126
  </div>
130
127
  </div>
131
- </div>
128
+ </Popup>
132
129
  </section>
133
130
 
134
131
  <section>
135
- <div className="k-animation-container">
136
- <div className="k-column-menu k-column-menu-tabbed k-popup k-grid-columnmenu-popup">
137
- <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
138
- <div className="k-tabstrip-items-wrapper k-hstack">
139
- <ul className="k-reset k-tabstrip-items">
140
- <li className="k-item">
141
- <span className="k-link">
142
- <Icon icon="filter" />
143
- </span>
144
- </li>
145
- <li className="k-item">
146
- <span className="k-link">
147
- <Icon icon="more-horizontal" />
148
- </span>
149
- </li>
150
- <li className="k-item k-active">
151
- <span className="k-link">
152
- <Icon icon="columns" />
153
- </span>
154
- </li>
155
- </ul>
156
- </div>
157
- <div className="k-tabstrip-content k-active">
158
- <form className="k-filter-menu k-group k-reset">
159
- <div className="k-filter-menu-container">
160
- <Searchbox placeholder="Search..." />
161
- <ul className="k-reset k-multicheck-wrap">
162
- <li className="k-item k-check-all-wrap">
163
- <label className="k-label k-checkbox-label">
164
- <Checkbox /><span>(Select all)</span>
165
- </label>
166
- </li>
167
- <li className="k-item">
168
- <label className="k-label k-checkbox-label">
169
- <Checkbox /><span>Column Name</span>
170
- </label>
171
- </li>
172
- <li className="k-item">
173
- <label className="k-label k-checkbox-label">
174
- <Checkbox /><span>Column Name</span>
175
- </label>
176
- </li>
177
- <li className="k-item">
178
- <label className="k-label k-checkbox-label">
179
- <Checkbox /><span>Column Name</span>
180
- </label>
181
- </li>
182
- <li className="k-item">
183
- <label className="k-label k-checkbox-label">
184
- <Checkbox /><span>Column Name</span>
185
- </label>
186
- </li>
187
- <li className="k-item">
188
- <label className="k-label k-checkbox-label">
189
- <Checkbox /><span>Column Name</span>
190
- </label>
191
- </li>
192
- <li className="k-item">
193
- <label className="k-label k-checkbox-label">
194
- <Checkbox /><span>Column Name</span>
195
- </label>
196
- </li>
197
- <li className="k-item">
198
- <label className="k-label k-checkbox-label">
199
- <Checkbox /><span>Column Name</span>
200
- </label>
201
- </li>
202
- <li className="k-item">
203
- <label className="k-label k-checkbox-label">
204
- <Checkbox /><span>Column Name</span>
205
- </label>
206
- </li>
207
- <li className="k-item">
208
- <label className="k-label k-checkbox-label">
209
- <Checkbox /><span>Column Name</span>
210
- </label>
211
- </li>
212
- <li className="k-item">
213
- <label className="k-label k-checkbox-label">
214
- <Checkbox /><span>Column Name</span>
215
- </label>
216
- </li>
217
- <li className="k-item">
218
- <label className="k-label k-checkbox-label">
219
- <Checkbox /><span>Column Name</span>
220
- </label>
221
- </li>
222
- <li className="k-item">
223
- <label className="k-label k-checkbox-label">
224
- <Checkbox /><span>Column Name</span>
225
- </label>
226
- </li>
227
- <li className="k-item">
228
- <label className="k-label k-checkbox-label">
229
- <Checkbox /><span>Column Name</span>
230
- </label>
231
- </li>
232
- <li className="k-item">
233
- <label className="k-label k-checkbox-label">
234
- <Checkbox /><span>Column Name</span>
235
- </label>
236
- </li>
237
- <li className="k-item">
238
- <label className="k-label k-checkbox-label">
239
- <Checkbox /><span>Column Name</span>
240
- </label>
241
- </li>
242
- </ul>
243
- <div className="k-filter-selected-items">0 selected items</div>
244
- <ActionButtons>
245
- <Button themeColor="primary">Apply</Button>
246
- <Button>Reset</Button>
247
- </ActionButtons>
248
- </div>
249
- </form>
250
- </div>
132
+ <Popup className="k-column-menu k-column-menu-tabbed k-grid-columnmenu-popup">
133
+ <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
134
+ <div className="k-tabstrip-items-wrapper k-hstack">
135
+ <ul className="k-reset k-tabstrip-items">
136
+ <li className="k-item">
137
+ <span className="k-link">
138
+ <Icon icon="filter" />
139
+ </span>
140
+ </li>
141
+ <li className="k-item">
142
+ <span className="k-link">
143
+ <Icon icon="more-horizontal" />
144
+ </span>
145
+ </li>
146
+ <li className="k-item k-active">
147
+ <span className="k-link">
148
+ <Icon icon="columns" />
149
+ </span>
150
+ </li>
151
+ </ul>
152
+ </div>
153
+ <div className="k-tabstrip-content k-active">
154
+ <form className="k-filter-menu k-group k-reset">
155
+ <div className="k-filter-menu-container">
156
+ <Searchbox placeholder="Search..." />
157
+ <ul className="k-reset k-multicheck-wrap">
158
+ <li className="k-item k-check-all-wrap">
159
+ <label className="k-label k-checkbox-label">
160
+ <Checkbox /><span>(Select all)</span>
161
+ </label>
162
+ </li>
163
+ <li className="k-item">
164
+ <label className="k-label k-checkbox-label">
165
+ <Checkbox /><span>Column Name</span>
166
+ </label>
167
+ </li>
168
+ <li className="k-item">
169
+ <label className="k-label k-checkbox-label">
170
+ <Checkbox /><span>Column Name</span>
171
+ </label>
172
+ </li>
173
+ <li className="k-item">
174
+ <label className="k-label k-checkbox-label">
175
+ <Checkbox /><span>Column Name</span>
176
+ </label>
177
+ </li>
178
+ <li className="k-item">
179
+ <label className="k-label k-checkbox-label">
180
+ <Checkbox /><span>Column Name</span>
181
+ </label>
182
+ </li>
183
+ <li className="k-item">
184
+ <label className="k-label k-checkbox-label">
185
+ <Checkbox /><span>Column Name</span>
186
+ </label>
187
+ </li>
188
+ <li className="k-item">
189
+ <label className="k-label k-checkbox-label">
190
+ <Checkbox /><span>Column Name</span>
191
+ </label>
192
+ </li>
193
+ <li className="k-item">
194
+ <label className="k-label k-checkbox-label">
195
+ <Checkbox /><span>Column Name</span>
196
+ </label>
197
+ </li>
198
+ <li className="k-item">
199
+ <label className="k-label k-checkbox-label">
200
+ <Checkbox /><span>Column Name</span>
201
+ </label>
202
+ </li>
203
+ <li className="k-item">
204
+ <label className="k-label k-checkbox-label">
205
+ <Checkbox /><span>Column Name</span>
206
+ </label>
207
+ </li>
208
+ <li className="k-item">
209
+ <label className="k-label k-checkbox-label">
210
+ <Checkbox /><span>Column Name</span>
211
+ </label>
212
+ </li>
213
+ <li className="k-item">
214
+ <label className="k-label k-checkbox-label">
215
+ <Checkbox /><span>Column Name</span>
216
+ </label>
217
+ </li>
218
+ <li className="k-item">
219
+ <label className="k-label k-checkbox-label">
220
+ <Checkbox /><span>Column Name</span>
221
+ </label>
222
+ </li>
223
+ <li className="k-item">
224
+ <label className="k-label k-checkbox-label">
225
+ <Checkbox /><span>Column Name</span>
226
+ </label>
227
+ </li>
228
+ <li className="k-item">
229
+ <label className="k-label k-checkbox-label">
230
+ <Checkbox /><span>Column Name</span>
231
+ </label>
232
+ </li>
233
+ <li className="k-item">
234
+ <label className="k-label k-checkbox-label">
235
+ <Checkbox /><span>Column Name</span>
236
+ </label>
237
+ </li>
238
+ </ul>
239
+ <div className="k-filter-selected-items">0 selected items</div>
240
+ <ActionButtons>
241
+ <Button themeColor="primary">Apply</Button>
242
+ <Button>Reset</Button>
243
+ </ActionButtons>
244
+ </div>
245
+ </form>
251
246
  </div>
252
247
  </div>
253
- </div>
248
+ </Popup>
254
249
  </section>
255
250
 
256
251
  <span>2 Tab Set</span>
@@ -258,74 +253,70 @@ export default () =>(
258
253
  <span></span>
259
254
 
260
255
  <section>
261
- <div className="k-animation-container">
262
- <div className="k-column-menu k-column-menu-tabbed k-popup k-grid-columnmenu-popup">
263
- <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
264
- <div className="k-tabstrip-items-wrapper k-hstack">
265
- <ul className="k-reset k-tabstrip-items">
266
- <li className="k-item k-active">
267
- <span className="k-link">
268
- <Icon icon="filter" />
269
- </span>
270
- </li>
271
- <li className="k-item">
272
- <span className="k-link">
273
- <Icon icon="more-horizontal" />
274
- </span>
275
- </li>
276
- </ul>
277
- </div>
278
- <div className="k-tabstrip-content k-active">
279
- <form className="k-filter-menu k-group k-reset">
280
- <div className="k-filter-menu-container">
281
- <DropdownList value="Contains" />
282
- <Textbox placeholder="Filter..." />
283
- <DropdownList value="And" className="k-filter-and" />
284
- <DropdownList value="Contains" />
285
- <Textbox placeholder="Filter..." />
286
- <ActionButtons>
287
- <Button themeColor="primary">Filter</Button>
288
- <Button>Clear</Button>
289
- </ActionButtons>
290
- </div>
291
- </form>
292
- </div>
256
+ <Popup className="k-column-menu k-column-menu-tabbed k-grid-columnmenu-popup">
257
+ <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
258
+ <div className="k-tabstrip-items-wrapper k-hstack">
259
+ <ul className="k-reset k-tabstrip-items">
260
+ <li className="k-item k-active">
261
+ <span className="k-link">
262
+ <Icon icon="filter" />
263
+ </span>
264
+ </li>
265
+ <li className="k-item">
266
+ <span className="k-link">
267
+ <Icon icon="more-horizontal" />
268
+ </span>
269
+ </li>
270
+ </ul>
271
+ </div>
272
+ <div className="k-tabstrip-content k-active">
273
+ <form className="k-filter-menu k-group k-reset">
274
+ <div className="k-filter-menu-container">
275
+ <DropdownList value="Contains" />
276
+ <Textbox placeholder="Filter..." />
277
+ <DropdownList value="And" className="k-filter-and" />
278
+ <DropdownList value="Contains" />
279
+ <Textbox placeholder="Filter..." />
280
+ <ActionButtons>
281
+ <Button themeColor="primary">Filter</Button>
282
+ <Button>Clear</Button>
283
+ </ActionButtons>
284
+ </div>
285
+ </form>
293
286
  </div>
294
287
  </div>
295
- </div>
288
+ </Popup>
296
289
  </section>
297
290
 
298
291
  <section>
299
- <div className="k-animation-container">
300
- <div className="k-column-menu k-column-menu-tabbed k-popup k-grid-columnmenu-popup">
301
- <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
302
- <div className="k-tabstrip-items-wrapper k-hstack">
303
- <ul className="k-reset k-tabstrip-items">
304
- <li className="k-item k-active">
305
- <span className="k-link">
306
- <Icon icon="filter" />
307
- </span>
308
- </li>
309
- </ul>
310
- </div>
311
- <div className="k-tabstrip-content k-active">
312
- <form className="k-filter-menu k-group k-reset">
313
- <div className="k-filter-menu-container">
314
- <DropdownList value="Contains" />
315
- <Textbox placeholder="Filter..." />
316
- <DropdownList value="And" className="k-filter-and" />
317
- <DropdownList value="Contains" />
318
- <Textbox placeholder="Filter..." />
319
- <ActionButtons>
320
- <Button themeColor="primary">Filter</Button>
321
- <Button>Clear</Button>
322
- </ActionButtons>
323
- </div>
324
- </form>
325
- </div>
292
+ <Popup className="k-column-menu k-column-menu-tabbed k-grid-columnmenu-popup">
293
+ <div className="k-tabstrip k-tabstrip-top k-overflow-hidden">
294
+ <div className="k-tabstrip-items-wrapper k-hstack">
295
+ <ul className="k-reset k-tabstrip-items">
296
+ <li className="k-item k-active">
297
+ <span className="k-link">
298
+ <Icon icon="filter" />
299
+ </span>
300
+ </li>
301
+ </ul>
302
+ </div>
303
+ <div className="k-tabstrip-content k-active">
304
+ <form className="k-filter-menu k-group k-reset">
305
+ <div className="k-filter-menu-container">
306
+ <DropdownList value="Contains" />
307
+ <Textbox placeholder="Filter..." />
308
+ <DropdownList value="And" className="k-filter-and" />
309
+ <DropdownList value="Contains" />
310
+ <Textbox placeholder="Filter..." />
311
+ <ActionButtons>
312
+ <Button themeColor="primary">Filter</Button>
313
+ <Button>Clear</Button>
314
+ </ActionButtons>
315
+ </div>
316
+ </form>
326
317
  </div>
327
318
  </div>
328
- </div>
319
+ </Popup>
329
320
  </section>
330
321
 
331
322
  </div>