@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

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 (349) hide show
  1. package/dist/cjs/badge/templates/badge-normal.js +4370 -0
  2. package/dist/cjs/badge/templates/icon-badge.js +4376 -0
  3. package/dist/cjs/badge/tests/badge-cutout-border.js +4421 -0
  4. package/dist/cjs/badge/tests/badge-misc.js +63 -73
  5. package/dist/cjs/badge/tests/badge-outline.js +4392 -0
  6. package/dist/cjs/badge/tests/badge-position-outline.js +4454 -0
  7. package/dist/cjs/badge/tests/badge-position-solid.js +4454 -0
  8. package/dist/cjs/badge/tests/badge-size.js +4235 -63
  9. package/dist/cjs/badge/tests/badge-solid.js +4392 -0
  10. package/dist/cjs/breadcrumb/breadcrumb-link.js +1 -0
  11. package/dist/cjs/breadcrumb/{tests → templates}/breadcrumb-adaptive.js +237 -260
  12. package/dist/cjs/breadcrumb/templates/breadcrumb-normal.js +4520 -0
  13. package/dist/cjs/breadcrumb/templates/breadcrumb-root-adaptive.js +4543 -0
  14. package/dist/cjs/breadcrumb/templates/breadcrumb-root.js +4542 -0
  15. package/dist/cjs/breadcrumb/tests/breadcrumb-items-rtl.js +5202 -0
  16. package/dist/cjs/breadcrumb/tests/breadcrumb-items.js +5202 -0
  17. package/dist/cjs/breadcrumb/tests/breadcrumb-rtl.js +469 -945
  18. package/dist/cjs/breadcrumb/tests/breadcrumb-size.js +55 -53
  19. package/dist/cjs/breadcrumb/tests/breadcrumb.js +405 -951
  20. package/dist/cjs/captcha/captcha.spec.js +29 -13
  21. package/dist/cjs/captcha/{tests/captcha-loading.js → templates/captcha-normal.js} +37 -24
  22. package/dist/cjs/captcha/tests/captcha-rtl.js +4987 -0
  23. package/dist/cjs/captcha/tests/captcha.js +41 -18
  24. package/dist/cjs/chat/chat.spec.js +4 -4
  25. package/dist/cjs/chat/templates/chat-normal.js +5142 -0
  26. package/dist/cjs/chat/templates/chat-with-options.js +5143 -0
  27. package/dist/cjs/chat/templates/chat-with-toolbar.js +5144 -0
  28. package/dist/cjs/chat/tests/chat-content-rtl.js +5455 -0
  29. package/dist/cjs/chat/tests/{chat-scrollable-deck.js → chat-content.js} +115 -37
  30. package/dist/cjs/chat/tests/chat-rtl.js +300 -472
  31. package/dist/cjs/chat/tests/chat.js +296 -484
  32. package/dist/cjs/dropzone/dropzone.spec.js +11 -9
  33. package/dist/cjs/dropzone/templates/dropzone-normal.js +4364 -0
  34. package/dist/cjs/dropzone/templates/dropzone-with-note.js +4370 -0
  35. package/dist/cjs/dropzone/tests/dropzone-states.js +4386 -0
  36. package/dist/cjs/dropzone/tests/dropzone.js +37 -19
  37. package/dist/cjs/editor/tests/editor-find-replace.js +225 -52
  38. package/dist/cjs/editor/tests/editor-image-editor.js +936 -15
  39. package/dist/cjs/editor/tests/editor-table-wizard.js +301 -128
  40. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +529 -453
  41. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +529 -453
  42. package/dist/cjs/filemanager/tests/filemanager-gridview.js +594 -518
  43. package/dist/cjs/filemanager/tests/filemanager-listview.js +548 -472
  44. package/dist/cjs/filemanager/tests/filemanager-preview.js +647 -571
  45. package/dist/cjs/form/templates/form-horizontal.js +5920 -0
  46. package/dist/cjs/form/templates/form-normal.js +5919 -0
  47. package/dist/cjs/form/tests/form-field-dateinputs.js +895 -58
  48. package/dist/cjs/form/tests/form-field-dropdowns.js +394 -59
  49. package/dist/cjs/form/tests/form-field-fieldset.js +1003 -27
  50. package/dist/cjs/form/tests/form-field-inputs-rtl.js +898 -238
  51. package/dist/cjs/form/tests/form-field-inputs.js +2304 -1664
  52. package/dist/cjs/form/tests/form-grid-layout.js +192 -22
  53. package/dist/cjs/form/tests/form-misc.js +874 -43
  54. package/dist/cjs/form/tests/form-sizes.js +680 -505
  55. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +202 -29
  56. package/dist/cjs/gantt/tests/gantt-editing-popup-other.js +684 -29
  57. package/dist/cjs/grid/tests/grid-angular.js +156 -146
  58. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +279 -106
  59. package/dist/cjs/grid/tests/grid-editing-popup.js +187 -14
  60. package/dist/cjs/grid/tests/grid-rtl-angular.js +102 -92
  61. package/dist/cjs/grid/tests/grid-rtl.js +95 -85
  62. package/dist/cjs/grid/tests/grid-selection-aggregates.js +104 -94
  63. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +480 -470
  64. package/dist/cjs/grid/tests/grid-size-sm.js +480 -470
  65. package/dist/cjs/grid/tests/grid-virtualization.js +418 -408
  66. package/dist/cjs/grid/tests/grid.js +120 -110
  67. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +217 -44
  68. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +205 -32
  69. package/dist/cjs/index.js +4482 -4153
  70. package/dist/cjs/loader/templates/loader-container-normal.js +250 -0
  71. package/dist/cjs/loader/templates/loader-converging.js +250 -0
  72. package/dist/cjs/loader/templates/loader-infinite.js +250 -0
  73. package/dist/cjs/loader/templates/loader-normal.js +250 -0
  74. package/dist/cjs/loader/tests/{loader-sizes.js → loader-colors.js} +32 -23
  75. package/dist/cjs/loader/tests/loader-container-colors.js +20 -25
  76. package/dist/cjs/loader/tests/loader-container-overlay.js +26 -13
  77. package/dist/cjs/loader/tests/loader-container.js +27 -20
  78. package/dist/cjs/loader/tests/loader.js +27 -46
  79. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +28 -21
  80. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +309 -125
  81. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +420 -236
  82. package/dist/cjs/skeleton/index.js +28 -1
  83. package/dist/cjs/skeleton/templates/skeleton-circle.js +83 -0
  84. package/dist/cjs/skeleton/templates/skeleton-normal.js +77 -0
  85. package/dist/cjs/skeleton/templates/skeleton-rectangle.js +83 -0
  86. package/dist/cjs/skeleton/tests/skeleton.js +38 -14
  87. package/dist/cjs/spreadsheet/tests/spreadsheet-data-validation.js +370 -322
  88. package/dist/cjs/spreadsheet/tests/spreadsheet-file-dialogs.js +548 -368
  89. package/dist/cjs/spreadsheet/tests/spreadsheet-find-replace-dialog.js +450 -277
  90. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +950 -777
  91. package/dist/cjs/spreadsheet/tests/spreadsheet-formula-dialog.js +308 -28
  92. package/dist/cjs/spreadsheet/tests/spreadsheet-insert-dialogs.js +1119 -933
  93. package/dist/cjs/spreadsheet/tests/spreadsheet-print.js +782 -734
  94. package/dist/cjs/spreadsheet/tests/spreadsheet-sheets-bar.js +924 -67
  95. package/dist/cjs/taskboard/tests/taskboard-pane.js +299 -126
  96. package/dist/cjs/treelist/tests/treelist-editing-popup.js +673 -18
  97. package/dist/esm/badge/templates/badge-normal.js +4354 -0
  98. package/dist/esm/badge/templates/icon-badge.js +4360 -0
  99. package/dist/esm/badge/tests/badge-cutout-border.js +4405 -0
  100. package/dist/esm/badge/tests/badge-misc.js +62 -72
  101. package/dist/esm/badge/tests/badge-outline.js +4376 -0
  102. package/dist/esm/badge/tests/badge-position-outline.js +4438 -0
  103. package/dist/esm/badge/tests/badge-position-solid.js +4438 -0
  104. package/dist/esm/badge/tests/badge-size.js +4242 -64
  105. package/dist/esm/badge/tests/badge-solid.js +4376 -0
  106. package/dist/esm/breadcrumb/breadcrumb-link.js +1 -0
  107. package/dist/esm/breadcrumb/templates/breadcrumb-adaptive.js +4507 -0
  108. package/dist/esm/breadcrumb/templates/breadcrumb-normal.js +4504 -0
  109. package/dist/esm/breadcrumb/{tests/breadcrumb-adaptive.js → templates/breadcrumb-root-adaptive.js} +258 -261
  110. package/dist/esm/breadcrumb/templates/breadcrumb-root.js +4526 -0
  111. package/dist/esm/breadcrumb/tests/breadcrumb-items-rtl.js +5186 -0
  112. package/dist/esm/breadcrumb/tests/breadcrumb-items.js +5186 -0
  113. package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +470 -946
  114. package/dist/esm/breadcrumb/tests/breadcrumb-size.js +56 -54
  115. package/dist/esm/breadcrumb/tests/breadcrumb.js +406 -952
  116. package/dist/esm/captcha/captcha.spec.js +24 -8
  117. package/dist/esm/captcha/{tests/captcha-loading.js → templates/captcha-normal.js} +28 -15
  118. package/dist/esm/captcha/tests/captcha-rtl.js +4971 -0
  119. package/dist/esm/captcha/tests/captcha.js +36 -13
  120. package/dist/esm/chat/chat.spec.js +4 -4
  121. package/dist/esm/chat/templates/chat-normal.js +5126 -0
  122. package/dist/esm/chat/templates/chat-with-options.js +5127 -0
  123. package/dist/esm/chat/templates/chat-with-toolbar.js +5128 -0
  124. package/dist/esm/chat/tests/chat-content-rtl.js +5439 -0
  125. package/dist/esm/chat/tests/{chat-scrollable-deck.js → chat-content.js} +111 -33
  126. package/dist/esm/chat/tests/chat-rtl.js +300 -472
  127. package/dist/esm/chat/tests/chat.js +295 -483
  128. package/dist/esm/dropzone/dropzone.spec.js +11 -9
  129. package/dist/esm/dropzone/templates/dropzone-normal.js +4348 -0
  130. package/dist/esm/dropzone/templates/dropzone-with-note.js +4354 -0
  131. package/dist/esm/dropzone/tests/dropzone-states.js +4370 -0
  132. package/dist/esm/dropzone/tests/dropzone.js +34 -16
  133. package/dist/esm/editor/tests/editor-find-replace.js +225 -52
  134. package/dist/esm/editor/tests/editor-image-editor.js +936 -15
  135. package/dist/esm/editor/tests/editor-table-wizard.js +301 -128
  136. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +529 -453
  137. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +529 -453
  138. package/dist/esm/filemanager/tests/filemanager-gridview.js +594 -518
  139. package/dist/esm/filemanager/tests/filemanager-listview.js +548 -472
  140. package/dist/esm/filemanager/tests/filemanager-preview.js +647 -571
  141. package/dist/esm/form/templates/form-horizontal.js +5904 -0
  142. package/dist/esm/form/templates/form-normal.js +5903 -0
  143. package/dist/esm/form/tests/form-field-dateinputs.js +895 -58
  144. package/dist/esm/form/tests/form-field-dropdowns.js +395 -60
  145. package/dist/esm/form/tests/form-field-fieldset.js +1003 -27
  146. package/dist/esm/form/tests/form-field-inputs-rtl.js +898 -238
  147. package/dist/esm/form/tests/form-field-inputs.js +2317 -1677
  148. package/dist/esm/form/tests/form-grid-layout.js +192 -22
  149. package/dist/esm/form/tests/form-misc.js +874 -43
  150. package/dist/esm/form/tests/form-sizes.js +680 -505
  151. package/dist/esm/gantt/tests/gantt-editing-popup-general.js +202 -29
  152. package/dist/esm/gantt/tests/gantt-editing-popup-other.js +684 -29
  153. package/dist/esm/grid/tests/grid-angular.js +126 -116
  154. package/dist/esm/grid/tests/grid-column-resizing-actions.js +279 -106
  155. package/dist/esm/grid/tests/grid-editing-popup.js +187 -14
  156. package/dist/esm/grid/tests/grid-rtl-angular.js +84 -74
  157. package/dist/esm/grid/tests/grid-rtl.js +80 -70
  158. package/dist/esm/grid/tests/grid-selection-aggregates.js +76 -66
  159. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +383 -373
  160. package/dist/esm/grid/tests/grid-size-sm.js +383 -373
  161. package/dist/esm/grid/tests/grid-virtualization.js +366 -356
  162. package/dist/esm/grid/tests/grid.js +100 -90
  163. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +217 -44
  164. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +205 -32
  165. package/dist/esm/index.js +4462 -4133
  166. package/dist/esm/loader/templates/loader-container-normal.js +228 -0
  167. package/dist/esm/loader/templates/loader-converging.js +228 -0
  168. package/dist/esm/loader/templates/loader-infinite.js +228 -0
  169. package/dist/esm/loader/templates/loader-normal.js +228 -0
  170. package/dist/esm/loader/tests/{loader-sizes.js → loader-colors.js} +29 -20
  171. package/dist/esm/loader/tests/loader-container-colors.js +19 -24
  172. package/dist/esm/loader/tests/loader-container-overlay.js +24 -11
  173. package/dist/esm/loader/tests/loader-container.js +25 -18
  174. package/dist/esm/loader/tests/loader.js +27 -46
  175. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +26 -19
  176. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +309 -125
  177. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +420 -236
  178. package/dist/esm/skeleton/index.js +28 -1
  179. package/dist/esm/skeleton/templates/skeleton-circle.js +61 -0
  180. package/dist/esm/skeleton/templates/skeleton-normal.js +55 -0
  181. package/dist/esm/skeleton/templates/skeleton-rectangle.js +61 -0
  182. package/dist/esm/skeleton/tests/skeleton.js +35 -11
  183. package/dist/esm/spreadsheet/tests/spreadsheet-data-validation.js +370 -322
  184. package/dist/esm/spreadsheet/tests/spreadsheet-file-dialogs.js +549 -369
  185. package/dist/esm/spreadsheet/tests/spreadsheet-find-replace-dialog.js +451 -278
  186. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +948 -775
  187. package/dist/esm/spreadsheet/tests/spreadsheet-formula-dialog.js +309 -29
  188. package/dist/esm/spreadsheet/tests/spreadsheet-insert-dialogs.js +1124 -938
  189. package/dist/esm/spreadsheet/tests/spreadsheet-print.js +587 -539
  190. package/dist/esm/spreadsheet/tests/spreadsheet-sheets-bar.js +925 -68
  191. package/dist/esm/taskboard/tests/taskboard-pane.js +299 -126
  192. package/dist/esm/treelist/tests/treelist-editing-popup.js +673 -18
  193. package/dist/types/badge/index.d.ts +2 -0
  194. package/dist/types/badge/templates/badge-normal.d.ts +1 -0
  195. package/dist/types/badge/templates/icon-badge.d.ts +1 -0
  196. package/dist/types/breadcrumb/breadcrumb-link.d.ts +4 -1
  197. package/dist/types/breadcrumb/index.d.ts +4 -0
  198. package/dist/types/breadcrumb/templates/breadcrumb-adaptive.d.ts +1 -0
  199. package/dist/types/breadcrumb/templates/breadcrumb-normal.d.ts +1 -0
  200. package/dist/types/breadcrumb/templates/breadcrumb-root-adaptive.d.ts +1 -0
  201. package/dist/types/breadcrumb/templates/breadcrumb-root.d.ts +1 -0
  202. package/dist/types/breadcrumb/tests/breadcrumb-items.d.ts +2 -0
  203. package/dist/types/captcha/index.d.ts +1 -0
  204. package/dist/types/captcha/templates/captcha-normal.d.ts +1 -0
  205. package/dist/types/captcha/tests/captcha-rtl.d.ts +2 -0
  206. package/dist/types/chat/index.d.ts +3 -0
  207. package/dist/types/chat/templates/chat-normal.d.ts +1 -0
  208. package/dist/types/chat/templates/chat-with-options.d.ts +1 -0
  209. package/dist/types/chat/templates/chat-with-toolbar.d.ts +1 -0
  210. package/dist/types/chat/tests/chat-content-rtl.d.ts +2 -0
  211. package/dist/types/chat/tests/chat-content.d.ts +2 -0
  212. package/dist/types/dropzone/dropzone.spec.d.ts +12 -3
  213. package/dist/types/dropzone/index.d.ts +2 -0
  214. package/dist/types/dropzone/templates/dropzone-normal.d.ts +1 -0
  215. package/dist/types/dropzone/templates/dropzone-with-note.d.ts +1 -0
  216. package/dist/types/dropzone/tests/dropzone-states.d.ts +2 -0
  217. package/dist/types/form/index.d.ts +2 -0
  218. package/dist/types/form/templates/form-horizontal.d.ts +1 -0
  219. package/dist/types/form/templates/form-normal.d.ts +1 -0
  220. package/dist/types/index.d.ts +1 -0
  221. package/dist/types/loader/index.d.ts +4 -0
  222. package/dist/types/loader/templates/loader-container-normal.d.ts +1 -0
  223. package/dist/types/loader/templates/loader-converging.d.ts +1 -0
  224. package/dist/types/loader/templates/loader-infinite.d.ts +1 -0
  225. package/dist/types/loader/templates/loader-normal.d.ts +1 -0
  226. package/dist/types/loader/tests/loader-colors.d.ts +2 -0
  227. package/dist/types/skeleton/index.d.ts +3 -0
  228. package/dist/types/skeleton/templates/skeleton-circle.d.ts +1 -0
  229. package/dist/types/skeleton/templates/skeleton-normal.d.ts +1 -0
  230. package/dist/types/skeleton/templates/skeleton-rectangle.d.ts +1 -0
  231. package/package.json +2 -2
  232. package/src/badge/index.ts +2 -0
  233. package/src/badge/templates/badge-normal.tsx +3 -0
  234. package/src/badge/templates/icon-badge.tsx +11 -0
  235. package/src/badge/tests/badge-cutout-border.tsx +91 -0
  236. package/src/badge/tests/badge-misc.tsx +73 -136
  237. package/src/badge/tests/badge-outline.tsx +29 -0
  238. package/src/badge/tests/badge-position-outline.tsx +171 -0
  239. package/src/badge/tests/{badge-position.tsx → badge-position-solid.tsx} +36 -36
  240. package/src/badge/tests/badge-size.tsx +28 -65
  241. package/src/badge/tests/badge-solid.tsx +29 -0
  242. package/src/breadcrumb/breadcrumb-link.tsx +2 -0
  243. package/src/breadcrumb/index.ts +4 -0
  244. package/src/breadcrumb/templates/breadcrumb-adaptive.tsx +37 -0
  245. package/src/breadcrumb/templates/breadcrumb-normal.tsx +36 -0
  246. package/src/breadcrumb/templates/breadcrumb-root-adaptive.tsx +45 -0
  247. package/src/breadcrumb/templates/breadcrumb-root.tsx +41 -0
  248. package/src/breadcrumb/tests/breadcrumb-items-rtl.tsx +194 -0
  249. package/src/breadcrumb/tests/breadcrumb-items.tsx +194 -0
  250. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +107 -187
  251. package/src/breadcrumb/tests/breadcrumb-size.tsx +27 -78
  252. package/src/breadcrumb/tests/breadcrumb.tsx +59 -253
  253. package/src/captcha/captcha.spec.tsx +2 -2
  254. package/src/captcha/index.ts +1 -0
  255. package/src/captcha/templates/captcha-normal.tsx +5 -0
  256. package/src/captcha/tests/captcha-rtl.tsx +16 -0
  257. package/src/captcha/tests/captcha.tsx +9 -6
  258. package/src/chat/chat.spec.tsx +4 -4
  259. package/src/chat/index.ts +3 -0
  260. package/src/chat/templates/chat-normal.tsx +23 -0
  261. package/src/chat/templates/chat-with-options.tsx +25 -0
  262. package/src/chat/templates/chat-with-toolbar.tsx +26 -0
  263. package/src/chat/tests/chat-content-rtl.tsx +166 -0
  264. package/src/chat/tests/chat-content.tsx +166 -0
  265. package/src/chat/tests/chat-rtl.tsx +28 -40
  266. package/src/chat/tests/chat.tsx +22 -78
  267. package/src/dropzone/dropzone.spec.tsx +13 -5
  268. package/src/dropzone/index.ts +2 -0
  269. package/src/dropzone/templates/dropzone-normal.tsx +3 -0
  270. package/src/dropzone/templates/dropzone-with-note.tsx +7 -0
  271. package/src/dropzone/tests/dropzone-states.tsx +22 -0
  272. package/src/dropzone/tests/dropzone.tsx +11 -9
  273. package/src/editor/tests/editor-find-replace.tsx +5 -5
  274. package/src/editor/tests/editor-image-editor.tsx +3 -3
  275. package/src/editor/tests/editor-table-wizard.tsx +7 -7
  276. package/src/filemanager/tests/filemanager-contextmenu.tsx +3 -3
  277. package/src/filemanager/tests/filemanager-drag-hint.tsx +3 -3
  278. package/src/filemanager/tests/filemanager-gridview.tsx +5 -5
  279. package/src/filemanager/tests/filemanager-listview.tsx +5 -5
  280. package/src/filemanager/tests/filemanager-preview.tsx +7 -7
  281. package/src/form/index.ts +2 -0
  282. package/src/form/templates/form-horizontal.tsx +48 -0
  283. package/src/form/templates/form-normal.tsx +47 -0
  284. package/src/form/tests/form-field-dateinputs.tsx +9 -9
  285. package/src/form/tests/form-field-dropdowns.tsx +9 -9
  286. package/src/form/tests/form-field-fieldset.tsx +9 -7
  287. package/src/form/tests/form-field-inputs-rtl.tsx +10 -10
  288. package/src/form/tests/form-field-inputs.tsx +37 -69
  289. package/src/form/tests/form-grid-layout.tsx +3 -9
  290. package/src/form/tests/form-misc.tsx +7 -22
  291. package/src/form/tests/form-sizes.tsx +27 -59
  292. package/src/gantt/tests/gantt-editing-popup-general.tsx +3 -3
  293. package/src/gantt/tests/gantt-editing-popup-other.tsx +3 -3
  294. package/src/grid/tests/grid-angular.tsx +2 -2
  295. package/src/grid/tests/grid-column-resizing-actions.tsx +3 -3
  296. package/src/grid/tests/grid-editing-popup.tsx +3 -3
  297. package/src/grid/tests/grid-rtl-angular.tsx +3 -3
  298. package/src/grid/tests/grid-rtl.tsx +3 -3
  299. package/src/grid/tests/grid-selection-aggregates.tsx +5 -5
  300. package/src/grid/tests/grid-size-sm-comp-sm.tsx +3 -3
  301. package/src/grid/tests/grid-size-sm.tsx +3 -3
  302. package/src/grid/tests/grid-virtualization.tsx +201 -201
  303. package/src/grid/tests/grid.tsx +3 -3
  304. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +3 -3
  305. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +3 -3
  306. package/src/index.ts +1 -1
  307. package/src/loader/index.ts +4 -0
  308. package/src/loader/templates/loader-container-normal.tsx +5 -0
  309. package/src/loader/templates/loader-converging.tsx +5 -0
  310. package/src/loader/templates/loader-infinite.tsx +5 -0
  311. package/src/loader/templates/loader-normal.tsx +5 -0
  312. package/src/loader/tests/loader-colors.tsx +34 -0
  313. package/src/loader/tests/loader-container-colors.tsx +11 -52
  314. package/src/loader/tests/loader-container-overlay.tsx +5 -5
  315. package/src/loader/tests/loader-container.tsx +16 -35
  316. package/src/loader/tests/loader.tsx +15 -129
  317. package/src/pdf-viewer/tests/pdf-viewer-blank-page.tsx +2 -2
  318. package/src/scheduler/tests/scheduler-edit-dialog.tsx +3 -3
  319. package/src/scheduler/tests/scheduler-editing-weekly.tsx +3 -3
  320. package/src/skeleton/index.tsx +3 -0
  321. package/src/skeleton/templates/skeleton-circle.tsx +7 -0
  322. package/src/skeleton/templates/skeleton-normal.tsx +3 -0
  323. package/src/skeleton/templates/skeleton-rectangle.tsx +7 -0
  324. package/src/skeleton/tests/skeleton.tsx +10 -10
  325. package/src/spreadsheet/tests/spreadsheet-data-validation.tsx +3 -3
  326. package/src/spreadsheet/tests/spreadsheet-file-dialogs.tsx +5 -5
  327. package/src/spreadsheet/tests/spreadsheet-find-replace-dialog.tsx +3 -3
  328. package/src/spreadsheet/tests/spreadsheet-format-dialogs.tsx +5 -5
  329. package/src/spreadsheet/tests/spreadsheet-formula-dialog.tsx +3 -3
  330. package/src/spreadsheet/tests/spreadsheet-insert-dialogs.tsx +11 -11
  331. package/src/spreadsheet/tests/spreadsheet-print.tsx +5 -5
  332. package/src/spreadsheet/tests/spreadsheet-sheets-bar.tsx +3 -3
  333. package/src/taskboard/tests/taskboard-pane.tsx +5 -5
  334. package/src/treelist/tests/treelist-editing-popup.tsx +3 -3
  335. package/dist/cjs/badge/tests/badge-position.js +0 -250
  336. package/dist/cjs/badge/tests/badge.js +0 -357
  337. package/dist/esm/badge/tests/badge-position.js +0 -228
  338. package/dist/esm/badge/tests/badge.js +0 -335
  339. package/src/badge/tests/badge.tsx +0 -221
  340. package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +0 -82
  341. package/src/captcha/tests/captcha-loading.tsx +0 -13
  342. package/src/chat/tests/chat-scrollable-deck.tsx +0 -64
  343. package/src/loader/tests/loader-sizes.tsx +0 -54
  344. /package/dist/types/badge/tests/{badge-position.d.ts → badge-cutout-border.d.ts} +0 -0
  345. /package/dist/types/badge/tests/{badge.d.ts → badge-outline.d.ts} +0 -0
  346. /package/dist/types/{breadcrumb/tests/breadcrumb-adaptive.d.ts → badge/tests/badge-position-outline.d.ts} +0 -0
  347. /package/dist/types/{captcha/tests/captcha-loading.d.ts → badge/tests/badge-position-solid.d.ts} +0 -0
  348. /package/dist/types/{chat/tests/chat-scrollable-deck.d.ts → badge/tests/badge-solid.d.ts} +0 -0
  349. /package/dist/types/{loader/tests/loader-sizes.d.ts → breadcrumb/tests/breadcrumb-items-rtl.d.ts} +0 -0
package/src/breadcrumb/tests/breadcrumb-rtl.tsx CHANGED
@@ -1,14 +1,25 @@
1
+ import { BreadcrumbAdaptive, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbNormal, BreadcrumbRoot, BreadcrumbRootAdaptive, BreadcrumbRootItemContainer } from '..';
1
2
  import { Icon } from '../../icon';
2
- import { Textbox } from '../../textbox';
3
- import { Breadcrumb, BreadcrumbContainer, BreadcrumbInputContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRootItemContainer } from '../../breadcrumb';
3
+
4
+ const styles = `
5
+ #test-area {
6
+ grid-template-columns: 80px repeat(2, 1fr);
7
+ }
8
+ `;
4
9
 
5
10
 
6
11
  export default () =>(
7
12
  <>
8
- <div id="test-area" className="k-d-grid k-grid-cols-2 k-rtl">
9
- <span className="k-colspan-all k-col-span-full">Wrapping</span>
13
+ <style>{styles}</style>
14
+ <div id="test-area" className="k-d-grid k-grid-cols-3 k-rtl">
15
+
16
+ <span></span>
17
+ <span>Collapsing with root item</span>
18
+ <span>Collapsing without root item</span>
19
+
20
+ <span>none</span>
10
21
  <div>
11
- <Breadcrumb collapsing="wrap" style={{ width: "400px" }} dir="rtl">
22
+ <BreadcrumbRoot collapsing="none" size="large">
12
23
  <BreadcrumbRootItemContainer>
13
24
  <BreadcrumbItem root>
14
25
  <BreadcrumbLink root icontext>
@@ -17,331 +28,240 @@ export default () =>(
17
28
  </BreadcrumbLink>
18
29
  </BreadcrumbItem>
19
30
  </BreadcrumbRootItemContainer>
20
-
21
- <BreadcrumbContainer collapsing="wrap">
22
- <BreadcrumbItem>
23
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
24
- <BreadcrumbLink disabled icontext>
25
- <Icon icon="clock" />
26
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
27
- </BreadcrumbLink>
28
- </BreadcrumbItem>
31
+ <BreadcrumbContainer collapsing="none">
29
32
  <BreadcrumbItem>
30
33
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
31
34
  <BreadcrumbLink>
32
- <img className="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20" />
33
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
35
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
34
36
  </BreadcrumbLink>
35
37
  </BreadcrumbItem>
36
38
  <BreadcrumbItem>
37
39
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
38
40
  <BreadcrumbLink>
39
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
40
- </BreadcrumbLink>
41
- </BreadcrumbItem>
42
- <BreadcrumbItem>
43
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
44
- <BreadcrumbLink icon>
45
- <Icon icon="clock" />
41
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
46
42
  </BreadcrumbLink>
47
43
  </BreadcrumbItem>
48
44
  <BreadcrumbItem last>
49
45
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
50
- <BreadcrumbLink disabled>
51
- <BreadcrumbItemText text="Fifth item"></BreadcrumbItemText>
46
+ <BreadcrumbLink>
47
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
52
48
  </BreadcrumbLink>
53
49
  </BreadcrumbItem>
54
50
  </BreadcrumbContainer>
55
- </Breadcrumb>
51
+ </BreadcrumbRoot>
56
52
  </div>
57
53
 
58
54
  <div>
59
- <Breadcrumb collapsing="wrap" style={{ width: "400px" }} dir="rtl">
60
- <BreadcrumbRootItemContainer>
61
- <BreadcrumbItem root>
62
- <BreadcrumbLink root>
63
- <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
64
- </BreadcrumbLink>
65
- </BreadcrumbItem>
66
- </BreadcrumbRootItemContainer>
67
-
68
- <BreadcrumbContainer collapsing="wrap">
69
- <BreadcrumbItem>
70
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
71
- <BreadcrumbLink disabled icontext>
72
- <Icon icon="clock" />
73
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
74
- </BreadcrumbLink>
75
- </BreadcrumbItem>
55
+ <BreadcrumbNormal collapsing="none" size="large">
56
+ <BreadcrumbContainer collapsing="none">
76
57
  <BreadcrumbItem>
77
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
78
58
  <BreadcrumbLink>
79
- <img className="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20" />
80
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
59
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
81
60
  </BreadcrumbLink>
82
61
  </BreadcrumbItem>
83
62
  <BreadcrumbItem>
84
63
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
85
64
  <BreadcrumbLink>
86
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
65
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
87
66
  </BreadcrumbLink>
88
67
  </BreadcrumbItem>
89
68
  <BreadcrumbItem>
90
69
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
91
- <BreadcrumbLink icon>
92
- <Icon icon="clock" />
70
+ <BreadcrumbLink>
71
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
93
72
  </BreadcrumbLink>
94
73
  </BreadcrumbItem>
95
74
  <BreadcrumbItem last>
96
75
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
97
- <BreadcrumbLink disabled>
98
- <BreadcrumbItemText text="Fifth item"></BreadcrumbItemText>
76
+ <BreadcrumbLink>
77
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
99
78
  </BreadcrumbLink>
100
79
  </BreadcrumbItem>
101
80
  </BreadcrumbContainer>
102
- </Breadcrumb>
81
+ </BreadcrumbNormal>
103
82
  </div>
104
83
 
84
+
85
+ <span>auto</span>
105
86
  <div>
106
- <Breadcrumb collapsing="wrap" style={{ width: "400px" }} dir="rtl">
87
+ <BreadcrumbRootAdaptive size="large">
107
88
  <BreadcrumbRootItemContainer>
108
89
  <BreadcrumbItem root>
109
- <BreadcrumbLink root icon>
90
+ <BreadcrumbLink root icontext>
110
91
  <Icon icon="home" />
92
+ <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
111
93
  </BreadcrumbLink>
112
94
  </BreadcrumbItem>
113
95
  </BreadcrumbRootItemContainer>
114
96
 
115
- <BreadcrumbContainer collapsing="wrap">
97
+ <BreadcrumbContainer>
116
98
  <BreadcrumbItem>
117
99
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
118
- <BreadcrumbLink disabled icontext>
119
- <Icon icon="clock" />
120
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
121
- </BreadcrumbLink>
122
100
  </BreadcrumbItem>
123
101
  <BreadcrumbItem>
124
102
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
125
103
  <BreadcrumbLink>
126
- <img className="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20" />
127
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
104
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
128
105
  </BreadcrumbLink>
129
106
  </BreadcrumbItem>
130
107
  <BreadcrumbItem>
131
108
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
132
109
  <BreadcrumbLink>
133
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
134
- </BreadcrumbLink>
135
- </BreadcrumbItem>
136
- <BreadcrumbItem>
137
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
138
- <BreadcrumbLink icon>
139
- <Icon icon="clock" />
110
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
140
111
  </BreadcrumbLink>
141
112
  </BreadcrumbItem>
142
113
  <BreadcrumbItem last>
143
114
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
144
- <BreadcrumbLink disabled>
145
- <BreadcrumbItemText text="Fifth item"></BreadcrumbItemText>
115
+ <BreadcrumbLink>
116
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
146
117
  </BreadcrumbLink>
147
118
  </BreadcrumbItem>
148
119
  </BreadcrumbContainer>
149
- </Breadcrumb>
120
+ </BreadcrumbRootAdaptive>
150
121
  </div>
151
122
 
152
- <span className="k-colspan-all k-col-span-full">Navigation Mode</span>
153
123
  <div>
154
- <Breadcrumb>
124
+ <BreadcrumbAdaptive size="large">
155
125
  <BreadcrumbContainer>
156
- <BreadcrumbItem root>
157
- <BreadcrumbLink root icon>
158
- <Icon icon="home" />
126
+ <BreadcrumbItem>
127
+ <BreadcrumbLink>
128
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
159
129
  </BreadcrumbLink>
160
130
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
161
131
  </BreadcrumbItem>
162
132
  <BreadcrumbItem>
133
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
163
134
  <BreadcrumbLink>
164
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
135
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
165
136
  </BreadcrumbLink>
166
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
167
137
  </BreadcrumbItem>
168
138
  <BreadcrumbItem>
139
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
169
140
  <BreadcrumbLink>
170
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
141
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
171
142
  </BreadcrumbLink>
172
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
173
143
  </BreadcrumbItem>
174
144
  <BreadcrumbItem last>
175
- <BreadcrumbLink disabled>
176
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
145
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
146
+ <BreadcrumbLink>
147
+ <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
177
148
  </BreadcrumbLink>
178
149
  </BreadcrumbItem>
179
150
  </BreadcrumbContainer>
180
- </Breadcrumb>
151
+ </BreadcrumbAdaptive>
181
152
  </div>
182
153
 
154
+ <span>wrap</span>
183
155
  <div>
184
- <Breadcrumb>
185
- <BreadcrumbContainer>
156
+ <BreadcrumbRoot collapsing="wrap" size="large">
157
+ <BreadcrumbRootItemContainer>
186
158
  <BreadcrumbItem root>
187
- <BreadcrumbLink root icon focus>
159
+ <BreadcrumbLink root icontext>
188
160
  <Icon icon="home" />
161
+ <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
189
162
  </BreadcrumbLink>
190
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
191
163
  </BreadcrumbItem>
164
+ </BreadcrumbRootItemContainer>
165
+ <BreadcrumbContainer collapsing="wrap">
192
166
  <BreadcrumbItem>
193
- <BreadcrumbLink focus>
194
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
195
- </BreadcrumbLink>
196
167
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
168
+ <BreadcrumbLink>
169
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
170
+ </BreadcrumbLink>
197
171
  </BreadcrumbItem>
198
172
  <BreadcrumbItem>
173
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
199
174
  <BreadcrumbLink>
200
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
175
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
201
176
  </BreadcrumbLink>
202
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
203
177
  </BreadcrumbItem>
204
178
  <BreadcrumbItem last>
205
- <BreadcrumbLink disabled>
206
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
207
- </BreadcrumbLink>
208
- </BreadcrumbItem>
209
- </BreadcrumbContainer>
210
- </Breadcrumb>
211
- </div>
212
-
213
- <div>
214
- <Breadcrumb>
215
- <BreadcrumbContainer>
216
- <BreadcrumbItem root>
217
- <BreadcrumbLink root icon hover>
218
- <Icon icon="home" />
219
- </BreadcrumbLink>
220
179
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
180
+ <BreadcrumbLink>
181
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
182
+ </BreadcrumbLink>
221
183
  </BreadcrumbItem>
222
184
  <BreadcrumbItem>
223
- <BreadcrumbLink hover>
224
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
225
- </BreadcrumbLink>
226
185
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
186
+ <BreadcrumbLink>
187
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
188
+ </BreadcrumbLink>
227
189
  </BreadcrumbItem>
228
190
  <BreadcrumbItem>
191
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
229
192
  <BreadcrumbLink>
230
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
193
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
231
194
  </BreadcrumbLink>
232
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
233
195
  </BreadcrumbItem>
234
196
  <BreadcrumbItem last>
235
- <BreadcrumbLink disabled>
236
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
237
- </BreadcrumbLink>
238
- </BreadcrumbItem>
239
- </BreadcrumbContainer>
240
- </Breadcrumb>
241
- </div>
242
-
243
- <div>
244
- <Breadcrumb>
245
- <BreadcrumbContainer>
246
- <BreadcrumbItem root>
247
- <BreadcrumbLink root icon hover>
248
- <Icon icon="home" />
249
- </BreadcrumbLink>
250
197
  <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
251
- </BreadcrumbItem>
252
- <BreadcrumbItem>
253
- <BreadcrumbLink icontext>
254
- <Icon icon="cloud" />
255
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
256
- </BreadcrumbLink>
257
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
258
- </BreadcrumbItem>
259
- <BreadcrumbItem>
260
- <BreadcrumbLink icon>
261
- <Icon icon="camera" />
198
+ <BreadcrumbLink>
199
+ <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
262
200
  </BreadcrumbLink>
263
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
264
201
  </BreadcrumbItem>
265
202
  <BreadcrumbItem last>
266
- <BreadcrumbLink disabled>
267
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
203
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
204
+ <BreadcrumbLink>
205
+ <BreadcrumbItemText text="Item 07"></BreadcrumbItemText>
268
206
  </BreadcrumbLink>
269
207
  </BreadcrumbItem>
270
208
  </BreadcrumbContainer>
271
- </Breadcrumb>
209
+ </BreadcrumbRoot>
272
210
  </div>
273
-
274
- <span className="k-colspan-all k-col-span-full">Edit Mode</span>
275
211
  <div>
276
- <Breadcrumb focus>
277
- <BreadcrumbContainer>
278
- <BreadcrumbItem root>
279
- <BreadcrumbLink root icon>
280
- <Icon icon="home" />
212
+ <BreadcrumbNormal collapsing="wrap" size="large">
213
+ <BreadcrumbContainer collapsing="wrap">
214
+ <BreadcrumbItem>
215
+ <BreadcrumbLink>
216
+ <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
281
217
  </BreadcrumbLink>
282
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
283
218
  </BreadcrumbItem>
284
219
  <BreadcrumbItem>
220
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
285
221
  <BreadcrumbLink>
286
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
222
+ <BreadcrumbItemText text="Item 02"></BreadcrumbItemText>
287
223
  </BreadcrumbLink>
288
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
289
224
  </BreadcrumbItem>
290
225
  <BreadcrumbItem>
226
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
291
227
  <BreadcrumbLink>
292
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
228
+ <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
293
229
  </BreadcrumbLink>
294
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
295
230
  </BreadcrumbItem>
296
231
  <BreadcrumbItem last>
297
- <BreadcrumbLink disabled>
298
- <BreadcrumbItemText text="Third item"></BreadcrumbItemText>
232
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
233
+ <BreadcrumbLink>
234
+ <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
299
235
  </BreadcrumbLink>
300
236
  </BreadcrumbItem>
301
- </BreadcrumbContainer>
302
- </Breadcrumb>
303
- </div>
304
-
305
- <div>
306
- <Breadcrumb>
307
- <BreadcrumbInputContainer>
308
- <Textbox showClearButton={false} value="First item/Second item/Breadcrumb Pattern/Third item" />
309
- </BreadcrumbInputContainer>
310
- </Breadcrumb>
311
- </div>
312
-
313
- <span className="k-colspan-all k-col-span-full">Overflow</span>
314
- <div>
315
- <Breadcrumb>
316
- <BreadcrumbContainer>
317
- <BreadcrumbItem root>
318
- <BreadcrumbLink root icon>
319
- <Icon icon="home" />
237
+ <BreadcrumbItem>
238
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
239
+ <BreadcrumbLink>
240
+ <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
320
241
  </BreadcrumbLink>
321
- <Icon className="k-breadcrumb-delimiter-icon k-breadcrumb-overflow-icon" icon="chevron-left" />
322
- <Icon className="k-breadcrumb-delimiter-icon k-breadcrumb-overflow-icon" icon="chevron-left" />
323
242
  </BreadcrumbItem>
324
- <BreadcrumbItem hidden>
243
+ <BreadcrumbItem>
244
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
325
245
  <BreadcrumbLink>
326
- <BreadcrumbItemText text="First item"></BreadcrumbItemText>
246
+ <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
327
247
  </BreadcrumbLink>
328
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
329
248
  </BreadcrumbItem>
330
- <BreadcrumbItem hidden>
249
+ <BreadcrumbItem>
250
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
331
251
  <BreadcrumbLink>
332
- <BreadcrumbItemText text="Second item"></BreadcrumbItemText>
252
+ <BreadcrumbItemText text="Item 07"></BreadcrumbItemText>
333
253
  </BreadcrumbLink>
334
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
335
254
  </BreadcrumbItem>
336
255
  <BreadcrumbItem last>
337
- <BreadcrumbLink disabled>
338
- <BreadcrumbItemText text="Breadcrumb item "></BreadcrumbItemText>
256
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
257
+ <BreadcrumbLink>
258
+ <BreadcrumbItemText text="Item 08"></BreadcrumbItemText>
339
259
  </BreadcrumbLink>
340
260
  </BreadcrumbItem>
341
261
  </BreadcrumbContainer>
342
- </Breadcrumb>
262
+ </BreadcrumbNormal>
343
263
  </div>
344
- </div>
345
264
 
265
+ </div>
346
266
  </>
347
267
  );
package/src/breadcrumb/tests/breadcrumb-size.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Icon } from '../../icon';
2
- import { Breadcrumb, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRootItemContainer } from '..';
2
+ import { Breadcrumb, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRoot, BreadcrumbRootItemContainer } from '..';
3
3
 
4
4
  export default () =>(
5
5
  <>
@@ -9,83 +9,32 @@ export default () =>(
9
9
  <div>medium</div>
10
10
  <div>large</div>
11
11
 
12
-
13
- <Breadcrumb collapsing="wrap" size="small">
14
- <BreadcrumbRootItemContainer>
15
- <BreadcrumbItem root>
16
- <BreadcrumbLink root icontext focus>
17
- <Icon icon="home" />
18
- <BreadcrumbItemText text="Home"></BreadcrumbItemText>
19
- </BreadcrumbLink>
20
- </BreadcrumbItem>
21
- </BreadcrumbRootItemContainer>
22
- <BreadcrumbContainer collapsing="wrap">
23
- <BreadcrumbItem>
24
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
25
- <BreadcrumbLink focus>
26
- <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
27
- </BreadcrumbLink>
28
- </BreadcrumbItem>
29
- <BreadcrumbItem>
30
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
31
- <BreadcrumbLink icon focus>
32
- <Icon icon="clock" />
33
- </BreadcrumbLink>
34
- </BreadcrumbItem>
35
- </BreadcrumbContainer>
36
- </Breadcrumb>
37
-
38
- <Breadcrumb collapsing="wrap" size="medium">
39
- <BreadcrumbRootItemContainer>
40
- <BreadcrumbItem root>
41
- <BreadcrumbLink root icontext focus>
42
- <Icon icon="home" />
43
- <BreadcrumbItemText text="Home"></BreadcrumbItemText>
44
- </BreadcrumbLink>
45
- </BreadcrumbItem>
46
- </BreadcrumbRootItemContainer>
47
- <BreadcrumbContainer collapsing="wrap">
48
- <BreadcrumbItem>
49
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
50
- <BreadcrumbLink focus>
51
- <span className="test"></span>
52
- <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
53
- </BreadcrumbLink>
54
- </BreadcrumbItem>
55
- <BreadcrumbItem>
56
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
57
- <BreadcrumbLink icon focus>
58
- <Icon icon="clock" />
59
- </BreadcrumbLink>
60
- </BreadcrumbItem>
61
- </BreadcrumbContainer>
62
- </Breadcrumb>
63
-
64
- <Breadcrumb collapsing="wrap" size="large">
65
- <BreadcrumbRootItemContainer>
66
- <BreadcrumbItem root>
67
- <BreadcrumbLink root icontext focus>
68
- <Icon icon="home" />
69
- <BreadcrumbItemText text="Home"></BreadcrumbItemText>
70
- </BreadcrumbLink>
71
- </BreadcrumbItem>
72
- </BreadcrumbRootItemContainer>
73
- <BreadcrumbContainer collapsing="wrap">
74
- <BreadcrumbItem>
75
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
76
- <BreadcrumbLink focus>
77
- <span className="test"></span>
78
- <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
79
- </BreadcrumbLink>
80
- </BreadcrumbItem>
81
- <BreadcrumbItem>
82
- <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
83
- <BreadcrumbLink icon focus>
84
- <Icon icon="clock" />
85
- </BreadcrumbLink>
86
- </BreadcrumbItem>
87
- </BreadcrumbContainer>
88
- </Breadcrumb>
12
+ {Breadcrumb.options.size.map( (size) => (
13
+ <BreadcrumbRoot collapsing="wrap" size={size}>
14
+ <BreadcrumbRootItemContainer>
15
+ <BreadcrumbItem root>
16
+ <BreadcrumbLink root icontext focus>
17
+ <Icon icon="home" />
18
+ <BreadcrumbItemText text="Home"></BreadcrumbItemText>
19
+ </BreadcrumbLink>
20
+ </BreadcrumbItem>
21
+ </BreadcrumbRootItemContainer>
22
+ <BreadcrumbContainer collapsing="wrap">
23
+ <BreadcrumbItem>
24
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
25
+ <BreadcrumbLink focus>
26
+ <BreadcrumbItemText text="Text item"></BreadcrumbItemText>
27
+ </BreadcrumbLink>
28
+ </BreadcrumbItem>
29
+ <BreadcrumbItem last>
30
+ <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
31
+ <BreadcrumbLink icon focus>
32
+ <Icon icon="clock" />
33
+ </BreadcrumbLink>
34
+ </BreadcrumbItem>
35
+ </BreadcrumbContainer>
36
+ </BreadcrumbRoot>
37
+ ))}
89
38
  </div>
90
39
  </>
91
40
  );