@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/menu/tests/menu-popup-size.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  import { MenuList, MenuItem } from '../../menu';
2
+ import { Popup } from '../../popup';
2
3
 
3
4
 
4
5
  const style = `
@@ -24,122 +25,104 @@ export default () =>(
24
25
 
25
26
  <span>no arrow</span>
26
27
  <section>
27
- <div className="k-animation-container">
28
- <div className="k-popup k-menu-popup">
29
- <MenuList size="small">
30
- <MenuItem text="Normal"></MenuItem>
31
- <MenuItem text="Hover" hover></MenuItem>
32
- <MenuItem text="Focus" focus></MenuItem>
33
- <MenuItem text="Active" active></MenuItem>
34
- <MenuItem text="Focus & Active" active focus></MenuItem>
35
- <MenuItem text="Disabled" disabled></MenuItem>
36
- </MenuList>
37
- </div>
38
- </div>
28
+ <Popup className="k-menu-popup">
29
+ <MenuList size="small">
30
+ <MenuItem text="Normal"></MenuItem>
31
+ <MenuItem text="Hover" hover></MenuItem>
32
+ <MenuItem text="Focus" focus></MenuItem>
33
+ <MenuItem text="Active" active></MenuItem>
34
+ <MenuItem text="Focus & Active" active focus></MenuItem>
35
+ <MenuItem text="Disabled" disabled></MenuItem>
36
+ </MenuList>
37
+ </Popup>
39
38
  </section>
40
39
 
41
40
  <section>
42
- <div className="k-animation-container">
43
- <div className="k-popup k-menu-popup">
44
- <MenuList>
45
- <MenuItem text="Normal"></MenuItem>
46
- <MenuItem text="Hover" hover></MenuItem>
47
- <MenuItem text="Focus" focus></MenuItem>
48
- <MenuItem text="Active" active></MenuItem>
49
- <MenuItem text="Focus & Active" active focus></MenuItem>
50
- <MenuItem text="Disabled" disabled></MenuItem>
51
- </MenuList>
52
- </div>
53
- </div>
41
+ <Popup className="k-menu-popup">
42
+ <MenuList>
43
+ <MenuItem text="Normal"></MenuItem>
44
+ <MenuItem text="Hover" hover></MenuItem>
45
+ <MenuItem text="Focus" focus></MenuItem>
46
+ <MenuItem text="Active" active></MenuItem>
47
+ <MenuItem text="Focus & Active" active focus></MenuItem>
48
+ <MenuItem text="Disabled" disabled></MenuItem>
49
+ </MenuList>
50
+ </Popup>
54
51
  </section>
55
52
 
56
53
  <section>
57
- <div className="k-animation-container">
58
- <div className="k-popup k-menu-popup">
59
- <MenuList size="large">
60
- <MenuItem text="Normal"></MenuItem>
61
- <MenuItem text="Hover" hover></MenuItem>
62
- <MenuItem text="Focus" focus></MenuItem>
63
- <MenuItem text="Active" active></MenuItem>
64
- <MenuItem text="Focus & Active" active focus></MenuItem>
65
- <MenuItem text="Disabled" disabled></MenuItem>
66
- </MenuList>
67
- </div>
68
- </div>
54
+ <Popup className="k-menu-popup">
55
+ <MenuList size="large">
56
+ <MenuItem text="Normal"></MenuItem>
57
+ <MenuItem text="Hover" hover></MenuItem>
58
+ <MenuItem text="Focus" focus></MenuItem>
59
+ <MenuItem text="Active" active></MenuItem>
60
+ <MenuItem text="Focus & Active" active focus></MenuItem>
61
+ <MenuItem text="Disabled" disabled></MenuItem>
62
+ </MenuList>
63
+ </Popup>
69
64
  </section>
70
65
 
71
66
  <span>default arrow</span>
72
67
  <section>
73
- <div className="k-animation-container">
74
- <div className="k-popup k-menu-popup">
75
- <MenuList size="small">
76
- <MenuItem text="Normal" showArrow></MenuItem>
77
- <MenuItem text="No arrow"></MenuItem>
78
- <MenuItem text="With icon" icon="folder" showArrow></MenuItem>
79
- </MenuList>
80
- </div>
81
- </div>
68
+ <Popup className="k-menu-popup">
69
+ <MenuList size="small">
70
+ <MenuItem text="Normal" showArrow></MenuItem>
71
+ <MenuItem text="No arrow"></MenuItem>
72
+ <MenuItem text="With icon" icon="folder" showArrow></MenuItem>
73
+ </MenuList>
74
+ </Popup>
82
75
  </section>
83
76
 
84
77
  <section>
85
- <div className="k-animation-container">
86
- <div className="k-popup k-menu-popup">
87
- <MenuList>
88
- <MenuItem text="Normal" showArrow></MenuItem>
89
- <MenuItem text="No arrow"></MenuItem>
90
- <MenuItem text="With icon" icon="folder" showArrow></MenuItem>
91
- </MenuList>
92
- </div>
93
- </div>
78
+ <Popup className="k-menu-popup">
79
+ <MenuList>
80
+ <MenuItem text="Normal" showArrow></MenuItem>
81
+ <MenuItem text="No arrow"></MenuItem>
82
+ <MenuItem text="With icon" icon="folder" showArrow></MenuItem>
83
+ </MenuList>
84
+ </Popup>
94
85
  </section>
95
86
 
96
87
  <section>
97
- <div className="k-animation-container">
98
- <div className="k-popup k-menu-popup">
99
- <MenuList size="large">
100
- <MenuItem text="Normal" showArrow></MenuItem>
101
- <MenuItem text="No arrow"></MenuItem>
102
- <MenuItem text="With icon" icon="folder" showArrow></MenuItem>
103
- </MenuList>
104
- </div>
105
- </div>
88
+ <Popup className="k-menu-popup">
89
+ <MenuList size="large">
90
+ <MenuItem text="Normal" showArrow></MenuItem>
91
+ <MenuItem text="No arrow"></MenuItem>
92
+ <MenuItem text="With icon" icon="folder" showArrow></MenuItem>
93
+ </MenuList>
94
+ </Popup>
106
95
  </section>
107
96
 
108
97
  <span>custom arrow</span>
109
98
  <section>
110
- <div className="k-animation-container">
111
- <div className="k-popup k-menu-popup">
112
- <MenuList size="small">
113
- <MenuItem text="Normal" showArrow arrowIconName="chevron-right"></MenuItem>
114
- <MenuItem text="No arrow"></MenuItem>
115
- <MenuItem text="With icon" icon="folder" showArrow arrowIconName="chevron-right"></MenuItem>
116
- </MenuList>
117
- </div>
118
- </div>
99
+ <Popup className="k-menu-popup">
100
+ <MenuList size="small">
101
+ <MenuItem text="Normal" showArrow arrowIconName="chevron-right"></MenuItem>
102
+ <MenuItem text="No arrow"></MenuItem>
103
+ <MenuItem text="With icon" icon="folder" showArrow arrowIconName="chevron-right"></MenuItem>
104
+ </MenuList>
105
+ </Popup>
119
106
  </section>
120
107
 
121
108
  <section>
122
- <div className="k-animation-container">
123
- <div className="k-popup k-menu-popup">
124
- <MenuList>
125
- <MenuItem text="Normal" showArrow arrowIconName="chevron-right"></MenuItem>
126
- <MenuItem text="No arrow"></MenuItem>
127
- <MenuItem text="With icon" icon="folder" showArrow arrowIconName="chevron-right"></MenuItem>
128
- </MenuList>
129
- </div>
130
- </div>
109
+ <Popup className="k-menu-popup">
110
+ <MenuList>
111
+ <MenuItem text="Normal" showArrow arrowIconName="chevron-right"></MenuItem>
112
+ <MenuItem text="No arrow"></MenuItem>
113
+ <MenuItem text="With icon" icon="folder" showArrow arrowIconName="chevron-right"></MenuItem>
114
+ </MenuList>
115
+ </Popup>
131
116
  </section>
132
117
 
133
118
  <section>
134
- <div className="k-animation-container">
135
- <div className="k-popup k-menu-popup">
136
- <MenuList size="large">
137
- <MenuItem text="Normal" showArrow arrowIconName="chevron-right"></MenuItem>
138
- <MenuItem text="No arrow"></MenuItem>
139
- <MenuItem text="With icon" icon="folder" showArrow arrowIconName="chevron-right"></MenuItem>
140
- </MenuList>
141
- </div>
142
- </div>
119
+ <Popup className="k-menu-popup">
120
+ <MenuList size="large">
121
+ <MenuItem text="Normal" showArrow arrowIconName="chevron-right"></MenuItem>
122
+ <MenuItem text="No arrow"></MenuItem>
123
+ <MenuItem text="With icon" icon="folder" showArrow arrowIconName="chevron-right"></MenuItem>
124
+ </MenuList>
125
+ </Popup>
143
126
  </section>
144
127
 
145
128
  </div>
package/src/menu/tests/menu.tsx CHANGED
@@ -46,18 +46,16 @@ export default () =>(
46
46
  <Icon icon="caret-alt-down"></Icon>
47
47
  </span>
48
48
  </span>
49
- <div className="k-animation-container k-animation-container-fixed k-animation-container-shown">
50
- <Popup className="k-menu-popup">
51
- <MenuList>
52
- <MenuItem text="Disabled" disabled></MenuItem>
53
- <MenuItem text="Normal"></MenuItem>
54
- <MenuItem text="Hover" hover showArrow></MenuItem>
55
- <MenuItem text="Active" active showArrow></MenuItem>
56
- <MenuItem text="Focus" focus></MenuItem>
57
- <MenuItem text="Focus & Active" active focus></MenuItem>
58
- </MenuList>
59
- </Popup>
60
- </div>
49
+ <Popup className="k-menu-popup" positionMode="fixed">
50
+ <MenuList>
51
+ <MenuItem text="Disabled" disabled></MenuItem>
52
+ <MenuItem text="Normal"></MenuItem>
53
+ <MenuItem text="Hover" hover showArrow></MenuItem>
54
+ <MenuItem text="Active" active showArrow></MenuItem>
55
+ <MenuItem text="Focus" focus></MenuItem>
56
+ <MenuItem text="Focus & Active" active focus></MenuItem>
57
+ </MenuList>
58
+ </Popup>
61
59
  </li>
62
60
  <li className="k-item k-menu-item k-focus">
63
61
  <span className="k-link k-menu-link">
@@ -126,18 +124,16 @@ export default () =>(
126
124
  <Icon icon="caret-alt-down"></Icon>
127
125
  </span>
128
126
  </span>
129
- <div className="k-animation-container k-animation-container-fixed k-animation-container-shown">
130
- <Popup className="k-menu-popup">
131
- <MenuList dir="rtl">
132
- <MenuItem text="Disabled" disabled></MenuItem>
133
- <MenuItem text="Normal"></MenuItem>
134
- <MenuItem text="Hover" hover showArrow></MenuItem>
135
- <MenuItem text="Active" active showArrow></MenuItem>
136
- <MenuItem text="Focus" focus></MenuItem>
137
- <MenuItem text="Focus & Active" active focus></MenuItem>
138
- </MenuList>
139
- </Popup>
140
- </div>
127
+ <Popup className="k-menu-popup" positionMode="fixed">
128
+ <MenuList dir="rtl">
129
+ <MenuItem text="Disabled" disabled></MenuItem>
130
+ <MenuItem text="Normal"></MenuItem>
131
+ <MenuItem text="Hover" hover showArrow></MenuItem>
132
+ <MenuItem text="Active" active showArrow></MenuItem>
133
+ <MenuItem text="Focus" focus></MenuItem>
134
+ <MenuItem text="Focus & Active" active focus></MenuItem>
135
+ </MenuList>
136
+ </Popup>
141
137
  </li>
142
138
  <li className="k-item k-menu-item k-focus">
143
139
  <span className="k-link k-menu-link">
package/src/multiselect/multiselect.spec.tsx CHANGED
@@ -137,7 +137,7 @@ export const MultiSelect = (
137
137
  )}
138
138
  </Input>
139
139
  { opened && popup &&
140
- <Popup className="k-multiselect-popup">
140
+ <Popup className="k-list-container k-multiselect-popup">
141
141
  {popup}
142
142
  </Popup>
143
143
  }
package/src/multiselect/tests/multiselect-opened.tsx CHANGED
@@ -7,6 +7,10 @@ const styles = `
7
7
  #test-area {
8
8
  grid-template-columns: 160px repeat(2, 300px);
9
9
  }
10
+
11
+ .k-animation-container {
12
+ position: relative;
13
+ }
10
14
  `;
11
15
 
12
16
  export default () =>(
package/src/multiselecttree/tests/multiselecttree-opened.tsx CHANGED
@@ -10,6 +10,10 @@ const styles = `
10
10
  #test-area {
11
11
  grid-template-columns: 160px repeat(2, 300px);
12
12
  }
13
+
14
+ .k-animation-container {
15
+ position: relative;
16
+ }
13
17
  `;
14
18
 
15
19
  export default () =>(
package/src/notification/tests/notification-jquery.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Notification, NotificationAction } from '../../notification';
2
+ import { AnimationContainer } from '../../animation-container';
2
3
 
3
4
 
4
5
  const styles = `
@@ -24,126 +25,126 @@ export default () =>(
24
25
  <span className="k-colspan-all k-col-span-full">LTR</span>
25
26
 
26
27
  <div>
27
- <div className="k-animation-container">
28
+ <AnimationContainer>
28
29
  <Notification text="Default notification" />
29
- </div>
30
+ </AnimationContainer>
30
31
  </div>
31
32
  <div>
32
- <div className="k-animation-container">
33
+ <AnimationContainer>
33
34
  <Notification closable={true} text="Closable notification" actions={ <NotificationAction type="close" /> } />
34
- </div>
35
+ </AnimationContainer>
35
36
  </div>
36
37
  <div>
37
- <div className="k-animation-container">
38
+ <AnimationContainer>
38
39
  <Notification themeColor="primary" text="Primary notification" />
39
- </div>
40
+ </AnimationContainer>
40
41
  </div>
41
42
  <div>
42
- <div className="k-animation-container">
43
+ <AnimationContainer>
43
44
  <Notification themeColor="secondary" text="Secondary notification" />
44
- </div>
45
+ </AnimationContainer>
45
46
  </div>
46
47
  <div>
47
- <div className="k-animation-container">
48
+ <AnimationContainer>
48
49
  <Notification themeColor="tertiary" text="Tertiary notification" />
49
- </div>
50
+ </AnimationContainer>
50
51
  </div>
51
52
  <div>
52
- <div className="k-animation-container">
53
+ <AnimationContainer>
53
54
  <Notification themeColor="info" text="Info notification" icon="info-circle" />
54
- </div>
55
+ </AnimationContainer>
55
56
  </div>
56
57
  <div>
57
- <div className="k-animation-container">
58
+ <AnimationContainer>
58
59
  <Notification themeColor="success" text="Success notification" icon="check-outline" />
59
- </div>
60
+ </AnimationContainer>
60
61
  </div>
61
62
  <div>
62
- <div className="k-animation-container">
63
+ <AnimationContainer>
63
64
  <Notification themeColor="warning" text="Warning notification" icon="exclamation-circle" />
64
- </div>
65
+ </AnimationContainer>
65
66
  </div>
66
67
  <div>
67
- <div className="k-animation-container">
68
+ <AnimationContainer>
68
69
  <Notification themeColor="error" text="Error notification" icon="x-outline" />
69
- </div>
70
+ </AnimationContainer>
70
71
  </div>
71
72
  <div>
72
- <div className="k-animation-container">
73
+ <AnimationContainer>
73
74
  <Notification themeColor="dark" text="Dark notification" />
74
- </div>
75
+ </AnimationContainer>
75
76
  </div>
76
77
  <div>
77
- <div className="k-animation-container">
78
+ <AnimationContainer>
78
79
  <Notification themeColor="light" text="Light notification" />
79
- </div>
80
+ </AnimationContainer>
80
81
  </div>
81
82
  <div>
82
- <div className="k-animation-container">
83
+ <AnimationContainer>
83
84
  <Notification themeColor="inverse" text="Inverse notification" />
84
- </div>
85
+ </AnimationContainer>
85
86
  </div>
86
87
 
87
88
  <span className="k-colspan-all k-col-span-full">RTL</span>
88
89
  <div dir="rtl">
89
- <div className="k-animation-container">
90
+ <AnimationContainer>
90
91
  <Notification text="Default notification" />
91
- </div>
92
+ </AnimationContainer>
92
93
  </div>
93
94
  <div dir="rtl">
94
- <div className="k-animation-container">
95
+ <AnimationContainer>
95
96
  <Notification closable={true} text="Closable notification" actions={ <NotificationAction type="close" /> } />
96
- </div>
97
+ </AnimationContainer>
97
98
  </div>
98
99
  <div dir="rtl">
99
- <div className="k-animation-container">
100
+ <AnimationContainer>
100
101
  <Notification themeColor="primary" text="Primary notification" />
101
- </div>
102
+ </AnimationContainer>
102
103
  </div>
103
104
  <div dir="rtl">
104
- <div className="k-animation-container">
105
+ <AnimationContainer>
105
106
  <Notification themeColor="secondary" text="Secondary notification" />
106
- </div>
107
+ </AnimationContainer>
107
108
  </div>
108
109
  <div dir="rtl">
109
- <div className="k-animation-container">
110
+ <AnimationContainer>
110
111
  <Notification themeColor="tertiary" text="Tertiary notification" />
111
- </div>
112
+ </AnimationContainer>
112
113
  </div>
113
114
  <div dir="rtl">
114
- <div className="k-animation-container">
115
+ <AnimationContainer>
115
116
  <Notification themeColor="info" text="Info notification" icon="info-circle" />
116
- </div>
117
+ </AnimationContainer>
117
118
  </div>
118
119
  <div dir="rtl">
119
- <div className="k-animation-container">
120
+ <AnimationContainer>
120
121
  <Notification themeColor="success" text="Success notification" icon="check-outline" />
121
- </div>
122
+ </AnimationContainer>
122
123
  </div>
123
124
  <div dir="rtl">
124
- <div className="k-animation-container">
125
+ <AnimationContainer>
125
126
  <Notification themeColor="warning" text="Warning notification" icon="exclamation-circle" />
126
- </div>
127
+ </AnimationContainer>
127
128
  </div>
128
129
  <div dir="rtl">
129
- <div className="k-animation-container">
130
+ <AnimationContainer>
130
131
  <Notification themeColor="error" text="Error notification" icon="x-outline" />
131
- </div>
132
+ </AnimationContainer>
132
133
  </div>
133
134
  <div dir="rtl">
134
- <div className="k-animation-container">
135
+ <AnimationContainer>
135
136
  <Notification themeColor="dark" text="Dark notification" />
136
- </div>
137
+ </AnimationContainer>
137
138
  </div>
138
139
  <div dir="rtl">
139
- <div className="k-animation-container">
140
+ <AnimationContainer>
140
141
  <Notification themeColor="light" text="Light notification" />
141
- </div>
142
+ </AnimationContainer>
142
143
  </div>
143
144
  <div dir="rtl">
144
- <div className="k-animation-container">
145
+ <AnimationContainer>
145
146
  <Notification themeColor="inverse" text="Inverse notification" />
146
- </div>
147
+ </AnimationContainer>
147
148
  </div>
148
149
 
149
150
  </div>