@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/dialog/templates/dialog-normal.js CHANGED
@@ -4526,10 +4526,12 @@ var dialog_spec_default = Dialog;
4526
4526
 
4527
4527
  // src/dialog/templates/dialog-normal.tsx
4528
4528
  var import_jsx_runtime10 = require("react/jsx-runtime");
4529
- var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4529
+ var DialogNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4530
4530
  dialog_spec_default,
4531
4531
  {
4532
- ...other,
4533
- children
4532
+ children: [
4533
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Dialog content" })
4534
+ ],
4535
+ ...props
4534
4536
  }
4535
4537
  );
package/dist/cjs/dialog/tests/dialog-action-buttons.js CHANGED
@@ -4526,11 +4526,13 @@ var dialog_spec_default = Dialog;
4526
4526
 
4527
4527
  // src/dialog/templates/dialog-normal.tsx
4528
4528
  var import_jsx_runtime10 = require("react/jsx-runtime");
4529
- var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4529
+ var DialogNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4530
4530
  dialog_spec_default,
4531
4531
  {
4532
- ...other,
4533
- children
4532
+ children: [
4533
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Dialog content" })
4534
+ ],
4535
+ ...props
4534
4536
  }
4535
4537
  );
4536
4538
 
package/dist/cjs/dialog/tests/dialog-theme-colors.js CHANGED
@@ -4526,11 +4526,13 @@ var dialog_spec_default = Dialog;
4526
4526
 
4527
4527
  // src/dialog/templates/dialog-normal.tsx
4528
4528
  var import_jsx_runtime10 = require("react/jsx-runtime");
4529
- var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4529
+ var DialogNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4530
4530
  dialog_spec_default,
4531
4531
  {
4532
- ...other,
4533
- children
4532
+ children: [
4533
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Dialog content" })
4534
+ ],
4535
+ ...props
4534
4536
  }
4535
4537
  );
4536
4538
 
package/dist/cjs/dialog/tests/dialog.js CHANGED
@@ -4526,11 +4526,13 @@ var dialog_spec_default = Dialog;
4526
4526
 
4527
4527
  // src/dialog/templates/dialog-normal.tsx
4528
4528
  var import_jsx_runtime10 = require("react/jsx-runtime");
4529
- var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4529
+ var DialogNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4530
4530
  dialog_spec_default,
4531
4531
  {
4532
- ...other,
4533
- children
4532
+ children: [
4533
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Dialog content" })
4534
+ ],
4535
+ ...props
4534
4536
  }
4535
4537
  );
4536
4538
 
package/dist/cjs/dock-manager/tests/dock-manager-unpinned-pane.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/dock-manager/tests/dock-manager-unpinned-pane.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/dock-manager/tests/dock-manager-unpinned-pane.tsx
7680
+ var import_jsx_runtime118 = require("react/jsx-runtime");
7669
7681
  var styles = `
7670
7682
 
7671
7683
  #test-area {
@@ -7677,80 +7689,80 @@ var styles = `
7677
7689
  }
7678
7690
 
7679
7691
  `;
7680
- var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
7681
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("style", { children: styles }),
7682
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-dock-manager", children: [
7683
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Toolbar, { className: "k-dock-manager-toolbar k-toolbar-left", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", size: "small", selected: true, children: "Tools" }) }),
7684
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-dock-manager-unpinned-container", style: { left: "43px" }, children: [
7685
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-flex k-pane-unpinned", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-scrollable", children: [
7686
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-header", children: [
7687
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-pane-title", children: "Tools" }),
7688
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-actions", children: [
7689
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "unpin" }),
7690
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7692
+ var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
7693
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("style", { children: styles }),
7694
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-dock-manager", children: [
7695
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Toolbar, { className: "k-dock-manager-toolbar k-toolbar-left", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", size: "small", selected: true, children: "Tools" }) }),
7696
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-dock-manager-unpinned-container", style: { left: "43px" }, children: [
7697
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-flex k-pane-unpinned", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-scrollable", children: [
7698
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-header", children: [
7699
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-pane-title", children: "Tools" }),
7700
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-actions", children: [
7701
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "unpin" }),
7702
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7691
7703
  ] })
7692
7704
  ] }),
7693
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane-content", children: "Some tools." })
7705
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane-content", children: "Some tools." })
7694
7706
  ] }) }),
7695
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) })
7707
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) })
7696
7708
  ] }),
7697
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-dock-manager-pane-container", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7698
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static", style: { flexBasis: "70%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-horizontal k-dock-manager-splitter", children: [
7699
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "40%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7700
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7701
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item k-first k-active", children: [
7702
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 1" }),
7703
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7704
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7709
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-dock-manager-pane-container", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7710
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static", style: { flexBasis: "70%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-horizontal k-dock-manager-splitter", children: [
7711
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "40%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7712
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7713
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item k-first k-active", children: [
7714
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 1" }),
7715
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7716
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7705
7717
  ] }),
7706
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item", children: [
7707
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 2" }),
7708
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7709
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7718
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item", children: [
7719
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 2" }),
7720
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7721
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7710
7722
  ] })
7711
7723
  ] }) }),
7712
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-content k-active", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime! Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem. Sapiente fugit assumenda at explicabo quos consequuntur dicta cumque ex aspernatur, nesciunt itaque doloremque exercitationem eaque iusto. Iste non officia consequatur quis veritatis magni, quo autem dolores numquam dignissimos nemo." })
7724
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-content k-active", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime! Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem. Sapiente fugit assumenda at explicabo quos consequuntur dicta cumque ex aspernatur, nesciunt itaque doloremque exercitationem eaque iusto. Iste non officia consequatur quis veritatis magni, quo autem dolores numquam dignissimos nemo." })
7713
7725
  ] }) }),
7714
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7715
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7716
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "50%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7717
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7718
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item k-first k-active", children: [
7719
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 5" }),
7720
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7721
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7726
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7727
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7728
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "50%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7729
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7730
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item k-first k-active", children: [
7731
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 5" }),
7732
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7733
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7722
7734
  ] }),
7723
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item", children: [
7724
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 6" }),
7725
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7726
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7735
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item", children: [
7736
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 6" }),
7737
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7738
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7727
7739
  ] })
7728
7740
  ] }) }),
7729
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-content k-active", children: "Properties content." })
7741
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-content k-active", children: "Properties content." })
7730
7742
  ] }) }),
7731
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7732
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-scrollable", children: [
7733
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-header", children: [
7734
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-pane-title", children: "Layers" }),
7735
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-actions", children: [
7736
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7737
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7743
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7744
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-scrollable", children: [
7745
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-header", children: [
7746
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-pane-title", children: "Layers" }),
7747
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-actions", children: [
7748
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7749
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7738
7750
  ] })
7739
7751
  ] }),
7740
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane-content", children: "Layers content." })
7752
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane-content", children: "Layers content." })
7741
7753
  ] }) })
7742
7754
  ] }) })
7743
7755
  ] }) }),
7744
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7745
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-scrollable", children: [
7746
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-header", children: [
7747
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-pane-title", children: "Console" }),
7748
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-actions", children: [
7749
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7750
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7756
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7757
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-scrollable", children: [
7758
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-header", children: [
7759
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-pane-title", children: "Console" }),
7760
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-actions", children: [
7761
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7762
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7751
7763
  ] })
7752
7764
  ] }),
7753
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane-content", children: "Console content." })
7765
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane-content", children: "Console content." })
7754
7766
  ] }) })
7755
7767
  ] }) })
7756
7768
  ] }) })
package/dist/cjs/dock-manager/tests/dock-manager.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/dock-manager/tests/dock-manager.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/dock-manager/tests/dock-manager.tsx
7682
+ var import_jsx_runtime118 = require("react/jsx-runtime");
7671
7683
  var styles = `
7672
7684
 
7673
7685
  #test-area {
@@ -7679,82 +7691,82 @@ var styles = `
7679
7691
  }
7680
7692
 
7681
7693
  `;
7682
- var dock_manager_default = () => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
7683
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("style", { children: styles }),
7684
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("section", { className: "k-col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-dock-manager", children: [
7685
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Toolbar, { className: "k-dock-manager-toolbar k-toolbar-left", children: [
7686
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", size: "medium", children: "File 3" }),
7687
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ToolbarSeparator, { className: "k-separator-horizontal" }),
7688
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", size: "medium", children: "File 4" })
7694
+ var dock_manager_default = () => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
7695
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("style", { children: styles }),
7696
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("section", { className: "k-col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-dock-manager", children: [
7697
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Toolbar, { className: "k-dock-manager-toolbar k-toolbar-left", children: [
7698
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", size: "medium", children: "File 3" }),
7699
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ToolbarSeparator, { className: "k-separator-horizontal" }),
7700
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", size: "medium", children: "File 4" })
7689
7701
  ] }),
7690
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-dock-manager-pane-container", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7691
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static", style: { flexBasis: "70%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-horizontal k-dock-manager-splitter", children: [
7692
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static k-pane-pinned", style: { flexBasis: "20%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-scrollable", children: [
7693
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-header", children: [
7694
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-pane-title", children: "Tools" }),
7695
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-actions", children: [
7696
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7697
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7702
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-dock-manager-pane-container", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7703
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static", style: { flexBasis: "70%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-horizontal k-dock-manager-splitter", children: [
7704
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static k-pane-pinned", style: { flexBasis: "20%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-scrollable", children: [
7705
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-header", children: [
7706
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-pane-title", children: "Tools" }),
7707
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-actions", children: [
7708
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7709
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7698
7710
  ] })
7699
7711
  ] }),
7700
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane-content", children: "Some tools." })
7712
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane-content", children: "Some tools." })
7701
7713
  ] }) }),
7702
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7703
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "40%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7704
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7705
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item k-first k-active", children: [
7706
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 1" }),
7707
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7708
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7714
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7715
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "40%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7716
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7717
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item k-first k-active", children: [
7718
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 1" }),
7719
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7720
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7709
7721
  ] }),
7710
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item", children: [
7711
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 2" }),
7712
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7713
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7722
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item", children: [
7723
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 2" }),
7724
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7725
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7714
7726
  ] })
7715
7727
  ] }) }),
7716
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-content k-active", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime! Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem. Sapiente fugit assumenda at explicabo quos consequuntur dicta cumque ex aspernatur, nesciunt itaque doloremque exercitationem eaque iusto. Iste non officia consequatur quis veritatis magni, quo autem dolores numquam dignissimos nemo." })
7728
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-content k-active", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime! Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem. Sapiente fugit assumenda at explicabo quos consequuntur dicta cumque ex aspernatur, nesciunt itaque doloremque exercitationem eaque iusto. Iste non officia consequatur quis veritatis magni, quo autem dolores numquam dignissimos nemo." })
7717
7729
  ] }) }),
7718
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7719
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7720
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "50%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7721
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7722
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item k-first k-active", children: [
7723
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 5" }),
7724
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7725
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7730
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7731
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
7732
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "50%" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
7733
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
7734
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item k-first k-active", children: [
7735
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 5" }),
7736
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7737
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7726
7738
  ] }),
7727
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: "k-item", children: [
7728
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-link", children: "File 6" }),
7729
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7730
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7739
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("li", { className: "k-item", children: [
7740
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-link", children: "File 6" }),
7741
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
7742
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
7731
7743
  ] })
7732
7744
  ] }) }),
7733
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-tabstrip-content k-active", children: "Properties content." })
7745
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-tabstrip-content k-active", children: "Properties content." })
7734
7746
  ] }) }),
7735
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7736
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-scrollable", children: [
7737
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-header", children: [
7738
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-pane-title", children: "Layers" }),
7739
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-actions", children: [
7740
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7741
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7747
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7748
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-scrollable", children: [
7749
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-header", children: [
7750
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-pane-title", children: "Layers" }),
7751
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-actions", children: [
7752
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7753
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7742
7754
  ] })
7743
7755
  ] }),
7744
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane-content", children: "Layers content." })
7756
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane-content", children: "Layers content." })
7745
7757
  ] }) })
7746
7758
  ] }) })
7747
7759
  ] }) }),
7748
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-resize-handle" }) }),
7749
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-scrollable", children: [
7750
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-header", children: [
7751
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "k-pane-title", children: "Console" }),
7752
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "k-pane-actions", children: [
7753
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7754
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7760
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-resize-handle" }) }),
7761
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-scrollable", children: [
7762
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-header", children: [
7763
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "k-pane-title", children: "Console" }),
7764
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "k-pane-actions", children: [
7765
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "pin" }),
7766
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { fillMode: "flat", icon: "more-vertical" })
7755
7767
  ] })
7756
7768
  ] }),
7757
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "k-pane-content", children: "Console content." })
7769
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "k-pane-content", children: "Console content." })
7758
7770
  ] }) })
7759
7771
  ] }) })
7760
7772
  ] }) }) })
package/dist/cjs/editor/editor-toolbar.js CHANGED
@@ -7653,27 +7653,39 @@ ToolbarPopup.options = options46;
7653
7653
  ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
7654
7654
  ToolbarPopup.defaultProps = defaultProps43;
7655
7655
 
7656
- // src/toolbar/templates/toolbar-normal.tsx
7656
+ // src/split-button/templates/icon-split-button.tsx
7657
7657
  var import_jsx_runtime110 = require("react/jsx-runtime");
7658
7658
 
7659
- // src/toolbar/templates/toolbar-resizable.tsx
7659
+ // src/split-button/templates/icon-text-split-button.tsx
7660
7660
  var import_jsx_runtime111 = require("react/jsx-runtime");
7661
7661
 
7662
- // src/toolbar/templates/toolbar-angular-normal.tsx
7662
+ // src/split-button/templates/text-split-button.tsx
7663
7663
  var import_jsx_runtime112 = require("react/jsx-runtime");
7664
7664
 
7665
- // src/toolbar/templates/toolbar-angular-resizable.tsx
7665
+ // src/split-button/templates/split-button-popup.tsx
7666
7666
  var import_jsx_runtime113 = require("react/jsx-runtime");
7667
7667
 
7668
- // src/editor/editor-toolbar.tsx
7668
+ // src/toolbar/templates/toolbar-normal.tsx
7669
7669
  var import_jsx_runtime114 = require("react/jsx-runtime");
7670
+
7671
+ // src/toolbar/templates/toolbar-resizable.tsx
7672
+ var import_jsx_runtime115 = require("react/jsx-runtime");
7673
+
7674
+ // src/toolbar/templates/toolbar-angular-normal.tsx
7675
+ var import_jsx_runtime116 = require("react/jsx-runtime");
7676
+
7677
+ // src/toolbar/templates/toolbar-angular-resizable.tsx
7678
+ var import_jsx_runtime117 = require("react/jsx-runtime");
7679
+
7680
+ // src/editor/editor-toolbar.tsx
7681
+ var import_jsx_runtime118 = require("react/jsx-runtime");
7670
7682
  var EDITORTOOLBAR_CLASSNAME = `k-editor-toolbar`;
7671
7683
  var EditorToolbar = (props) => {
7672
7684
  const {
7673
7685
  resizable,
7674
7686
  ...other
7675
7687
  } = props;
7676
- return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
7688
+ return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
7677
7689
  Toolbar,
7678
7690
  {
7679
7691
  ...other,