@progress/kendo-themes-html 7.0.1-dev.1 → 7.0.2-dev.0

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 (345) hide show
  1. package/dist/cjs/appbar/templates/appbar-normal.js +4367 -0
  2. package/dist/cjs/appbar/tests/appbar-rtl.js +5011 -0
  3. package/dist/cjs/appbar/tests/appbar.js +123 -310
  4. package/dist/cjs/bottom-nav/bottom-nav.spec.js +41 -3
  5. package/dist/cjs/bottom-nav/templates/bottom-nav-icons.js +4436 -0
  6. package/dist/cjs/bottom-nav/templates/bottom-nav-links.js +4436 -0
  7. package/dist/cjs/bottom-nav/templates/bottom-nav-normal.js +4436 -0
  8. package/dist/cjs/bottom-nav/tests/{bottom-nav-colors.js → bottom-nav-flat.js} +51 -182
  9. package/dist/cjs/bottom-nav/tests/bottom-nav-items.js +70 -44
  10. package/dist/cjs/bottom-nav/tests/bottom-nav-rtl.js +47 -21
  11. package/dist/cjs/bottom-nav/tests/bottom-nav-solid.js +4461 -0
  12. package/dist/cjs/bottom-nav/tests/bottom-nav.js +83 -35
  13. package/dist/cjs/daterangepicker/daterangepicker.spec.js +410 -289
  14. package/dist/cjs/daterangepicker/templates/daterangepicker-adaptive.js +412 -291
  15. package/dist/cjs/daterangepicker/templates/daterangepicker-normal.js +412 -291
  16. package/dist/cjs/daterangepicker/templates/daterangepicker-popup.js +412 -291
  17. package/dist/cjs/daterangepicker/tests/daterangepicker-adaptive.js +422 -301
  18. package/dist/cjs/daterangepicker/tests/daterangepicker-flat.js +431 -310
  19. package/dist/cjs/daterangepicker/tests/daterangepicker-opened.js +422 -301
  20. package/dist/cjs/daterangepicker/tests/daterangepicker-outline.js +431 -310
  21. package/dist/cjs/daterangepicker/tests/daterangepicker-size-rounded.js +425 -304
  22. package/dist/cjs/daterangepicker/tests/daterangepicker-solid.js +431 -310
  23. package/dist/cjs/dialog/templates/dialog-normal.js +5 -3
  24. package/dist/cjs/dialog/tests/dialog-action-buttons.js +5 -3
  25. package/dist/cjs/dialog/tests/dialog-theme-colors.js +5 -3
  26. package/dist/cjs/dialog/tests/dialog.js +5 -3
  27. package/dist/cjs/dock-manager/tests/dock-manager-unpinned-pane.js +72 -60
  28. package/dist/cjs/dock-manager/tests/dock-manager.js +74 -62
  29. package/dist/cjs/editor/editor-toolbar.js +18 -6
  30. package/dist/cjs/editor/templates/editor-normal.js +7678 -3
  31. package/dist/cjs/editor/tests/editor-find-replace.js +119 -91
  32. package/dist/cjs/editor/tests/editor-states.js +51 -23
  33. package/dist/cjs/editor/tests/editor.js +232 -213
  34. package/dist/cjs/expansion-panel/expansion-panel.spec.js +3 -1
  35. package/dist/cjs/expansion-panel/templates/expansion-panel-expanded.js +4386 -0
  36. package/dist/cjs/expansion-panel/templates/expansion-panel-normal.js +4385 -0
  37. package/dist/cjs/expansion-panel/tests/expansion-panel-rtl.js +37 -11
  38. package/dist/cjs/expansion-panel/tests/expansion-panel.js +37 -11
  39. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +65 -53
  40. package/dist/cjs/filemanager/tests/filemanager-dialogs.js +5 -3
  41. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +65 -53
  42. package/dist/cjs/filemanager/tests/filemanager-gridview.js +130 -118
  43. package/dist/cjs/filemanager/tests/filemanager-listview.js +84 -72
  44. package/dist/cjs/filemanager/tests/filemanager-preview.js +183 -171
  45. package/dist/cjs/filter/templates/filter-normal.js +8429 -0
  46. package/dist/cjs/filter/tests/filter.js +139 -67
  47. package/dist/cjs/floating-label/templates/floating-label-normal.js +4793 -2
  48. package/dist/cjs/floating-label/tests/floating-label-flat.js +76 -67
  49. package/dist/cjs/floating-label/tests/floating-label-outline.js +76 -67
  50. package/dist/cjs/floating-label/tests/floating-label-solid.js +76 -67
  51. package/dist/cjs/form/tests/form-field-dateinputs.js +318 -211
  52. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +52 -40
  53. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +95 -83
  54. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +52 -40
  55. package/dist/cjs/gantt/tests/gantt-react.js +384 -372
  56. package/dist/cjs/gantt/tests/gantt-row-reordering.js +689 -677
  57. package/dist/cjs/gantt/tests/gantt.js +664 -652
  58. package/dist/cjs/grid/tests/grid-adaptive-search.js +25 -13
  59. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +125 -113
  60. package/dist/cjs/grid/tests/grid-column-reordering.js +130 -118
  61. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +150 -138
  62. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +90 -78
  63. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +88 -76
  64. package/dist/cjs/grid/tests/grid-editing.js +108 -96
  65. package/dist/cjs/grid/tests/grid-filter-row-angular.js +116 -104
  66. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +111 -99
  67. package/dist/cjs/grid/tests/grid-grouping-actions.js +91 -79
  68. package/dist/cjs/grid/tests/grid-grouping.js +207 -195
  69. package/dist/cjs/grid/tests/grid-row-reordering.js +114 -102
  70. package/dist/cjs/grid/tests/grid-rows-resizing.js +112 -100
  71. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +216 -204
  72. package/dist/cjs/grid/tests/grid-size-sm.js +216 -204
  73. package/dist/cjs/grid/tests/grid-toolbar.js +85 -73
  74. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +80 -68
  75. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +68 -56
  76. package/dist/cjs/imageeditor/tests/imageeditor.js +35 -23
  77. package/dist/cjs/index.js +1996 -1429
  78. package/dist/cjs/listview/templates/listview-normal.js +13 -1
  79. package/dist/cjs/listview/tests/listview-layout.js +13 -1
  80. package/dist/cjs/listview/tests/listview-states.js +13 -1
  81. package/dist/cjs/listview/tests/listview.js +13 -1
  82. package/dist/cjs/mediaplayer/tests/mediaplayer.js +38 -26
  83. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -52
  84. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +69 -57
  85. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +58 -46
  86. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +98 -86
  87. package/dist/cjs/popover/templates/popover-normal.js +92 -0
  88. package/dist/cjs/popover/tests/popover.js +53 -48
  89. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +58 -46
  90. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +236 -224
  91. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +159 -147
  92. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +104 -92
  93. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +140 -128
  94. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +140 -128
  95. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +196 -184
  96. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +157 -145
  97. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +157 -145
  98. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +312 -300
  99. package/dist/cjs/scheduler/tests/scheduler-angular.js +312 -300
  100. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +170 -158
  101. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +80 -68
  102. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +149 -137
  103. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +227 -215
  104. package/dist/cjs/scheduler/tests/scheduler-react-day.js +712 -700
  105. package/dist/cjs/scheduler/tests/scheduler-react-month.js +1647 -1635
  106. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +619 -607
  107. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +533 -521
  108. package/dist/cjs/scheduler/tests/scheduler-react-week.js +1448 -1436
  109. package/dist/cjs/scheduler/tests/scheduler-year.js +762 -750
  110. package/dist/cjs/scheduler/tests/scheduler.js +412 -400
  111. package/dist/cjs/scrollview/templates/scrollview-normal.js +4382 -0
  112. package/dist/cjs/scrollview/tests/scrollview-rtl.js +4412 -0
  113. package/dist/cjs/scrollview/tests/scrollview.js +21 -14
  114. package/dist/cjs/spreadsheet/tests/spreadsheet-cell-contextmenu.js +263 -251
  115. package/dist/cjs/spreadsheet/tests/spreadsheet-filtering.js +256 -244
  116. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +47 -35
  117. package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js +235 -223
  118. package/dist/cjs/spreadsheet/tests/spreadsheet-jquery.js +291 -279
  119. package/dist/cjs/spreadsheet/tests/spreadsheet-row-contextmenu.js +263 -251
  120. package/dist/cjs/spreadsheet/tests/spreadsheet-tools.js +160 -148
  121. package/dist/cjs/spreadsheet/tests/spreadsheet.js +254 -242
  122. package/dist/cjs/taskboard/tests/taskboard-card.js +90 -78
  123. package/dist/cjs/taskboard/tests/taskboard-pane.js +162 -150
  124. package/dist/cjs/taskboard/tests/taskboard-rtl.js +87 -75
  125. package/dist/cjs/taskboard/tests/taskboard.js +81 -69
  126. package/dist/cjs/tilelayout/templates/tilelayout-normal.js +4797 -0
  127. package/dist/cjs/tilelayout/tests/tilelayout-resizing.js +36 -6
  128. package/dist/cjs/tilelayout/tests/tilelayout.js +29 -14
  129. package/dist/cjs/toolbar/templates/toolbar-normal.js +31 -2
  130. package/dist/cjs/toolbar/tests/toolbar-adaptive.js +42 -30
  131. package/dist/cjs/toolbar/tests/toolbar-components.js +18 -1
  132. package/dist/cjs/toolbar/tests/toolbar-popup-size.js +29 -17
  133. package/dist/cjs/toolbar/tests/toolbar-popup.js +52 -40
  134. package/dist/cjs/toolbar/tests/toolbar-sizes.js +37 -25
  135. package/dist/cjs/toolbar/tests/toolbar.js +20 -23
  136. package/dist/esm/appbar/templates/appbar-normal.js +4351 -0
  137. package/dist/esm/appbar/tests/appbar-rtl.js +4995 -0
  138. package/dist/esm/appbar/tests/appbar.js +123 -310
  139. package/dist/esm/bottom-nav/bottom-nav.spec.js +41 -3
  140. package/dist/esm/bottom-nav/templates/bottom-nav-icons.js +4420 -0
  141. package/dist/esm/bottom-nav/templates/bottom-nav-links.js +4420 -0
  142. package/dist/esm/bottom-nav/templates/bottom-nav-normal.js +4420 -0
  143. package/dist/esm/bottom-nav/tests/{bottom-nav-colors.js → bottom-nav-flat.js} +48 -179
  144. package/dist/esm/bottom-nav/tests/bottom-nav-items.js +57 -31
  145. package/dist/esm/bottom-nav/tests/bottom-nav-rtl.js +43 -17
  146. package/dist/esm/bottom-nav/tests/bottom-nav-solid.js +4445 -0
  147. package/dist/esm/bottom-nav/tests/bottom-nav.js +82 -34
  148. package/dist/esm/daterangepicker/daterangepicker.spec.js +410 -289
  149. package/dist/esm/daterangepicker/templates/daterangepicker-adaptive.js +412 -291
  150. package/dist/esm/daterangepicker/templates/daterangepicker-normal.js +412 -291
  151. package/dist/esm/daterangepicker/templates/daterangepicker-popup.js +412 -291
  152. package/dist/esm/daterangepicker/tests/daterangepicker-adaptive.js +422 -301
  153. package/dist/esm/daterangepicker/tests/daterangepicker-flat.js +431 -310
  154. package/dist/esm/daterangepicker/tests/daterangepicker-opened.js +422 -301
  155. package/dist/esm/daterangepicker/tests/daterangepicker-outline.js +431 -310
  156. package/dist/esm/daterangepicker/tests/daterangepicker-size-rounded.js +425 -304
  157. package/dist/esm/daterangepicker/tests/daterangepicker-solid.js +431 -310
  158. package/dist/esm/dialog/templates/dialog-normal.js +6 -4
  159. package/dist/esm/dialog/tests/dialog-action-buttons.js +13 -11
  160. package/dist/esm/dialog/tests/dialog-in-window.js +5 -5
  161. package/dist/esm/dialog/tests/dialog-modal.js +6 -6
  162. package/dist/esm/dialog/tests/dialog-theme-colors.js +13 -11
  163. package/dist/esm/dialog/tests/dialog.js +14 -12
  164. package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.js +72 -60
  165. package/dist/esm/dock-manager/tests/dock-manager.js +74 -62
  166. package/dist/esm/editor/editor-toolbar.js +18 -6
  167. package/dist/esm/editor/templates/editor-normal.js +7684 -3
  168. package/dist/esm/editor/tests/editor-find-replace.js +119 -91
  169. package/dist/esm/editor/tests/editor-states.js +51 -23
  170. package/dist/esm/editor/tests/editor.js +232 -213
  171. package/dist/esm/expansion-panel/expansion-panel.spec.js +3 -1
  172. package/dist/esm/expansion-panel/templates/expansion-panel-expanded.js +4370 -0
  173. package/dist/esm/expansion-panel/templates/expansion-panel-normal.js +4369 -0
  174. package/dist/esm/expansion-panel/tests/expansion-panel-rtl.js +37 -11
  175. package/dist/esm/expansion-panel/tests/expansion-panel.js +37 -11
  176. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +65 -53
  177. package/dist/esm/filemanager/tests/filemanager-dialogs.js +20 -18
  178. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +65 -53
  179. package/dist/esm/filemanager/tests/filemanager-gridview.js +130 -118
  180. package/dist/esm/filemanager/tests/filemanager-listview.js +84 -72
  181. package/dist/esm/filemanager/tests/filemanager-preview.js +183 -171
  182. package/dist/esm/filemanager/tests/filemanager-toolbar.js +7 -7
  183. package/dist/esm/filter/templates/filter-normal.js +8413 -0
  184. package/dist/esm/filter/tests/filter.js +139 -67
  185. package/dist/esm/floating-label/templates/floating-label-normal.js +4799 -2
  186. package/dist/esm/floating-label/tests/floating-label-flat.js +73 -64
  187. package/dist/esm/floating-label/tests/floating-label-outline.js +73 -64
  188. package/dist/esm/floating-label/tests/floating-label-solid.js +73 -64
  189. package/dist/esm/form/tests/form-field-dateinputs.js +318 -211
  190. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +52 -40
  191. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +95 -83
  192. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +52 -40
  193. package/dist/esm/gantt/tests/gantt-react.js +384 -372
  194. package/dist/esm/gantt/tests/gantt-row-reordering.js +689 -677
  195. package/dist/esm/gantt/tests/gantt.js +664 -652
  196. package/dist/esm/grid/tests/grid-adaptive-search.js +25 -13
  197. package/dist/esm/grid/tests/grid-column-reordering-actions.js +125 -113
  198. package/dist/esm/grid/tests/grid-column-reordering.js +130 -118
  199. package/dist/esm/grid/tests/grid-column-resizing-actions.js +150 -138
  200. package/dist/esm/grid/tests/grid-editing-inline-angular.js +90 -78
  201. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +88 -76
  202. package/dist/esm/grid/tests/grid-editing.js +108 -96
  203. package/dist/esm/grid/tests/grid-filter-row-angular.js +116 -104
  204. package/dist/esm/grid/tests/grid-filter-row-blazor.js +111 -99
  205. package/dist/esm/grid/tests/grid-grouping-actions.js +91 -79
  206. package/dist/esm/grid/tests/grid-grouping.js +207 -195
  207. package/dist/esm/grid/tests/grid-row-reordering.js +114 -102
  208. package/dist/esm/grid/tests/grid-rows-resizing.js +112 -100
  209. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +216 -204
  210. package/dist/esm/grid/tests/grid-size-sm.js +216 -204
  211. package/dist/esm/grid/tests/grid-toolbar.js +85 -73
  212. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +80 -68
  213. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +68 -56
  214. package/dist/esm/imageeditor/tests/imageeditor.js +35 -23
  215. package/dist/esm/index.js +1972 -1415
  216. package/dist/esm/listview/templates/listview-normal.js +14 -2
  217. package/dist/esm/listview/tests/listview-layout.js +27 -15
  218. package/dist/esm/listview/tests/listview-states.js +18 -6
  219. package/dist/esm/listview/tests/listview.js +21 -9
  220. package/dist/esm/mediaplayer/tests/mediaplayer.js +38 -26
  221. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -52
  222. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +69 -57
  223. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +58 -46
  224. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +98 -86
  225. package/dist/esm/popover/templates/popover-normal.js +70 -0
  226. package/dist/esm/popover/tests/popover.js +49 -44
  227. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +58 -46
  228. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +236 -224
  229. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +159 -147
  230. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +104 -92
  231. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +140 -128
  232. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +140 -128
  233. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +196 -184
  234. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +157 -145
  235. package/dist/esm/scheduler/tests/scheduler-angular-month.js +157 -145
  236. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +312 -300
  237. package/dist/esm/scheduler/tests/scheduler-angular.js +312 -300
  238. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +170 -158
  239. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +80 -68
  240. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +149 -137
  241. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +227 -215
  242. package/dist/esm/scheduler/tests/scheduler-react-day.js +712 -700
  243. package/dist/esm/scheduler/tests/scheduler-react-month.js +1647 -1635
  244. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +619 -607
  245. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +533 -521
  246. package/dist/esm/scheduler/tests/scheduler-react-week.js +1448 -1436
  247. package/dist/esm/scheduler/tests/scheduler-year.js +762 -750
  248. package/dist/esm/scheduler/tests/scheduler.js +412 -400
  249. package/dist/esm/scrollview/templates/scrollview-normal.js +4366 -0
  250. package/dist/esm/scrollview/tests/scrollview-rtl.js +4396 -0
  251. package/dist/esm/scrollview/tests/scrollview.js +19 -12
  252. package/dist/esm/spreadsheet/tests/spreadsheet-cell-contextmenu.js +263 -251
  253. package/dist/esm/spreadsheet/tests/spreadsheet-filtering.js +256 -244
  254. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +47 -35
  255. package/dist/esm/spreadsheet/tests/spreadsheet-formula.js +235 -223
  256. package/dist/esm/spreadsheet/tests/spreadsheet-jquery.js +291 -279
  257. package/dist/esm/spreadsheet/tests/spreadsheet-row-contextmenu.js +263 -251
  258. package/dist/esm/spreadsheet/tests/spreadsheet-tools.js +160 -148
  259. package/dist/esm/spreadsheet/tests/spreadsheet.js +254 -242
  260. package/dist/esm/taskboard/tests/taskboard-card.js +90 -78
  261. package/dist/esm/taskboard/tests/taskboard-pane.js +162 -150
  262. package/dist/esm/taskboard/tests/taskboard-rtl.js +87 -75
  263. package/dist/esm/taskboard/tests/taskboard.js +81 -69
  264. package/dist/esm/tilelayout/templates/tilelayout-normal.js +4771 -0
  265. package/dist/esm/tilelayout/tests/tilelayout-resizing.js +36 -6
  266. package/dist/esm/tilelayout/tests/tilelayout.js +30 -15
  267. package/dist/esm/toolbar/templates/toolbar-normal.js +31 -2
  268. package/dist/esm/toolbar/tests/toolbar-adaptive.js +42 -30
  269. package/dist/esm/toolbar/tests/toolbar-angular.js +9 -9
  270. package/dist/esm/toolbar/tests/toolbar-components.js +28 -11
  271. package/dist/esm/toolbar/tests/toolbar-popup-size.js +29 -17
  272. package/dist/esm/toolbar/tests/toolbar-popup.js +52 -40
  273. package/dist/esm/toolbar/tests/toolbar-sizes.js +37 -25
  274. package/dist/esm/toolbar/tests/toolbar.js +34 -37
  275. package/dist/types/appbar/index.d.ts +1 -0
  276. package/dist/types/appbar/templates/appbar-normal.d.ts +1 -0
  277. package/dist/types/bottom-nav/bottom-nav.spec.d.ts +7 -3
  278. package/dist/types/bottom-nav/index.d.ts +3 -0
  279. package/dist/types/bottom-nav/templates/bottom-nav-icons.d.ts +1 -0
  280. package/dist/types/bottom-nav/templates/bottom-nav-links.d.ts +1 -0
  281. package/dist/types/bottom-nav/templates/bottom-nav-normal.d.ts +1 -0
  282. package/dist/types/bottom-nav/tests/bottom-nav-flat.d.ts +2 -0
  283. package/dist/types/bottom-nav/tests/bottom-nav-solid.d.ts +2 -0
  284. package/dist/types/dialog/templates/dialog-normal.d.ts +1 -1
  285. package/dist/types/expansion-panel/expansion-panel.spec.d.ts +1 -1
  286. package/dist/types/expansion-panel/index.d.ts +2 -0
  287. package/dist/types/expansion-panel/templates/expansion-panel-expanded.d.ts +1 -0
  288. package/dist/types/expansion-panel/templates/expansion-panel-normal.d.ts +1 -0
  289. package/dist/types/filter/index.d.ts +1 -0
  290. package/dist/types/filter/templates/filter-normal.d.ts +1 -0
  291. package/dist/types/floating-label/templates/floating-label-normal.d.ts +1 -4
  292. package/dist/types/index.d.ts +3 -0
  293. package/dist/types/popover/index.d.ts +1 -0
  294. package/dist/types/popover/templates/popover-normal.d.ts +4 -0
  295. package/dist/types/scrollview/index.d.ts +1 -0
  296. package/dist/types/scrollview/templates/scrollview-normal.d.ts +1 -0
  297. package/dist/types/scrollview/tests/scrollview-rtl.d.ts +2 -0
  298. package/dist/types/tilelayout/index.d.ts +1 -0
  299. package/dist/types/tilelayout/templates/tilelayout-normal.d.ts +1 -0
  300. package/dist/types/toolbar/templates/toolbar-normal.d.ts +1 -4
  301. package/package.json +2 -2
  302. package/src/appbar/index.ts +1 -0
  303. package/src/appbar/templates/appbar-normal.tsx +31 -0
  304. package/src/appbar/tests/appbar-rtl.tsx +110 -0
  305. package/src/appbar/tests/appbar.tsx +41 -412
  306. package/src/bottom-nav/bottom-nav.spec.tsx +13 -4
  307. package/src/bottom-nav/index.ts +3 -0
  308. package/src/bottom-nav/templates/bottom-nav-icons.tsx +13 -0
  309. package/src/bottom-nav/templates/bottom-nav-links.tsx +13 -0
  310. package/src/bottom-nav/templates/bottom-nav-normal.tsx +13 -0
  311. package/src/bottom-nav/tests/bottom-nav-flat.tsx +35 -0
  312. package/src/bottom-nav/tests/bottom-nav-items.tsx +7 -7
  313. package/src/bottom-nav/tests/bottom-nav-rtl.tsx +5 -5
  314. package/src/bottom-nav/tests/bottom-nav-solid.tsx +32 -0
  315. package/src/bottom-nav/tests/bottom-nav.tsx +11 -11
  316. package/src/dialog/templates/dialog-normal.tsx +10 -5
  317. package/src/editor/templates/editor-normal.tsx +21 -2
  318. package/src/editor/tests/editor.tsx +1 -12
  319. package/src/expansion-panel/expansion-panel.spec.tsx +2 -0
  320. package/src/expansion-panel/index.ts +2 -0
  321. package/src/expansion-panel/templates/expansion-panel-expanded.tsx +14 -0
  322. package/src/expansion-panel/templates/expansion-panel-normal.tsx +13 -0
  323. package/src/expansion-panel/tests/expansion-panel-rtl.tsx +23 -53
  324. package/src/expansion-panel/tests/expansion-panel.tsx +23 -52
  325. package/src/filter/index.ts +1 -0
  326. package/src/filter/templates/filter-normal.tsx +95 -0
  327. package/src/filter/tests/filter.tsx +3 -3
  328. package/src/floating-label/templates/floating-label-normal.tsx +9 -3
  329. package/src/index.ts +11 -2
  330. package/src/listview/templates/listview-normal.tsx +12 -2
  331. package/src/popover/index.ts +1 -0
  332. package/src/popover/templates/popover-normal.tsx +7 -0
  333. package/src/popover/tests/popover.tsx +11 -11
  334. package/src/scrollview/index.ts +1 -0
  335. package/src/scrollview/templates/scrollview-normal.tsx +3 -0
  336. package/src/scrollview/tests/scrollview-rtl.tsx +36 -0
  337. package/src/scrollview/tests/scrollview.tsx +8 -7
  338. package/src/tilelayout/index.ts +1 -0
  339. package/src/tilelayout/templates/tilelayout-normal.tsx +14 -0
  340. package/src/tilelayout/tests/tilelayout-resizing.tsx +3 -3
  341. package/src/tilelayout/tests/tilelayout.tsx +3 -3
  342. package/src/toolbar/templates/toolbar-normal.tsx +18 -3
  343. package/src/toolbar/tests/toolbar.tsx +2 -22
  344. package/src/bottom-nav/tests/bottom-nav-colors.tsx +0 -205
  345. /package/dist/types/{bottom-nav/tests/bottom-nav-colors.d.ts → appbar/tests/appbar-rtl.d.ts} +0 -0
package/dist/cjs/grid/tests/grid-toolbar.js CHANGED
@@ -7652,20 +7652,32 @@ ToolbarPopup.options = options46;
7652
7652
  ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
7653
7653
  ToolbarPopup.defaultProps = defaultProps43;
7654
7654
 
7655
- // src/toolbar/templates/toolbar-normal.tsx
7655
+ // src/split-button/templates/icon-split-button.tsx
7656
7656
  var import_jsx_runtime110 = require("react/jsx-runtime");
7657
7657
 
7658
- // src/toolbar/templates/toolbar-resizable.tsx
7658
+ // src/split-button/templates/icon-text-split-button.tsx
7659
7659
  var import_jsx_runtime111 = require("react/jsx-runtime");
7660
7660
 
7661
- // src/toolbar/templates/toolbar-angular-normal.tsx
7661
+ // src/split-button/templates/text-split-button.tsx
7662
7662
  var import_jsx_runtime112 = require("react/jsx-runtime");
7663
7663
 
7664
- // src/toolbar/templates/toolbar-angular-resizable.tsx
7664
+ // src/split-button/templates/split-button-popup.tsx
7665
7665
  var import_jsx_runtime113 = require("react/jsx-runtime");
7666
7666
 
7667
- // src/grid/tests/grid-toolbar.tsx
7667
+ // src/toolbar/templates/toolbar-normal.tsx
7668
7668
  var import_jsx_runtime114 = require("react/jsx-runtime");
7669
+
7670
+ // src/toolbar/templates/toolbar-resizable.tsx
7671
+ var import_jsx_runtime115 = require("react/jsx-runtime");
7672
+
7673
+ // src/toolbar/templates/toolbar-angular-normal.tsx
7674
+ var import_jsx_runtime116 = require("react/jsx-runtime");
7675
+
7676
+ // src/toolbar/templates/toolbar-angular-resizable.tsx
7677
+ var import_jsx_runtime117 = require("react/jsx-runtime");
7678
+
7679
+ // src/grid/tests/grid-toolbar.tsx
7680
+ var import_jsx_runtime118 = require("react/jsx-runtime");
7669
7681
  var styles = `
7670
7682
  #test-area {
7671
7683
  grid-template-columns: min-content 1fr 1fr;
@@ -7674,87 +7686,87 @@ var styles = `
7674
7686
  white-space: nowrap;
7675
7687
  }
7676
7688
  `;
7677
- var grid_toolbar_default = () => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
7678
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("style", { children: styles }),
7679
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
7680
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", {}),
7681
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "jQuery" }),
7682
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Angular" }),
7683
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Toolbar" }),
7684
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7685
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Button" }),
7686
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(ButtonGroup, { children: [
7687
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "bold" }),
7688
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "italic" }),
7689
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "underline" })
7689
+ var grid_toolbar_default = () => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
7690
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("style", { children: styles }),
7691
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
7692
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", {}),
7693
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "jQuery" }),
7694
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Angular" }),
7695
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Toolbar" }),
7696
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7697
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Button" }),
7698
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(ButtonGroup, { children: [
7699
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "bold" }),
7700
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "italic" }),
7701
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "underline" })
7690
7702
  ] })
7691
7703
  ] }) }) }),
7692
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7693
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Button" }),
7694
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(ButtonGroup, { children: [
7695
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "bold" }),
7696
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "italic" }),
7697
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "underline" })
7704
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7705
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Button" }),
7706
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(ButtonGroup, { children: [
7707
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "bold" }),
7708
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "italic" }),
7709
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "underline" })
7698
7710
  ] })
7699
7711
  ] }) }) }),
7700
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Toolbar RTL" }),
7701
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7702
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Button" }),
7703
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(ButtonGroup, { children: [
7704
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "bold" }),
7705
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "italic" }),
7706
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "underline" })
7712
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Toolbar RTL" }),
7713
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7714
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Button" }),
7715
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(ButtonGroup, { children: [
7716
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "bold" }),
7717
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "italic" }),
7718
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "underline" })
7707
7719
  ] })
7708
7720
  ] }) }) }),
7709
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7710
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Button" }),
7711
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(ButtonGroup, { children: [
7712
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "bold" }),
7713
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "italic" }),
7714
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "underline" })
7721
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7722
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Button" }),
7723
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(ButtonGroup, { children: [
7724
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "bold" }),
7725
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "italic" }),
7726
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "underline" })
7715
7727
  ] })
7716
7728
  ] }) }) }),
7717
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Search" }),
7718
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7719
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7720
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-spacer" }),
7721
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." })
7729
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Search" }),
7730
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7731
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7732
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-spacer" }),
7733
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." })
7722
7734
  ] }) }) }),
7723
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7724
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Spacer" }),
7725
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-spacer" }),
7726
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Spacer" })
7735
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7736
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Spacer" }),
7737
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-spacer" }),
7738
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Spacer" })
7727
7739
  ] }) }) }),
7728
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Search RTL" }),
7729
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7730
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7731
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-spacer" }),
7732
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." })
7740
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Search RTL" }),
7741
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7742
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7743
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-spacer" }),
7744
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." })
7733
7745
  ] }) }) }),
7734
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7735
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Spacer fixed width" }),
7736
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-spacer k-spacer-sized", style: { width: "10px", flexBasis: "10px" } }),
7737
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { children: "Spacer fixed width" })
7746
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7747
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Spacer fixed width" }),
7748
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-spacer k-spacer-sized", style: { width: "10px", flexBasis: "10px" } }),
7749
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { children: "Spacer fixed width" })
7738
7750
  ] }) }) }),
7739
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Multi-line" }),
7740
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7741
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7742
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-spacer" }),
7743
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." }),
7744
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "plus", children: "Add new record" }),
7745
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "check", children: "Save changes" }),
7746
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "cancel", children: "Cancel changes" })
7751
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Multi-line" }),
7752
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7753
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7754
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-spacer" }),
7755
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." }),
7756
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "plus", children: "Add new record" }),
7757
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "check", children: "Save changes" }),
7758
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "cancel", children: "Cancel changes" })
7747
7759
  ] }) }) }),
7748
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", {}),
7749
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: "Multiline RTL" }),
7750
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-grid k-grid-md k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7751
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7752
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-spacer" }),
7753
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." }),
7754
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "plus", children: "Add new record" }),
7755
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "check", children: "Save changes" }),
7756
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { icon: "cancel", children: "Cancel changes" })
7760
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", {}),
7761
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: "Multiline RTL" }),
7762
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-grid k-grid-md k-rtl", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
7763
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "file-pdf", children: "Export to PDF" }),
7764
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-spacer" }),
7765
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Searchbox, { className: "k-grid-search", placeholder: "Search..." }),
7766
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "plus", children: "Add new record" }),
7767
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "check", children: "Save changes" }),
7768
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { icon: "cancel", children: "Cancel changes" })
7757
7769
  ] }) }) }),
7758
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", {})
7770
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", {})
7759
7771
  ] })
7760
7772
  ] });
package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js CHANGED
@@ -7654,20 +7654,32 @@ ToolbarPopup.options = options46;
7654
7654
  ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
7655
7655
  ToolbarPopup.defaultProps = defaultProps43;
7656
7656
 
7657
- // src/toolbar/templates/toolbar-normal.tsx
7657
+ // src/split-button/templates/icon-split-button.tsx
7658
7658
  var import_jsx_runtime110 = require("react/jsx-runtime");
7659
7659
 
7660
- // src/toolbar/templates/toolbar-resizable.tsx
7660
+ // src/split-button/templates/icon-text-split-button.tsx
7661
7661
  var import_jsx_runtime111 = require("react/jsx-runtime");
7662
7662
 
7663
- // src/toolbar/templates/toolbar-angular-normal.tsx
7663
+ // src/split-button/templates/text-split-button.tsx
7664
7664
  var import_jsx_runtime112 = require("react/jsx-runtime");
7665
7665
 
7666
- // src/toolbar/templates/toolbar-angular-resizable.tsx
7666
+ // src/split-button/templates/split-button-popup.tsx
7667
7667
  var import_jsx_runtime113 = require("react/jsx-runtime");
7668
7668
 
7669
- // src/form/form-field.tsx
7669
+ // src/toolbar/templates/toolbar-normal.tsx
7670
7670
  var import_jsx_runtime114 = require("react/jsx-runtime");
7671
+
7672
+ // src/toolbar/templates/toolbar-resizable.tsx
7673
+ var import_jsx_runtime115 = require("react/jsx-runtime");
7674
+
7675
+ // src/toolbar/templates/toolbar-angular-normal.tsx
7676
+ var import_jsx_runtime116 = require("react/jsx-runtime");
7677
+
7678
+ // src/toolbar/templates/toolbar-angular-resizable.tsx
7679
+ var import_jsx_runtime117 = require("react/jsx-runtime");
7680
+
7681
+ // src/form/form-field.tsx
7682
+ var import_jsx_runtime118 = require("react/jsx-runtime");
7671
7683
  var FORMFIELD_CLASSNAME = "k-form-field";
7672
7684
  var states49 = [
7673
7685
  States.disabled
@@ -7685,7 +7697,7 @@ var FormField = (props) => {
7685
7697
  dir,
7686
7698
  colSpan
7687
7699
  } = props;
7688
- return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
7700
+ return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
7689
7701
  "div",
7690
7702
  {
7691
7703
  className: classNames(
@@ -7698,19 +7710,19 @@ var FormField = (props) => {
7698
7710
  ),
7699
7711
  dir,
7700
7712
  children: [
7701
- label && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("label", { className: classNames(
7713
+ label && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("label", { className: classNames(
7702
7714
  "k-label",
7703
7715
  "k-form-label"
7704
7716
  ), children: [
7705
7717
  label,
7706
- optional && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-label-optional", children: "(Optional)" }),
7707
- info && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-field-info", children: "(field info)" })
7718
+ optional && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-label-optional", children: "(Optional)" }),
7719
+ info && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-field-info", children: "(field info)" })
7708
7720
  ] }),
7709
- orientation === "horizontal" && !label && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-label k-form-label k-label-empty" }),
7710
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-form-field-wrap", children: [
7721
+ orientation === "horizontal" && !label && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-label k-form-label k-label-empty" }),
7722
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-form-field-wrap", children: [
7711
7723
  editor,
7712
- hint && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-form-hint", children: hint }),
7713
- error && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-form-error", children: error })
7724
+ hint && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-form-hint", children: hint }),
7725
+ error && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-form-error", children: error })
7714
7726
  ] })
7715
7727
  ]
7716
7728
  }
@@ -7719,7 +7731,7 @@ var FormField = (props) => {
7719
7731
  FormField.className = FORMFIELD_CLASSNAME;
7720
7732
 
7721
7733
  // src/form/fieldset.tsx
7722
- var import_jsx_runtime115 = require("react/jsx-runtime");
7734
+ var import_jsx_runtime119 = require("react/jsx-runtime");
7723
7735
  var FIELDSET_CLASSNAME = "k-form-fieldset";
7724
7736
  var Fieldset = (props) => {
7725
7737
  const {
@@ -7729,9 +7741,9 @@ var Fieldset = (props) => {
7729
7741
  gapX,
7730
7742
  gapY
7731
7743
  } = props;
7732
- return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("fieldset", { className: classNames(FIELDSET_CLASSNAME), children: [
7733
- legend && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("legend", { className: "k-form-legend", children: legend }),
7734
- layout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: classNames(
7744
+ return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("fieldset", { className: classNames(FIELDSET_CLASSNAME), children: [
7745
+ legend && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("legend", { className: "k-form-legend", children: legend }),
7746
+ layout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: classNames(
7735
7747
  "k-form-layout",
7736
7748
  "k-d-grid",
7737
7749
  {
@@ -7739,13 +7751,13 @@ var Fieldset = (props) => {
7739
7751
  [`k-gap-x-${gapX}`]: gapX,
7740
7752
  [`k-gap-y-${gapY}`]: gapY
7741
7753
  }
7742
- ), children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: props.children })
7754
+ ), children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_jsx_runtime119.Fragment, { children: props.children })
7743
7755
  ] });
7744
7756
  };
7745
7757
  Fieldset.className = FIELDSET_CLASSNAME;
7746
7758
 
7747
7759
  // src/form/form.spec.tsx
7748
- var import_jsx_runtime116 = require("react/jsx-runtime");
7760
+ var import_jsx_runtime120 = require("react/jsx-runtime");
7749
7761
  var import_react2 = require("react");
7750
7762
  var FORM_CLASSNAME = "k-form";
7751
7763
  var states50 = [];
@@ -7769,7 +7781,7 @@ var Form = (props) => {
7769
7781
  tag = defaultProps44.tag,
7770
7782
  children
7771
7783
  } = props;
7772
- const Parent = ({ tag: tag2, className: className14, children: children2 }) => tag2 === "form" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("form", { className: className14, children: children2 }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: className14, children: children2 });
7784
+ const Parent = ({ tag: tag2, className: className14, children: children2 }) => tag2 === "form" ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("form", { className: className14, children: children2 }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: className14, children: children2 });
7773
7785
  const formChildren = [];
7774
7786
  if (children) {
7775
7787
  if (Array.isArray(children)) {
@@ -7788,7 +7800,7 @@ var Form = (props) => {
7788
7800
  children.type === Fieldset && formChildren.push(/* @__PURE__ */ (0, import_react2.createElement)(Fieldset, { ...children.props, key: `${(/* @__PURE__ */ new Date()).getTime()}` }));
7789
7801
  }
7790
7802
  }
7791
- return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Parent, { tag, className: classNames(
7803
+ return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Parent, { tag, className: classNames(
7792
7804
  props.className,
7793
7805
  FORM_CLASSNAME,
7794
7806
  optionClassNames(FORM_CLASSNAME, {
@@ -7798,7 +7810,7 @@ var Form = (props) => {
7798
7810
  [`${FORM_CLASSNAME}-${orientation}`]: orientation
7799
7811
  }
7800
7812
  ), children: [
7801
- layout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: classNames(
7813
+ layout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: classNames(
7802
7814
  "k-form-layout",
7803
7815
  "k-d-grid",
7804
7816
  {
@@ -7806,8 +7818,8 @@ var Form = (props) => {
7806
7818
  [`k-gap-x-${gapX}`]: gapX,
7807
7819
  [`k-gap-y-${gapY}`]: gapY
7808
7820
  }
7809
- ), children: formChildren }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_jsx_runtime116.Fragment, { children: formChildren }),
7810
- formButtons && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "k-form-buttons", children: formButtons })
7821
+ ), children: formChildren }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_jsx_runtime120.Fragment, { children: formChildren }),
7822
+ formButtons && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "k-form-buttons", children: formButtons })
7811
7823
  ] });
7812
7824
  };
7813
7825
  Form.states = states50;
@@ -7816,82 +7828,82 @@ Form.className = FORM_CLASSNAME;
7816
7828
  Form.defaultProps = defaultProps44;
7817
7829
 
7818
7830
  // src/imageeditor/tests/imageeditor-crop-pane.tsx
7819
- var import_jsx_runtime117 = require("react/jsx-runtime");
7820
- var imageeditor_crop_pane_default = () => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
7821
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h4", { children: "Image Editor Crop Pane" }),
7822
- /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "k-widget k-imageeditor", children: [
7823
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "k-imageeditor-header", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Toolbar, { className: "k-imageeditor-toolbar", children: [
7824
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "upload" }),
7825
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "download" }),
7826
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ToolbarSeparator, {}),
7827
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "undo" }),
7828
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "redo" }),
7829
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ToolbarSeparator, {}),
7830
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "crop" }),
7831
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "image-resize" }),
7832
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "zoom-in" }),
7833
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { icon: "zoom-out" }),
7834
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DropdownList, { value: "Zoom options" }) })
7831
+ var import_jsx_runtime121 = require("react/jsx-runtime");
7832
+ var imageeditor_crop_pane_default = () => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_jsx_runtime121.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
7833
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h4", { children: "Image Editor Crop Pane" }),
7834
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "k-widget k-imageeditor", children: [
7835
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "k-imageeditor-header", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Toolbar, { className: "k-imageeditor-toolbar", children: [
7836
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "upload" }),
7837
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "download" }),
7838
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ToolbarSeparator, {}),
7839
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "undo" }),
7840
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "redo" }),
7841
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ToolbarSeparator, {}),
7842
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "crop" }),
7843
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "image-resize" }),
7844
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "zoom-in" }),
7845
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { icon: "zoom-out" }),
7846
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(DropdownList, { value: "Zoom options" }) })
7835
7847
  ] }) }),
7836
- /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "k-imageeditor-content", style: { height: "482px" }, children: [
7837
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "k-imageeditor-canvas-container", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "k-imageeditor-canvas", children: [
7838
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("canvas", { width: "700", height: "400", style: { backgroundImage: "url('/packages/html/assets/sofia.jpg')", backgroundPosition: "50px -350px" } }),
7839
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "k-imageeditor-crop-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "k-imageeditor-crop", style: { width: "400px", height: "400px", backgroundImage: "url('/packages/html/assets/sofia.jpg')", backgroundClip: "content-box", backgroundPosition: "748px -350px" }, children: [
7840
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-nw" }),
7841
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-n" }),
7842
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-ne" }),
7843
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-w" }),
7844
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-e" }),
7845
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-sw" }),
7846
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-s" }),
7847
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "k-resize-handle k-resize-se" })
7848
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "k-imageeditor-content", style: { height: "482px" }, children: [
7849
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "k-imageeditor-canvas-container", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "k-imageeditor-canvas", children: [
7850
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("canvas", { width: "700", height: "400", style: { backgroundImage: "url('/packages/html/assets/sofia.jpg')", backgroundPosition: "50px -350px" } }),
7851
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "k-imageeditor-crop-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "k-imageeditor-crop", style: { width: "400px", height: "400px", backgroundImage: "url('/packages/html/assets/sofia.jpg')", backgroundClip: "content-box", backgroundPosition: "748px -350px" }, children: [
7852
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-nw" }),
7853
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-n" }),
7854
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-ne" }),
7855
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-w" }),
7856
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-e" }),
7857
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-sw" }),
7858
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-s" }),
7859
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "k-resize-handle k-resize-se" })
7848
7860
  ] }) })
7849
7861
  ] }) }),
7850
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "k-imageeditor-action-pane", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Form, { tag: "div", className: "k-imageeditor-pane-form", formButtons: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
7851
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { themeColor: "primary", children: "Confirm" }),
7852
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { children: "Cancel" })
7853
- ] }), children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Fieldset, { layout: "grid", legend: "Crop Image", cols: 2, gapX: 2, children: [
7854
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
7862
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "k-imageeditor-action-pane", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Form, { tag: "div", className: "k-imageeditor-pane-form", formButtons: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
7863
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { themeColor: "primary", children: "Confirm" }),
7864
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { children: "Cancel" })
7865
+ ] }), children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Fieldset, { layout: "grid", legend: "Crop Image", cols: 2, gapX: 2, children: [
7866
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
7855
7867
  FormField,
7856
7868
  {
7857
7869
  colSpan: "2",
7858
7870
  label: "Aspect Ratio:",
7859
- editor: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DropdownList, { value: "Original ratio" })
7871
+ editor: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(DropdownList, { value: "Original ratio" })
7860
7872
  }
7861
7873
  ),
7862
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
7874
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
7863
7875
  FormField,
7864
7876
  {
7865
7877
  colSpan: "2",
7866
7878
  label: "Orientation:",
7867
- editor: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(ButtonGroup, { children: [
7868
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { selected: true, children: "Portrait" }),
7869
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { children: "Landscape" })
7879
+ editor: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(ButtonGroup, { children: [
7880
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { selected: true, children: "Portrait" }),
7881
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Button, { children: "Landscape" })
7870
7882
  ] })
7871
7883
  }
7872
7884
  ),
7873
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
7885
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
7874
7886
  FormField,
7875
7887
  {
7876
7888
  colSpan: "1",
7877
7889
  label: "Width:",
7878
- editor: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(NumericTextbox, { showClearButton: false, value: "61" })
7890
+ editor: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(NumericTextbox, { showClearButton: false, value: "61" })
7879
7891
  }
7880
7892
  ),
7881
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
7893
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
7882
7894
  FormField,
7883
7895
  {
7884
7896
  colSpan: "1",
7885
7897
  label: "Height:",
7886
- editor: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(NumericTextbox, { showClearButton: false, value: "68" })
7898
+ editor: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(NumericTextbox, { showClearButton: false, value: "68" })
7887
7899
  }
7888
7900
  ),
7889
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
7901
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
7890
7902
  FormField,
7891
7903
  {
7892
7904
  colSpan: "2",
7893
7905
  label: "Lock aspect ratio:",
7894
- editor: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Checkbox, {})
7906
+ editor: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Checkbox, {})
7895
7907
  }
7896
7908
  )
7897
7909
  ] }) }) })