@progress/kendo-themes-html 6.7.0-dev.0 → 6.7.0-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 (705) hide show
  1. package/dist/cjs/action-sheet/tests/action-sheet-data-table.js +100 -88
  2. package/dist/cjs/action-sheet/tests/action-sheet-date-time-selector.js +63 -26
  3. package/dist/cjs/action-sheet/tests/action-sheet-time-selector.js +51 -14
  4. package/dist/cjs/action-sheet/tests/action-sheet-treeview.js +56 -44
  5. package/dist/cjs/captcha/captcha.spec.js +55 -25
  6. package/dist/cjs/captcha/tests/captcha-loading.js +59 -29
  7. package/dist/cjs/captcha/tests/captcha.js +59 -29
  8. package/dist/cjs/chat/chat-message-group.js +261 -0
  9. package/dist/cjs/chat/chat-message.js +112 -0
  10. package/dist/cjs/chat/chat-quick-replies.js +71 -0
  11. package/dist/cjs/chat/chat.spec.js +6859 -0
  12. package/dist/cjs/chat/tests/chat-rtl.js +2613 -235
  13. package/dist/cjs/chat/tests/chat-scrollable-deck.js +2802 -206
  14. package/dist/cjs/chat/tests/chat.js +1117 -790
  15. package/dist/cjs/datetime-selector/datetime-selector.spec.js +96 -23
  16. package/dist/cjs/datetime-selector/tests/datetime-selector.js +94 -85
  17. package/dist/cjs/datetimepicker/datetimepicker.spec.js +75 -66
  18. package/dist/cjs/datetimepicker/templates/datetimepicker-adaptive.js +77 -68
  19. package/dist/cjs/datetimepicker/templates/datetimepicker-normal.js +77 -68
  20. package/dist/cjs/datetimepicker/templates/datetimepicker-popup.js +77 -68
  21. package/dist/cjs/datetimepicker/tests/datetimepicker-adaptive.js +87 -78
  22. package/dist/cjs/datetimepicker/tests/datetimepicker-flat.js +92 -83
  23. package/dist/cjs/datetimepicker/tests/datetimepicker-opened.js +89 -80
  24. package/dist/cjs/datetimepicker/tests/datetimepicker-outline.js +92 -83
  25. package/dist/cjs/datetimepicker/tests/datetimepicker-size-rounded.js +90 -81
  26. package/dist/cjs/datetimepicker/tests/datetimepicker-solid.js +92 -83
  27. package/dist/cjs/dropdowngrid/dropdowngrid.spec.js +63 -51
  28. package/dist/cjs/dropdowngrid/templates/dropdowngrid-adaptive.js +65 -53
  29. package/dist/cjs/dropdowngrid/templates/dropdowngrid-normal.js +65 -53
  30. package/dist/cjs/dropdowngrid/templates/dropdowngrid-popup.js +103 -91
  31. package/dist/cjs/dropdowngrid/tests/dropdowngrid-adaptive.js +75 -63
  32. package/dist/cjs/dropdowngrid/tests/dropdowngrid-flat.js +80 -68
  33. package/dist/cjs/dropdowngrid/tests/dropdowngrid-opened.js +113 -101
  34. package/dist/cjs/dropdowngrid/tests/dropdowngrid-outline.js +82 -70
  35. package/dist/cjs/dropdowngrid/tests/dropdowngrid-size-rounded.js +78 -66
  36. package/dist/cjs/dropdowngrid/tests/dropdowngrid-solid.js +80 -68
  37. package/dist/cjs/dropdowntree/dropdowntree.spec.js +35 -23
  38. package/dist/cjs/dropdowntree/templates/dropdowntree-adaptive.js +37 -25
  39. package/dist/cjs/dropdowntree/templates/dropdowntree-normal.js +37 -25
  40. package/dist/cjs/dropdowntree/templates/dropdowntree-popup.js +47 -35
  41. package/dist/cjs/dropdowntree/tests/dropdowntree-adaptive.js +47 -35
  42. package/dist/cjs/dropdowntree/tests/dropdowntree-flat.js +52 -40
  43. package/dist/cjs/dropdowntree/tests/dropdowntree-opened.js +57 -45
  44. package/dist/cjs/dropdowntree/tests/dropdowntree-outline.js +52 -40
  45. package/dist/cjs/dropdowntree/tests/dropdowntree-size-rounded.js +50 -38
  46. package/dist/cjs/dropdowntree/tests/dropdowntree-solid.js +52 -40
  47. package/dist/cjs/editor/editor-toolbar.js +48 -43
  48. package/dist/cjs/editor/tests/editor-find-replace.js +48 -43
  49. package/dist/cjs/editor/tests/editor-table-wizard.js +129 -127
  50. package/dist/cjs/editor/tests/editor-view-source.js +14 -12
  51. package/dist/cjs/editor/tests/editor.js +48 -43
  52. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +84 -67
  53. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +84 -67
  54. package/dist/cjs/filemanager/tests/filemanager-gridview.js +149 -132
  55. package/dist/cjs/filemanager/tests/filemanager-listview.js +103 -86
  56. package/dist/cjs/filemanager/tests/filemanager-preview.js +202 -185
  57. package/dist/cjs/filemanager/tests/filemanager-toolbar.js +605 -580
  58. package/dist/cjs/filter/tests/filter.js +48 -43
  59. package/dist/cjs/floating-label/tests/floating-label-flat.js +43 -41
  60. package/dist/cjs/floating-label/tests/floating-label-outline.js +43 -41
  61. package/dist/cjs/floating-label/tests/floating-label.js +43 -41
  62. package/dist/cjs/form/tests/form-field-dateinputs.js +111 -102
  63. package/dist/cjs/form/tests/form-field-dropdowns.js +82 -47
  64. package/dist/cjs/form/tests/form-field-fieldset.js +68 -66
  65. package/dist/cjs/form/tests/form-field-inputs-rtl.js +239 -222
  66. package/dist/cjs/form/tests/form-field-inputs.js +240 -223
  67. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +204 -195
  68. package/dist/cjs/gantt/tests/gantt-editing-popup-other.js +288 -286
  69. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +48 -43
  70. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +48 -43
  71. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +48 -43
  72. package/dist/cjs/gantt/tests/gantt-react.js +48 -43
  73. package/dist/cjs/gantt/tests/gantt-row-reordering.js +48 -43
  74. package/dist/cjs/gantt/tests/gantt.js +48 -43
  75. package/dist/cjs/grid/tests/grid-adaptive-column-menu.js +58 -50
  76. package/dist/cjs/grid/tests/grid-adaptive-filter-bool.js +28 -19
  77. package/dist/cjs/grid/tests/grid-adaptive-filter.js +37 -28
  78. package/dist/cjs/grid/tests/grid-adaptive-pager.js +149 -92
  79. package/dist/cjs/grid/tests/grid-adaptive-search.js +48 -43
  80. package/dist/cjs/grid/tests/grid-angular.js +180 -87
  81. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +580 -506
  82. package/dist/cjs/grid/tests/grid-column-reordering.js +585 -511
  83. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +728 -547
  84. package/dist/cjs/grid/tests/grid-editing-custom-editor.js +275 -223
  85. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +48 -43
  86. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +48 -43
  87. package/dist/cjs/grid/tests/grid-editing.js +48 -43
  88. package/dist/cjs/grid/tests/grid-filter-row-angular.js +48 -43
  89. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +48 -43
  90. package/dist/cjs/grid/tests/grid-filter-row.js +160 -151
  91. package/dist/cjs/grid/tests/grid-grouping-actions.js +546 -472
  92. package/dist/cjs/grid/tests/grid-grouping.js +48 -43
  93. package/dist/cjs/grid/tests/grid-pager.js +235 -178
  94. package/dist/cjs/grid/tests/grid-row-reordering.js +538 -464
  95. package/dist/cjs/grid/tests/grid-rows-resizing.js +48 -43
  96. package/dist/cjs/grid/tests/grid-rtl-angular.js +181 -88
  97. package/dist/cjs/grid/tests/grid-rtl.js +181 -88
  98. package/dist/cjs/grid/tests/grid-selection-aggregates.js +183 -90
  99. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +670 -628
  100. package/dist/cjs/grid/tests/grid-size-sm.js +670 -628
  101. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +295 -238
  102. package/dist/cjs/grid/tests/grid-toolbar.js +48 -43
  103. package/dist/cjs/grid/tests/grid-virtualization.js +452 -407
  104. package/dist/cjs/grid/tests/grid.js +181 -88
  105. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +48 -43
  106. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +48 -43
  107. package/dist/cjs/imageeditor/tests/imageeditor.js +48 -43
  108. package/dist/cjs/index.js +3301 -2760
  109. package/dist/cjs/listgroup/listgroup-item.spec.js +78 -0
  110. package/dist/cjs/listgroup/listgroup.spec.js +125 -0
  111. package/dist/cjs/listgroup/templates/listgroup-normal.js +136 -0
  112. package/dist/cjs/listgroup/tests/listgroup.js +145 -40
  113. package/dist/cjs/listview/listview.spec.js +162 -105
  114. package/dist/cjs/listview/tests/listview-layout.js +209 -152
  115. package/dist/cjs/listview/tests/listview-loading.js +180 -123
  116. package/dist/cjs/listview/tests/listview.js +195 -138
  117. package/dist/cjs/mediaplayer/tests/mediaplayer.js +48 -43
  118. package/dist/cjs/multiselect/multiselect.spec.js +737 -19
  119. package/dist/cjs/multiselect/templates/multiselect-adaptive.js +5802 -0
  120. package/dist/cjs/multiselect/templates/multiselect-arrow-button.js +5796 -0
  121. package/dist/cjs/multiselect/templates/multiselect-grouping.js +5814 -0
  122. package/dist/cjs/multiselect/{tests/multiselect-size.js → templates/multiselect-normal.js} +1260 -614
  123. package/dist/cjs/multiselect/templates/multiselect-popup.js +5808 -0
  124. package/dist/cjs/multiselect/templates/multiselect-value.js +5834 -0
  125. package/dist/cjs/multiselect/tests/multiselect-adaptive.js +5842 -0
  126. package/dist/cjs/multiselect/tests/multiselect-flat.js +799 -148
  127. package/dist/cjs/multiselect/tests/multiselect-grouping.js +5850 -0
  128. package/dist/cjs/multiselect/tests/multiselect-opened.js +1175 -895
  129. package/dist/cjs/multiselect/tests/multiselect-outline.js +799 -148
  130. package/dist/cjs/multiselect/tests/multiselect-size-rounded.js +5870 -0
  131. package/dist/cjs/multiselect/tests/{multiselect.js → multiselect-solid.js} +805 -142
  132. package/dist/cjs/multiselecttree/tests/multiselecttree-opened.js +54 -42
  133. package/dist/cjs/pager/index.js +143 -86
  134. package/dist/cjs/pager/pager.spec.js +143 -86
  135. package/dist/cjs/pager/tests/{pager-responsive.js → pager-adaptive.js} +169 -113
  136. package/dist/cjs/pager/tests/pager-sizes.js +163 -106
  137. package/dist/cjs/pager/tests/pager.js +153 -96
  138. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +204 -142
  139. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +214 -152
  140. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +293 -124
  141. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +204 -142
  142. package/dist/cjs/pivotgrid/tests/pivotgrid-column-menus.js +133 -121
  143. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery-configurator.js +122 -110
  144. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +48 -43
  145. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +172 -160
  146. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +298 -286
  147. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +226 -214
  148. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-top.js +356 -344
  149. package/dist/cjs/pivotgrid/tests/pivotgrid.js +337 -325
  150. package/dist/cjs/radio/templates/radio-inside-label.js +165 -0
  151. package/dist/cjs/radio/templates/radio-label.js +165 -0
  152. package/dist/cjs/radio/templates/radio-normal.js +162 -0
  153. package/dist/cjs/radio/tests/radio-size.js +23 -74
  154. package/dist/cjs/radio/tests/radio.js +44 -136
  155. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +48 -43
  156. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +48 -43
  157. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +48 -43
  158. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +48 -43
  159. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +48 -43
  160. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +48 -43
  161. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +48 -43
  162. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +48 -43
  163. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +48 -43
  164. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +48 -43
  165. package/dist/cjs/scheduler/tests/scheduler-angular.js +48 -43
  166. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +513 -458
  167. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +527 -472
  168. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +48 -43
  169. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +48 -43
  170. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +48 -43
  171. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +48 -43
  172. package/dist/cjs/scheduler/tests/scheduler-react-day.js +48 -43
  173. package/dist/cjs/scheduler/tests/scheduler-react-month.js +48 -43
  174. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +48 -43
  175. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +48 -43
  176. package/dist/cjs/scheduler/tests/scheduler-react-week.js +48 -43
  177. package/dist/cjs/scheduler/tests/scheduler-year.js +48 -43
  178. package/dist/cjs/scheduler/tests/scheduler.js +48 -43
  179. package/dist/cjs/scrollview/{tests/scrollview-angular.js → scrollview-spec.js} +98 -84
  180. package/dist/cjs/scrollview/tests/scrollview.js +108 -89
  181. package/dist/cjs/skeleton/index.js +68 -0
  182. package/dist/cjs/skeleton/skeleton.spec.js +70 -0
  183. package/dist/cjs/skeleton/tests/skeleton.js +58 -13
  184. package/dist/cjs/split-button/split-button.spec.js +124 -55
  185. package/dist/cjs/split-button/{tests/split-button.js → templates/icon-split-button.js} +132 -100
  186. package/dist/cjs/split-button/templates/icon-text-split-button.js +4553 -0
  187. package/dist/cjs/split-button/{tests/split-button-size.js → templates/split-button-popup.js} +306 -147
  188. package/dist/cjs/split-button/templates/text-split-button.js +4553 -0
  189. package/dist/cjs/split-button/tests/split-button-flat.js +4763 -0
  190. package/dist/cjs/split-button/tests/split-button-opened.js +4770 -0
  191. package/dist/cjs/split-button/tests/split-button-outline.js +4763 -0
  192. package/dist/cjs/split-button/tests/split-button-size-rounded.js +4770 -0
  193. package/dist/cjs/split-button/tests/split-button-solid.js +4763 -0
  194. package/dist/cjs/spreadsheet/tests/spreadsheet-data-validation.js +172 -163
  195. package/dist/cjs/spreadsheet/tests/spreadsheet-dialog.js +216 -205
  196. package/dist/cjs/spreadsheet/tests/spreadsheet-filter-menu.js +46 -34
  197. package/dist/cjs/spreadsheet/tests/spreadsheet-tools-popup.js +48 -43
  198. package/dist/cjs/spreadsheet/tests/spreadsheet.js +48 -43
  199. package/dist/cjs/switch/switch.spec.js +17 -9
  200. package/dist/cjs/switch/templates/switch-checked.js +203 -0
  201. package/dist/cjs/switch/templates/switch-normal.js +203 -0
  202. package/dist/cjs/switch/tests/switch-size-rounded.js +51 -53
  203. package/dist/cjs/switch/tests/switch.js +49 -37
  204. package/dist/cjs/table/table-header.js +15 -3
  205. package/dist/cjs/table/templates/data-table-normal.js +489 -0
  206. package/dist/cjs/table/templates/table-list-virtualization.js +489 -0
  207. package/dist/cjs/table/templates/table-list.js +519 -0
  208. package/dist/cjs/table/templates/table-native.js +452 -0
  209. package/dist/cjs/table/tests/table-data-sizes.js +76 -175
  210. package/dist/cjs/table/tests/table-list-jquery.js +151 -139
  211. package/dist/cjs/table/tests/table-list-sizes.js +69 -154
  212. package/dist/cjs/table/tests/table-list-virtual.js +89 -76
  213. package/dist/cjs/table/tests/table-native-sizes.js +69 -144
  214. package/dist/cjs/table/tests/table-native-states.js +145 -58
  215. package/dist/cjs/taskboard/tests/taskboard-card.js +48 -43
  216. package/dist/cjs/taskboard/tests/taskboard-pane.js +48 -43
  217. package/dist/cjs/taskboard/tests/taskboard-rtl.js +48 -43
  218. package/dist/cjs/taskboard/tests/taskboard.js +48 -43
  219. package/dist/cjs/textarea/templates/textarea-normal.js +4621 -0
  220. package/dist/cjs/textarea/tests/textarea-flat.js +25 -27
  221. package/dist/cjs/textarea/tests/textarea-outline.js +25 -27
  222. package/dist/cjs/textarea/tests/textarea-size-rounded.js +4642 -0
  223. package/dist/cjs/textarea/tests/{textarea.js → textarea-solid.js} +30 -32
  224. package/dist/cjs/textarea/textarea.spec.js +4 -5
  225. package/dist/cjs/tilelayout/tests/tilelayout-resizing.js +190 -107
  226. package/dist/cjs/tilelayout/tests/tilelayout.js +231 -134
  227. package/dist/cjs/tilelayout/tilelayout-item-hint.spec.js +40 -0
  228. package/dist/cjs/tilelayout/{tests/tilelayout-react.js → tilelayout-item.spec.js} +61 -27
  229. package/dist/cjs/tilelayout/tilelayout.spec.js +72 -0
  230. package/dist/cjs/time-selector/templates/time-selector-all.js +4653 -0
  231. package/dist/cjs/time-selector/templates/time-selector-hour.js +4653 -0
  232. package/dist/cjs/time-selector/templates/time-selector-minute.js +4653 -0
  233. package/dist/cjs/time-selector/tests/time-selector.js +196 -165
  234. package/dist/cjs/time-selector/time-selector.spec.js +87 -14
  235. package/dist/cjs/timedurationpicker/tests/timedurationpicker-expanded.js +32 -23
  236. package/dist/cjs/timedurationpicker/tests/timedurationpicker.js +46 -37
  237. package/dist/cjs/timedurationpicker/timedurationpicker.spec.js +24 -15
  238. package/dist/cjs/timepicker/templates/timepicker-adaptive.js +67 -58
  239. package/dist/cjs/timepicker/templates/timepicker-normal.js +67 -58
  240. package/dist/cjs/timepicker/templates/timepicker-popup.js +67 -58
  241. package/dist/cjs/timepicker/tests/timepicker-adaptive.js +77 -68
  242. package/dist/cjs/timepicker/tests/timepicker-flat.js +82 -73
  243. package/dist/cjs/timepicker/tests/timepicker-opened.js +77 -68
  244. package/dist/cjs/timepicker/tests/timepicker-outline.js +82 -73
  245. package/dist/cjs/timepicker/tests/timepicker-solid.js +82 -73
  246. package/dist/cjs/timepicker/timepicker.spec.js +65 -56
  247. package/dist/cjs/toolbar/tests/toolbar-adaptive.js +48 -43
  248. package/dist/cjs/toolbar/tests/toolbar-angular.js +442 -425
  249. package/dist/cjs/toolbar/tests/toolbar-components.js +444 -427
  250. package/dist/cjs/toolbar/tests/toolbar-sizes.js +308 -295
  251. package/dist/cjs/toolbar/tests/toolbar.js +529 -504
  252. package/dist/cjs/toolbar/toolbar-angular.spec.js +48 -43
  253. package/dist/cjs/toolbar/toolbar.spec.js +48 -43
  254. package/dist/cjs/treeview/templates/treeview-checkboxes.js +4595 -0
  255. package/dist/cjs/treeview/templates/treeview-hierarchy.js +4595 -0
  256. package/dist/cjs/treeview/templates/treeview-icons.js +4595 -0
  257. package/dist/cjs/treeview/templates/treeview-normal.js +4586 -0
  258. package/dist/cjs/treeview/tests/treeview-size.js +38 -38
  259. package/dist/cjs/treeview/tests/treeview.js +117 -112
  260. package/dist/cjs/treeview/treeview.spec.js +17 -5
  261. package/dist/esm/action-sheet/tests/action-sheet-data-table.js +100 -88
  262. package/dist/esm/action-sheet/tests/action-sheet-date-time-selector.js +63 -26
  263. package/dist/esm/action-sheet/tests/action-sheet-time-selector.js +51 -14
  264. package/dist/esm/action-sheet/tests/action-sheet-treeview.js +56 -44
  265. package/dist/esm/captcha/captcha.spec.js +50 -20
  266. package/dist/esm/captcha/tests/captcha-loading.js +54 -24
  267. package/dist/esm/captcha/tests/captcha.js +54 -24
  268. package/dist/esm/chat/chat-message-group.js +239 -0
  269. package/dist/esm/chat/chat-message.js +90 -0
  270. package/dist/esm/chat/chat-quick-replies.js +49 -0
  271. package/dist/esm/chat/chat.spec.js +6843 -0
  272. package/dist/esm/chat/tests/chat-rtl.js +2624 -246
  273. package/dist/esm/chat/tests/chat-scrollable-deck.js +2799 -203
  274. package/dist/esm/chat/tests/chat.js +1113 -786
  275. package/dist/esm/datetime-selector/datetime-selector.spec.js +96 -23
  276. package/dist/esm/datetime-selector/tests/datetime-selector.js +95 -86
  277. package/dist/esm/datetimepicker/datetimepicker.spec.js +75 -66
  278. package/dist/esm/datetimepicker/templates/datetimepicker-adaptive.js +77 -68
  279. package/dist/esm/datetimepicker/templates/datetimepicker-normal.js +77 -68
  280. package/dist/esm/datetimepicker/templates/datetimepicker-popup.js +77 -68
  281. package/dist/esm/datetimepicker/tests/datetimepicker-adaptive.js +87 -78
  282. package/dist/esm/datetimepicker/tests/datetimepicker-flat.js +92 -83
  283. package/dist/esm/datetimepicker/tests/datetimepicker-opened.js +89 -80
  284. package/dist/esm/datetimepicker/tests/datetimepicker-outline.js +92 -83
  285. package/dist/esm/datetimepicker/tests/datetimepicker-size-rounded.js +90 -81
  286. package/dist/esm/datetimepicker/tests/datetimepicker-solid.js +92 -83
  287. package/dist/esm/dropdowngrid/dropdowngrid.spec.js +63 -51
  288. package/dist/esm/dropdowngrid/templates/dropdowngrid-adaptive.js +65 -53
  289. package/dist/esm/dropdowngrid/templates/dropdowngrid-normal.js +65 -53
  290. package/dist/esm/dropdowngrid/templates/dropdowngrid-popup.js +103 -91
  291. package/dist/esm/dropdowngrid/tests/dropdowngrid-adaptive.js +75 -63
  292. package/dist/esm/dropdowngrid/tests/dropdowngrid-flat.js +80 -68
  293. package/dist/esm/dropdowngrid/tests/dropdowngrid-opened.js +113 -101
  294. package/dist/esm/dropdowngrid/tests/dropdowngrid-outline.js +82 -70
  295. package/dist/esm/dropdowngrid/tests/dropdowngrid-size-rounded.js +78 -66
  296. package/dist/esm/dropdowngrid/tests/dropdowngrid-solid.js +80 -68
  297. package/dist/esm/dropdowntree/dropdowntree.spec.js +35 -23
  298. package/dist/esm/dropdowntree/templates/dropdowntree-adaptive.js +37 -25
  299. package/dist/esm/dropdowntree/templates/dropdowntree-normal.js +37 -25
  300. package/dist/esm/dropdowntree/templates/dropdowntree-popup.js +47 -35
  301. package/dist/esm/dropdowntree/tests/dropdowntree-adaptive.js +47 -35
  302. package/dist/esm/dropdowntree/tests/dropdowntree-flat.js +52 -40
  303. package/dist/esm/dropdowntree/tests/dropdowntree-opened.js +57 -45
  304. package/dist/esm/dropdowntree/tests/dropdowntree-outline.js +52 -40
  305. package/dist/esm/dropdowntree/tests/dropdowntree-size-rounded.js +50 -38
  306. package/dist/esm/dropdowntree/tests/dropdowntree-solid.js +52 -40
  307. package/dist/esm/editor/editor-toolbar.js +49 -44
  308. package/dist/esm/editor/tests/editor-find-replace.js +57 -52
  309. package/dist/esm/editor/tests/editor-table-wizard.js +118 -116
  310. package/dist/esm/editor/tests/editor-view-source.js +13 -11
  311. package/dist/esm/editor/tests/editor.js +51 -46
  312. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +87 -70
  313. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +87 -70
  314. package/dist/esm/filemanager/tests/filemanager-gridview.js +152 -135
  315. package/dist/esm/filemanager/tests/filemanager-listview.js +106 -89
  316. package/dist/esm/filemanager/tests/filemanager-preview.js +205 -188
  317. package/dist/esm/filemanager/tests/filemanager-toolbar.js +651 -626
  318. package/dist/esm/filter/tests/filter.js +53 -48
  319. package/dist/esm/floating-label/tests/floating-label-flat.js +41 -39
  320. package/dist/esm/floating-label/tests/floating-label-outline.js +41 -39
  321. package/dist/esm/floating-label/tests/floating-label.js +41 -39
  322. package/dist/esm/form/tests/form-field-dateinputs.js +111 -102
  323. package/dist/esm/form/tests/form-field-dropdowns.js +82 -47
  324. package/dist/esm/form/tests/form-field-fieldset.js +54 -52
  325. package/dist/esm/form/tests/form-field-inputs-rtl.js +239 -222
  326. package/dist/esm/form/tests/form-field-inputs.js +240 -223
  327. package/dist/esm/gantt/tests/gantt-editing-popup-general.js +204 -195
  328. package/dist/esm/gantt/tests/gantt-editing-popup-other.js +241 -239
  329. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +52 -47
  330. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +52 -47
  331. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +52 -47
  332. package/dist/esm/gantt/tests/gantt-react.js +51 -46
  333. package/dist/esm/gantt/tests/gantt-row-reordering.js +51 -46
  334. package/dist/esm/gantt/tests/gantt.js +51 -46
  335. package/dist/esm/grid/tests/grid-adaptive-column-menu.js +55 -47
  336. package/dist/esm/grid/tests/grid-adaptive-filter-bool.js +28 -19
  337. package/dist/esm/grid/tests/grid-adaptive-filter.js +37 -28
  338. package/dist/esm/grid/tests/grid-adaptive-pager.js +150 -93
  339. package/dist/esm/grid/tests/grid-adaptive-search.js +51 -46
  340. package/dist/esm/grid/tests/grid-angular.js +234 -141
  341. package/dist/esm/grid/tests/grid-column-reordering-actions.js +582 -508
  342. package/dist/esm/grid/tests/grid-column-reordering.js +587 -513
  343. package/dist/esm/grid/tests/grid-column-resizing-actions.js +730 -549
  344. package/dist/esm/grid/tests/grid-editing-custom-editor.js +275 -223
  345. package/dist/esm/grid/tests/grid-editing-inline-angular.js +51 -46
  346. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +51 -46
  347. package/dist/esm/grid/tests/grid-editing.js +51 -46
  348. package/dist/esm/grid/tests/grid-filter-row-angular.js +51 -46
  349. package/dist/esm/grid/tests/grid-filter-row-blazor.js +51 -46
  350. package/dist/esm/grid/tests/grid-filter-row.js +160 -151
  351. package/dist/esm/grid/tests/grid-grouping-actions.js +548 -474
  352. package/dist/esm/grid/tests/grid-grouping.js +51 -46
  353. package/dist/esm/grid/tests/grid-pager.js +236 -179
  354. package/dist/esm/grid/tests/grid-row-reordering.js +540 -466
  355. package/dist/esm/grid/tests/grid-rows-resizing.js +51 -46
  356. package/dist/esm/grid/tests/grid-rtl-angular.js +216 -123
  357. package/dist/esm/grid/tests/grid-rtl.js +212 -119
  358. package/dist/esm/grid/tests/grid-selection-aggregates.js +222 -129
  359. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +615 -573
  360. package/dist/esm/grid/tests/grid-size-sm.js +615 -573
  361. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +296 -239
  362. package/dist/esm/grid/tests/grid-toolbar.js +51 -46
  363. package/dist/esm/grid/tests/grid-virtualization.js +399 -356
  364. package/dist/esm/grid/tests/grid.js +221 -128
  365. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +56 -51
  366. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +56 -51
  367. package/dist/esm/imageeditor/tests/imageeditor.js +51 -46
  368. package/dist/esm/index.js +3301 -2760
  369. package/dist/esm/listgroup/listgroup-item.spec.js +56 -0
  370. package/dist/esm/listgroup/listgroup.spec.js +103 -0
  371. package/dist/esm/listgroup/templates/listgroup-normal.js +114 -0
  372. package/dist/esm/listgroup/tests/listgroup.js +145 -40
  373. package/dist/esm/listview/listview.spec.js +163 -106
  374. package/dist/esm/listview/tests/listview-layout.js +210 -153
  375. package/dist/esm/listview/tests/listview-loading.js +181 -124
  376. package/dist/esm/listview/tests/listview.js +196 -139
  377. package/dist/esm/mediaplayer/tests/mediaplayer.js +51 -46
  378. package/dist/esm/multiselect/multiselect.spec.js +737 -19
  379. package/dist/esm/multiselect/templates/multiselect-adaptive.js +5786 -0
  380. package/dist/esm/multiselect/templates/multiselect-arrow-button.js +5780 -0
  381. package/dist/esm/multiselect/templates/multiselect-grouping.js +5798 -0
  382. package/dist/esm/multiselect/{tests/multiselect-size.js → templates/multiselect-normal.js} +1223 -577
  383. package/dist/esm/multiselect/templates/multiselect-popup.js +5792 -0
  384. package/dist/esm/multiselect/templates/multiselect-value.js +5818 -0
  385. package/dist/esm/multiselect/tests/multiselect-adaptive.js +5826 -0
  386. package/dist/esm/multiselect/tests/multiselect-flat.js +799 -148
  387. package/dist/esm/multiselect/tests/multiselect-grouping.js +5834 -0
  388. package/dist/esm/multiselect/tests/multiselect-opened.js +1161 -881
  389. package/dist/esm/multiselect/tests/multiselect-outline.js +799 -148
  390. package/dist/esm/multiselect/tests/multiselect-size-rounded.js +5854 -0
  391. package/dist/esm/multiselect/tests/{multiselect.js → multiselect-solid.js} +801 -138
  392. package/dist/esm/multiselecttree/tests/multiselecttree-opened.js +54 -42
  393. package/dist/esm/pager/index.js +144 -87
  394. package/dist/esm/pager/pager.spec.js +144 -87
  395. package/dist/esm/pager/tests/{pager-responsive.js → pager-adaptive.js} +166 -110
  396. package/dist/esm/pager/tests/pager-sizes.js +164 -107
  397. package/dist/esm/pager/tests/pager.js +154 -97
  398. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +206 -144
  399. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +216 -154
  400. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +294 -125
  401. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +206 -144
  402. package/dist/esm/pivotgrid/tests/pivotgrid-column-menus.js +133 -121
  403. package/dist/esm/pivotgrid/tests/pivotgrid-jquery-configurator.js +122 -110
  404. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +55 -50
  405. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +172 -160
  406. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +298 -286
  407. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +226 -214
  408. package/dist/esm/pivotgrid/tests/pivotgrid-settings-top.js +356 -344
  409. package/dist/esm/pivotgrid/tests/pivotgrid.js +337 -325
  410. package/dist/esm/radio/templates/radio-inside-label.js +143 -0
  411. package/dist/esm/radio/templates/radio-label.js +143 -0
  412. package/dist/esm/radio/templates/radio-normal.js +140 -0
  413. package/dist/esm/radio/tests/radio-size.js +23 -74
  414. package/dist/esm/radio/tests/radio.js +44 -136
  415. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +51 -46
  416. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +51 -46
  417. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +51 -46
  418. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +51 -46
  419. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +51 -46
  420. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +51 -46
  421. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +51 -46
  422. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +51 -46
  423. package/dist/esm/scheduler/tests/scheduler-angular-month.js +51 -46
  424. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +51 -46
  425. package/dist/esm/scheduler/tests/scheduler-angular.js +51 -46
  426. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +480 -425
  427. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +494 -439
  428. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +51 -46
  429. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +51 -46
  430. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +51 -46
  431. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +51 -46
  432. package/dist/esm/scheduler/tests/scheduler-react-day.js +51 -46
  433. package/dist/esm/scheduler/tests/scheduler-react-month.js +51 -46
  434. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +51 -46
  435. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +51 -46
  436. package/dist/esm/scheduler/tests/scheduler-react-week.js +51 -46
  437. package/dist/esm/scheduler/tests/scheduler-year.js +51 -46
  438. package/dist/esm/scheduler/tests/scheduler.js +51 -46
  439. package/dist/esm/scrollview/{tests/scrollview-angular.js → scrollview-spec.js} +94 -80
  440. package/dist/esm/scrollview/tests/scrollview.js +108 -89
  441. package/dist/esm/skeleton/index.js +46 -0
  442. package/dist/esm/skeleton/skeleton.spec.js +48 -0
  443. package/dist/esm/skeleton/tests/skeleton.js +54 -11
  444. package/dist/esm/split-button/split-button.spec.js +124 -55
  445. package/dist/esm/split-button/{tests/split-button.js → templates/icon-split-button.js} +128 -96
  446. package/dist/esm/split-button/{tests/split-button-size.js → templates/icon-text-split-button.js} +128 -157
  447. package/dist/esm/split-button/templates/split-button-popup.js +4725 -0
  448. package/dist/esm/{scrollview/tests/scrollview-blazor.js → split-button/templates/text-split-button.js} +327 -91
  449. package/dist/esm/split-button/tests/split-button-flat.js +4747 -0
  450. package/dist/esm/split-button/tests/split-button-opened.js +4754 -0
  451. package/dist/esm/split-button/tests/split-button-outline.js +4747 -0
  452. package/dist/esm/split-button/tests/split-button-size-rounded.js +4754 -0
  453. package/dist/esm/split-button/tests/split-button-solid.js +4747 -0
  454. package/dist/esm/spreadsheet/tests/spreadsheet-data-validation.js +172 -163
  455. package/dist/esm/spreadsheet/tests/spreadsheet-dialog.js +211 -200
  456. package/dist/esm/spreadsheet/tests/spreadsheet-filter-menu.js +46 -34
  457. package/dist/esm/spreadsheet/tests/spreadsheet-tools-popup.js +51 -46
  458. package/dist/esm/spreadsheet/tests/spreadsheet.js +51 -46
  459. package/dist/esm/switch/switch.spec.js +17 -9
  460. package/dist/esm/switch/templates/switch-checked.js +181 -0
  461. package/dist/esm/switch/templates/switch-normal.js +181 -0
  462. package/dist/esm/switch/tests/switch-size-rounded.js +49 -51
  463. package/dist/esm/switch/tests/switch.js +48 -36
  464. package/dist/esm/table/table-header.js +15 -3
  465. package/dist/esm/table/templates/data-table-normal.js +467 -0
  466. package/dist/esm/table/templates/table-list-virtualization.js +467 -0
  467. package/dist/esm/table/templates/table-list.js +497 -0
  468. package/dist/esm/table/templates/table-native.js +430 -0
  469. package/dist/esm/table/tests/table-data-sizes.js +76 -175
  470. package/dist/esm/table/tests/table-list-jquery.js +151 -139
  471. package/dist/esm/table/tests/table-list-sizes.js +69 -154
  472. package/dist/esm/table/tests/table-list-virtual.js +89 -76
  473. package/dist/esm/table/tests/table-native-sizes.js +70 -145
  474. package/dist/esm/table/tests/table-native-states.js +145 -58
  475. package/dist/esm/taskboard/tests/taskboard-card.js +51 -46
  476. package/dist/esm/taskboard/tests/taskboard-pane.js +55 -50
  477. package/dist/esm/taskboard/tests/taskboard-rtl.js +51 -46
  478. package/dist/esm/taskboard/tests/taskboard.js +51 -46
  479. package/dist/esm/textarea/templates/textarea-normal.js +4605 -0
  480. package/dist/esm/textarea/tests/textarea-flat.js +23 -25
  481. package/dist/esm/textarea/tests/textarea-outline.js +23 -25
  482. package/dist/esm/textarea/tests/textarea-size-rounded.js +4626 -0
  483. package/dist/esm/textarea/tests/{textarea.js → textarea-solid.js} +26 -28
  484. package/dist/esm/textarea/textarea.spec.js +4 -5
  485. package/dist/esm/tilelayout/tests/tilelayout-resizing.js +175 -102
  486. package/dist/esm/tilelayout/tests/tilelayout.js +216 -129
  487. package/dist/esm/tilelayout/tilelayout-item-hint.spec.js +20 -0
  488. package/dist/esm/tilelayout/{tests/tilelayout-react.js → tilelayout-item.spec.js} +50 -24
  489. package/dist/esm/tilelayout/tilelayout.spec.js +50 -0
  490. package/dist/esm/time-selector/templates/time-selector-all.js +4637 -0
  491. package/dist/esm/time-selector/templates/time-selector-hour.js +4637 -0
  492. package/dist/esm/time-selector/templates/time-selector-minute.js +4637 -0
  493. package/dist/esm/time-selector/tests/time-selector.js +197 -166
  494. package/dist/esm/time-selector/time-selector.spec.js +87 -14
  495. package/dist/esm/timedurationpicker/tests/timedurationpicker-expanded.js +32 -23
  496. package/dist/esm/timedurationpicker/tests/timedurationpicker.js +46 -37
  497. package/dist/esm/timedurationpicker/timedurationpicker.spec.js +24 -15
  498. package/dist/esm/timepicker/templates/timepicker-adaptive.js +67 -58
  499. package/dist/esm/timepicker/templates/timepicker-normal.js +67 -58
  500. package/dist/esm/timepicker/templates/timepicker-popup.js +67 -58
  501. package/dist/esm/timepicker/tests/timepicker-adaptive.js +77 -68
  502. package/dist/esm/timepicker/tests/timepicker-flat.js +82 -73
  503. package/dist/esm/timepicker/tests/timepicker-opened.js +77 -68
  504. package/dist/esm/timepicker/tests/timepicker-outline.js +82 -73
  505. package/dist/esm/timepicker/tests/timepicker-solid.js +82 -73
  506. package/dist/esm/timepicker/timepicker.spec.js +65 -56
  507. package/dist/esm/toolbar/tests/toolbar-adaptive.js +51 -46
  508. package/dist/esm/toolbar/tests/toolbar-angular.js +442 -425
  509. package/dist/esm/toolbar/tests/toolbar-components.js +444 -427
  510. package/dist/esm/toolbar/tests/toolbar-sizes.js +283 -270
  511. package/dist/esm/toolbar/tests/toolbar.js +529 -504
  512. package/dist/esm/toolbar/toolbar-angular.spec.js +49 -44
  513. package/dist/esm/toolbar/toolbar.spec.js +49 -44
  514. package/dist/esm/treeview/templates/treeview-checkboxes.js +4579 -0
  515. package/dist/esm/treeview/templates/treeview-hierarchy.js +4579 -0
  516. package/dist/esm/treeview/templates/treeview-icons.js +4579 -0
  517. package/dist/esm/treeview/templates/treeview-normal.js +4570 -0
  518. package/dist/esm/treeview/tests/treeview-size.js +38 -38
  519. package/dist/esm/treeview/tests/treeview.js +117 -112
  520. package/dist/esm/treeview/treeview.spec.js +17 -5
  521. package/dist/types/chat/chat-message-group.d.ts +22 -0
  522. package/dist/types/chat/chat-message.d.ts +22 -0
  523. package/dist/types/chat/chat-quick-replies.d.ts +13 -0
  524. package/dist/types/chat/chat.spec.d.ts +18 -0
  525. package/dist/types/chat/index.d.ts +4 -0
  526. package/dist/types/listgroup/index.d.ts +3 -0
  527. package/dist/types/listgroup/listgroup-item.spec.d.ts +25 -0
  528. package/dist/types/listgroup/listgroup.spec.d.ts +16 -0
  529. package/dist/types/listgroup/templates/listgroup-normal.d.ts +1 -0
  530. package/dist/types/multiselect/index.d.ts +6 -0
  531. package/dist/types/multiselect/multiselect.spec.d.ts +3 -0
  532. package/dist/types/multiselect/templates/multiselect-adaptive.d.ts +1 -0
  533. package/dist/types/multiselect/templates/multiselect-arrow-button.d.ts +1 -0
  534. package/dist/types/multiselect/templates/multiselect-grouping.d.ts +1 -0
  535. package/dist/types/multiselect/templates/multiselect-normal.d.ts +1 -0
  536. package/dist/types/multiselect/templates/multiselect-popup.d.ts +1 -0
  537. package/dist/types/multiselect/templates/multiselect-value.d.ts +1 -0
  538. package/dist/types/pager/pager.spec.d.ts +4 -2
  539. package/dist/types/radio/index.d.ts +3 -0
  540. package/dist/types/radio/templates/radio-inside-label.d.ts +1 -0
  541. package/dist/types/radio/templates/radio-label.d.ts +1 -0
  542. package/dist/types/radio/templates/radio-normal.d.ts +1 -0
  543. package/dist/types/scrollview/index.d.ts +1 -0
  544. package/dist/types/scrollview/scrollview-spec.d.ts +23 -0
  545. package/dist/types/skeleton/index.d.ts +1 -0
  546. package/dist/types/skeleton/skeleton.spec.d.ts +18 -0
  547. package/dist/types/split-button/index.d.ts +4 -0
  548. package/dist/types/split-button/split-button.spec.d.ts +3 -0
  549. package/dist/types/split-button/templates/icon-split-button.d.ts +1 -0
  550. package/dist/types/split-button/templates/icon-text-split-button.d.ts +1 -0
  551. package/dist/types/split-button/templates/split-button-popup.d.ts +1 -0
  552. package/dist/types/split-button/templates/text-split-button.d.ts +1 -0
  553. package/dist/types/split-button/tests/split-button-solid.d.ts +2 -0
  554. package/dist/types/switch/index.d.ts +2 -0
  555. package/dist/types/switch/switch.spec.d.ts +8 -4
  556. package/dist/types/switch/templates/switch-checked.d.ts +1 -0
  557. package/dist/types/switch/templates/switch-normal.d.ts +1 -0
  558. package/dist/types/table/index.d.ts +4 -0
  559. package/dist/types/table/templates/data-table-normal.d.ts +1 -0
  560. package/dist/types/table/templates/table-list-virtualization.d.ts +1 -0
  561. package/dist/types/table/templates/table-list.d.ts +1 -0
  562. package/dist/types/table/templates/table-native.d.ts +1 -0
  563. package/dist/types/textarea/index.d.ts +1 -0
  564. package/dist/types/textarea/templates/textarea-normal.d.ts +1 -0
  565. package/dist/types/textarea/tests/textarea-size-rounded.d.ts +2 -0
  566. package/dist/types/textarea/tests/textarea-solid.d.ts +2 -0
  567. package/dist/types/textarea/textarea.spec.d.ts +2 -2
  568. package/dist/types/tilelayout/index.d.ts +3 -0
  569. package/dist/types/tilelayout/tilelayout-item-hint.spec.d.ts +13 -0
  570. package/dist/types/tilelayout/tilelayout-item.spec.d.ts +17 -0
  571. package/dist/types/tilelayout/tilelayout.spec.d.ts +18 -0
  572. package/dist/types/time-selector/index.d.ts +3 -0
  573. package/dist/types/time-selector/templates/time-selector-all.d.ts +1 -0
  574. package/dist/types/time-selector/templates/time-selector-hour.d.ts +1 -0
  575. package/dist/types/time-selector/templates/time-selector-minute.d.ts +1 -0
  576. package/dist/types/treeview/index.d.ts +4 -0
  577. package/dist/types/treeview/templates/treeview-checkboxes.d.ts +1 -0
  578. package/dist/types/treeview/templates/treeview-hierarchy.d.ts +1 -0
  579. package/dist/types/treeview/templates/treeview-icons.d.ts +1 -0
  580. package/dist/types/treeview/templates/treeview-normal.d.ts +1 -0
  581. package/package.json +2 -2
  582. package/src/captcha/captcha.spec.tsx +2 -4
  583. package/src/chat/chat-message-group.tsx +63 -0
  584. package/src/chat/chat-message.tsx +58 -0
  585. package/src/chat/chat-quick-replies.tsx +54 -0
  586. package/src/chat/chat.spec.tsx +88 -0
  587. package/src/chat/index.ts +4 -0
  588. package/src/chat/tests/chat-rtl.tsx +45 -84
  589. package/src/chat/tests/chat-scrollable-deck.tsx +42 -56
  590. package/src/chat/tests/chat.tsx +85 -150
  591. package/src/grid/tests/grid-adaptive-pager.tsx +2 -2
  592. package/src/grid/tests/grid-angular.tsx +2 -1
  593. package/src/grid/tests/grid-rtl-angular.tsx +3 -2
  594. package/src/grid/tests/grid-rtl.tsx +3 -2
  595. package/src/grid/tests/grid-selection-aggregates.tsx +5 -4
  596. package/src/grid/tests/grid-size-sm-comp-sm.tsx +3 -2
  597. package/src/grid/tests/grid-size-sm.tsx +3 -2
  598. package/src/grid/tests/grid-sticky-columns-rtl.tsx +1 -1
  599. package/src/grid/tests/grid-virtualization.tsx +202 -200
  600. package/src/grid/tests/grid.tsx +3 -2
  601. package/src/listgroup/index.ts +3 -0
  602. package/src/listgroup/listgroup-item.spec.tsx +69 -0
  603. package/src/listgroup/listgroup.spec.tsx +62 -0
  604. package/src/listgroup/templates/listgroup-normal.tsx +12 -0
  605. package/src/listgroup/tests/listgroup.tsx +35 -38
  606. package/src/multiselect/index.ts +6 -0
  607. package/src/multiselect/multiselect.spec.tsx +22 -0
  608. package/src/multiselect/templates/multiselect-adaptive.tsx +8 -0
  609. package/src/multiselect/templates/multiselect-arrow-button.tsx +3 -0
  610. package/src/multiselect/templates/multiselect-grouping.tsx +23 -0
  611. package/src/multiselect/templates/multiselect-normal.tsx +3 -0
  612. package/src/multiselect/templates/multiselect-popup.tsx +16 -0
  613. package/src/multiselect/templates/multiselect-value.tsx +12 -0
  614. package/src/multiselect/tests/multiselect-adaptive.tsx +33 -0
  615. package/src/multiselect/tests/multiselect-flat.tsx +28 -124
  616. package/src/multiselect/tests/multiselect-grouping.tsx +28 -0
  617. package/src/multiselect/tests/multiselect-opened.tsx +3 -36
  618. package/src/multiselect/tests/multiselect-outline.tsx +28 -124
  619. package/src/multiselect/tests/multiselect-size-rounded.tsx +32 -0
  620. package/src/multiselect/tests/multiselect-solid.tsx +79 -0
  621. package/src/pager/pager.spec.tsx +36 -29
  622. package/src/pager/tests/pager-adaptive.tsx +25 -0
  623. package/src/radio/index.ts +3 -0
  624. package/src/radio/templates/radio-inside-label.tsx +10 -0
  625. package/src/radio/templates/radio-label.tsx +8 -0
  626. package/src/radio/templates/radio-normal.tsx +3 -0
  627. package/src/radio/tests/radio-size.tsx +11 -73
  628. package/src/radio/tests/radio.tsx +29 -142
  629. package/src/scrollview/index.ts +1 -0
  630. package/src/scrollview/scrollview-spec.tsx +134 -0
  631. package/src/scrollview/tests/scrollview.tsx +5 -119
  632. package/src/skeleton/index.tsx +1 -0
  633. package/src/skeleton/skeleton.spec.tsx +50 -0
  634. package/src/skeleton/tests/skeleton.tsx +11 -12
  635. package/src/split-button/index.ts +4 -0
  636. package/src/split-button/split-button.spec.tsx +47 -35
  637. package/src/split-button/templates/icon-split-button.tsx +3 -0
  638. package/src/split-button/templates/icon-text-split-button.tsx +3 -0
  639. package/src/split-button/templates/split-button-popup.tsx +17 -0
  640. package/src/split-button/templates/text-split-button.tsx +3 -0
  641. package/src/split-button/tests/split-button-flat.tsx +28 -0
  642. package/src/split-button/tests/split-button-opened.tsx +27 -0
  643. package/src/split-button/tests/split-button-outline.tsx +28 -0
  644. package/src/split-button/tests/split-button-size-rounded.tsx +39 -0
  645. package/src/split-button/tests/split-button-solid.tsx +29 -0
  646. package/src/switch/index.ts +2 -0
  647. package/src/switch/switch.spec.tsx +14 -12
  648. package/src/switch/templates/switch-checked.tsx +3 -0
  649. package/src/switch/templates/switch-normal.tsx +3 -0
  650. package/src/switch/tests/switch-size-rounded.tsx +23 -102
  651. package/src/switch/tests/switch.tsx +26 -51
  652. package/src/table/index.ts +5 -0
  653. package/src/table/templates/data-table-normal.tsx +76 -0
  654. package/src/table/templates/table-list-virtualization.tsx +79 -0
  655. package/src/table/templates/table-list.tsx +63 -0
  656. package/src/table/templates/table-native.tsx +64 -0
  657. package/src/table/tests/table-data-sizes.tsx +4 -226
  658. package/src/table/tests/table-list-sizes.tsx +4 -187
  659. package/src/table/tests/table-list-virtual.tsx +2 -78
  660. package/src/table/tests/table-native-sizes.tsx +4 -182
  661. package/src/table/tests/table-native-states.tsx +3 -5
  662. package/src/textarea/index.ts +1 -0
  663. package/src/textarea/templates/textarea-normal.tsx +3 -0
  664. package/src/textarea/tests/textarea-flat.tsx +17 -40
  665. package/src/textarea/tests/textarea-outline.tsx +17 -41
  666. package/src/textarea/tests/textarea-size-rounded.tsx +32 -0
  667. package/src/textarea/tests/textarea-solid.tsx +52 -0
  668. package/src/textarea/textarea.spec.tsx +4 -5
  669. package/src/tilelayout/index.ts +3 -0
  670. package/src/tilelayout/tests/tilelayout-resizing.tsx +8 -35
  671. package/src/tilelayout/tests/tilelayout.tsx +27 -87
  672. package/src/tilelayout/tilelayout-item-hint.spec.tsx +30 -0
  673. package/src/tilelayout/tilelayout-item.spec.tsx +69 -0
  674. package/src/tilelayout/tilelayout.spec.tsx +56 -0
  675. package/src/time-selector/index.ts +3 -0
  676. package/src/time-selector/templates/time-selector-all.tsx +23 -0
  677. package/src/time-selector/templates/time-selector-hour.tsx +23 -0
  678. package/src/time-selector/templates/time-selector-minute.tsx +23 -0
  679. package/src/time-selector/tests/time-selector.tsx +4 -39
  680. package/src/treeview/index.ts +4 -0
  681. package/src/treeview/templates/treeview-checkboxes.tsx +28 -0
  682. package/src/treeview/templates/treeview-hierarchy.tsx +30 -0
  683. package/src/treeview/templates/treeview-icons.tsx +30 -0
  684. package/src/treeview/templates/treeview-normal.tsx +13 -0
  685. package/src/treeview/tests/treeview-size.tsx +4 -41
  686. package/src/treeview/tests/treeview.tsx +11 -136
  687. package/dist/cjs/scrollview/tests/scrollview-blazor.js +0 -4317
  688. package/src/multiselect/tests/multiselect-size.tsx +0 -50
  689. package/src/multiselect/tests/multiselect.tsx +0 -176
  690. package/src/pager/tests/pager-responsive.tsx +0 -27
  691. package/src/scrollview/tests/scrollview-angular.tsx +0 -109
  692. package/src/scrollview/tests/scrollview-blazor.tsx +0 -120
  693. package/src/split-button/tests/split-button-size.tsx +0 -111
  694. package/src/split-button/tests/split-button.tsx +0 -87
  695. package/src/textarea/tests/textarea.tsx +0 -75
  696. package/src/tilelayout/tests/tilelayout-react.tsx +0 -44
  697. /package/dist/types/multiselect/tests/{multiselect-size.d.ts → multiselect-adaptive.d.ts} +0 -0
  698. /package/dist/types/multiselect/tests/{multiselect.d.ts → multiselect-grouping.d.ts} +0 -0
  699. /package/dist/types/{pager/tests/pager-responsive.d.ts → multiselect/tests/multiselect-size-rounded.d.ts} +0 -0
  700. /package/dist/types/{scrollview/tests/scrollview-angular.d.ts → multiselect/tests/multiselect-solid.d.ts} +0 -0
  701. /package/dist/types/{scrollview/tests/scrollview-blazor.d.ts → pager/tests/pager-adaptive.d.ts} +0 -0
  702. /package/dist/types/split-button/tests/{split-button-size.d.ts → split-button-flat.d.ts} +0 -0
  703. /package/dist/types/split-button/tests/{split-button.d.ts → split-button-opened.d.ts} +0 -0
  704. /package/dist/types/{textarea/tests/textarea.d.ts → split-button/tests/split-button-outline.d.ts} +0 -0
  705. /package/dist/types/{tilelayout/tests/tilelayout-react.d.ts → split-button/tests/split-button-size-rounded.d.ts} +0 -0
package/dist/cjs/filter/tests/filter.js CHANGED
@@ -7106,52 +7106,57 @@ var SplitButton = (props) => {
7106
7106
  icon,
7107
7107
  text,
7108
7108
  arrowIconName = defaultProps34.arrowIconName,
7109
+ popup,
7110
+ opened,
7109
7111
  ...other
7110
7112
  } = props;
7111
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
7112
- "div",
7113
- {
7114
- ...other,
7115
- className: classNames(
7116
- props.className,
7117
- SPLITBUTTON_CLASSNAME,
7118
- "k-button-group",
7119
- optionClassNames(SPLITBUTTON_CLASSNAME, {
7120
- rounded
7121
- })
7122
- ),
7123
- children: [
7124
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
7125
- Button,
7126
- {
7127
- text,
7128
- icon,
7129
- size,
7130
- rounded,
7131
- fillMode,
7132
- themeColor,
7133
- hover,
7134
- focus,
7135
- active,
7136
- selected,
7137
- disabled,
7138
- children: props.children
7139
- }
7113
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
7114
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
7115
+ "div",
7116
+ {
7117
+ ...other,
7118
+ className: classNames(
7119
+ props.className,
7120
+ SPLITBUTTON_CLASSNAME,
7121
+ "k-button-group",
7122
+ optionClassNames(SPLITBUTTON_CLASSNAME, {
7123
+ rounded
7124
+ })
7140
7125
  ),
7141
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
7142
- Button,
7143
- {
7144
- className: "k-split-button-arrow",
7145
- icon: arrowIconName,
7146
- size,
7147
- rounded,
7148
- fillMode,
7149
- disabled
7150
- }
7151
- )
7152
- ]
7153
- }
7154
- );
7126
+ children: [
7127
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
7128
+ Button,
7129
+ {
7130
+ text,
7131
+ icon,
7132
+ size,
7133
+ rounded,
7134
+ fillMode,
7135
+ themeColor,
7136
+ hover,
7137
+ focus,
7138
+ active,
7139
+ selected,
7140
+ disabled,
7141
+ children: props.children
7142
+ }
7143
+ ),
7144
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
7145
+ Button,
7146
+ {
7147
+ className: "k-split-button-arrow",
7148
+ icon: arrowIconName,
7149
+ size,
7150
+ rounded,
7151
+ fillMode,
7152
+ disabled
7153
+ }
7154
+ )
7155
+ ]
7156
+ }
7157
+ ),
7158
+ opened && popup && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Popup, { className: "k-menu-popup", children: popup })
7159
+ ] });
7155
7160
  };
7156
7161
  SplitButton.states = states37;
7157
7162
  SplitButton.options = options35;
package/dist/cjs/floating-label/tests/floating-label-flat.js CHANGED
@@ -5745,8 +5745,7 @@ var states26 = [
5745
5745
  States.valid,
5746
5746
  States.invalid,
5747
5747
  States.required,
5748
- States.disabled,
5749
- States.loading
5748
+ States.disabled
5750
5749
  ];
5751
5750
  var options24 = {
5752
5751
  size: [Size.small, Size.medium, Size.large],
@@ -5771,7 +5770,6 @@ var Textarea = (props) => {
5771
5770
  valid,
5772
5771
  invalid,
5773
5772
  required,
5774
- loading,
5775
5773
  disabled,
5776
5774
  ...other
5777
5775
  } = props;
@@ -5787,13 +5785,14 @@ var Textarea = (props) => {
5787
5785
  valid,
5788
5786
  invalid,
5789
5787
  required,
5790
- loading,
5791
5788
  disabled,
5792
5789
  className: classNames(props.className, TEXTAREA_CLASSNAME),
5793
5790
  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5794
5791
  InputInnerTextarea,
5795
5792
  {
5796
- className: "!k-overflow-auto",
5793
+ className: classNames(
5794
+ "!k-overflow-auto"
5795
+ ),
5797
5796
  value,
5798
5797
  placeholder,
5799
5798
  rows
@@ -5807,8 +5806,11 @@ Textarea.options = options24;
5807
5806
  Textarea.className = TEXTAREA_CLASSNAME;
5808
5807
  Textarea.defaultProps = defaultProps22;
5809
5808
 
5810
- // src/floating-label/tests/floating-label-flat.tsx
5809
+ // src/textarea/templates/textarea-normal.tsx
5811
5810
  var import_jsx_runtime59 = require("react/jsx-runtime");
5811
+
5812
+ // src/floating-label/tests/floating-label-flat.tsx
5813
+ var import_jsx_runtime60 = require("react/jsx-runtime");
5812
5814
  var styles = `
5813
5815
  #test-area {
5814
5816
  width: 660px;
@@ -5817,40 +5819,40 @@ var styles = `
5817
5819
  width: 100%;
5818
5820
  }
5819
5821
  `;
5820
- var floating_label_flat_default = () => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
5821
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", { children: styles }),
5822
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5823
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Floating label flat" }),
5824
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Floating label flat RTL" }),
5825
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat" }) }) }),
5826
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat" }) }) }),
5827
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder" }) }) }),
5828
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder" }) }) }),
5829
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder", focus: true }) }) }),
5830
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder", focus: true }) }) }),
5831
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat" }) }) }),
5832
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat" }) }) }),
5833
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Textbox value" }) }) }),
5834
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Textbox value" }) }) }),
5835
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Combobox value" }) }) }),
5836
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Combobox value" }) }) }),
5837
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5838
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5839
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5840
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5841
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5842
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5843
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5844
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5845
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5846
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5847
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5848
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5849
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5850
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5851
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5852
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5853
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textarea, { fillMode: "flat" }) }) }),
5854
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textarea, { fillMode: "flat" }) }) })
5822
+ var floating_label_flat_default = () => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
5823
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", { children: styles }),
5824
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5825
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Floating label flat" }),
5826
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Floating label flat RTL" }),
5827
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat" }) }) }),
5828
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat" }) }) }),
5829
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder" }) }) }),
5830
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder" }) }) }),
5831
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder", focus: true }) }) }),
5832
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", placeholder: "Placeholder", focus: true }) }) }),
5833
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat" }) }) }),
5834
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat" }) }) }),
5835
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Textbox value" }) }) }),
5836
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Textbox value" }) }) }),
5837
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Combobox value" }) }) }),
5838
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Combobox value" }) }) }),
5839
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5840
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5841
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5842
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Hover", hover: true }) }) }),
5843
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5844
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5845
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5846
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Focus", focus: true }) }) }),
5847
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5848
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5849
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5850
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Disabled", disabled: true }) }) }),
5851
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5852
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5853
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "flat", value: "Invalid value", invalid: true }) }) }),
5855
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textarea, { fillMode: "flat" }) }) }),
5856
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textarea, { fillMode: "flat" }) }) })
5855
5857
  ] })
5856
5858
  ] });
package/dist/cjs/floating-label/tests/floating-label-outline.js CHANGED
@@ -5745,8 +5745,7 @@ var states26 = [
5745
5745
  States.valid,
5746
5746
  States.invalid,
5747
5747
  States.required,
5748
- States.disabled,
5749
- States.loading
5748
+ States.disabled
5750
5749
  ];
5751
5750
  var options24 = {
5752
5751
  size: [Size.small, Size.medium, Size.large],
@@ -5771,7 +5770,6 @@ var Textarea = (props) => {
5771
5770
  valid,
5772
5771
  invalid,
5773
5772
  required,
5774
- loading,
5775
5773
  disabled,
5776
5774
  ...other
5777
5775
  } = props;
@@ -5787,13 +5785,14 @@ var Textarea = (props) => {
5787
5785
  valid,
5788
5786
  invalid,
5789
5787
  required,
5790
- loading,
5791
5788
  disabled,
5792
5789
  className: classNames(props.className, TEXTAREA_CLASSNAME),
5793
5790
  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5794
5791
  InputInnerTextarea,
5795
5792
  {
5796
- className: "!k-overflow-auto",
5793
+ className: classNames(
5794
+ "!k-overflow-auto"
5795
+ ),
5797
5796
  value,
5798
5797
  placeholder,
5799
5798
  rows
@@ -5807,8 +5806,11 @@ Textarea.options = options24;
5807
5806
  Textarea.className = TEXTAREA_CLASSNAME;
5808
5807
  Textarea.defaultProps = defaultProps22;
5809
5808
 
5810
- // src/floating-label/tests/floating-label-outline.tsx
5809
+ // src/textarea/templates/textarea-normal.tsx
5811
5810
  var import_jsx_runtime59 = require("react/jsx-runtime");
5811
+
5812
+ // src/floating-label/tests/floating-label-outline.tsx
5813
+ var import_jsx_runtime60 = require("react/jsx-runtime");
5812
5814
  var styles = `
5813
5815
  #test-area {
5814
5816
  width: 660px;
@@ -5817,40 +5819,40 @@ var styles = `
5817
5819
  width: 100%;
5818
5820
  }
5819
5821
  `;
5820
- var floating_label_outline_default = () => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
5821
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", { children: styles }),
5822
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5823
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Floating label outline" }),
5824
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Floating label outline RTL" }),
5825
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline" }) }) }),
5826
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline" }) }) }),
5827
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder" }) }) }),
5828
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder" }) }) }),
5829
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder", focus: true }) }) }),
5830
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder", focus: true }) }) }),
5831
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline" }) }) }),
5832
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline" }) }) }),
5833
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Textbox value" }) }) }),
5834
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Textbox value" }) }) }),
5835
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Combobox value" }) }) }),
5836
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Combobox value" }) }) }),
5837
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5838
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5839
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5840
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5841
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5842
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5843
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5844
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5845
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5846
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5847
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5848
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5849
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5850
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5851
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5852
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5853
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textarea, { fillMode: "outline" }) }) }),
5854
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textarea, { fillMode: "outline" }) }) })
5822
+ var floating_label_outline_default = () => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
5823
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", { children: styles }),
5824
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5825
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Floating label outline" }),
5826
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Floating label outline RTL" }),
5827
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline" }) }) }),
5828
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline" }) }) }),
5829
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder" }) }) }),
5830
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder" }) }) }),
5831
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder", focus: true }) }) }),
5832
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", placeholder: "Placeholder", focus: true }) }) }),
5833
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline" }) }) }),
5834
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline" }) }) }),
5835
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Textbox value" }) }) }),
5836
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Textbox value" }) }) }),
5837
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Combobox value" }) }) }),
5838
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Combobox value" }) }) }),
5839
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5840
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5841
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5842
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Hover", hover: true }) }) }),
5843
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5844
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5845
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5846
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Focus", focus: true }) }) }),
5847
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5848
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5849
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5850
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Disabled", disabled: true }) }) }),
5851
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5852
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5853
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { fillMode: "outline", value: "Invalid value", invalid: true }) }) }),
5855
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textarea, { fillMode: "outline" }) }) }),
5856
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textarea, { fillMode: "outline" }) }) })
5855
5857
  ] })
5856
5858
  ] });
package/dist/cjs/floating-label/tests/floating-label.js CHANGED
@@ -5745,8 +5745,7 @@ var states26 = [
5745
5745
  States.valid,
5746
5746
  States.invalid,
5747
5747
  States.required,
5748
- States.disabled,
5749
- States.loading
5748
+ States.disabled
5750
5749
  ];
5751
5750
  var options24 = {
5752
5751
  size: [Size.small, Size.medium, Size.large],
@@ -5771,7 +5770,6 @@ var Textarea = (props) => {
5771
5770
  valid,
5772
5771
  invalid,
5773
5772
  required,
5774
- loading,
5775
5773
  disabled,
5776
5774
  ...other
5777
5775
  } = props;
@@ -5787,13 +5785,14 @@ var Textarea = (props) => {
5787
5785
  valid,
5788
5786
  invalid,
5789
5787
  required,
5790
- loading,
5791
5788
  disabled,
5792
5789
  className: classNames(props.className, TEXTAREA_CLASSNAME),
5793
5790
  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5794
5791
  InputInnerTextarea,
5795
5792
  {
5796
- className: "!k-overflow-auto",
5793
+ className: classNames(
5794
+ "!k-overflow-auto"
5795
+ ),
5797
5796
  value,
5798
5797
  placeholder,
5799
5798
  rows
@@ -5807,8 +5806,11 @@ Textarea.options = options24;
5807
5806
  Textarea.className = TEXTAREA_CLASSNAME;
5808
5807
  Textarea.defaultProps = defaultProps22;
5809
5808
 
5810
- // src/floating-label/tests/floating-label.tsx
5809
+ // src/textarea/templates/textarea-normal.tsx
5811
5810
  var import_jsx_runtime59 = require("react/jsx-runtime");
5811
+
5812
+ // src/floating-label/tests/floating-label.tsx
5813
+ var import_jsx_runtime60 = require("react/jsx-runtime");
5812
5814
  var styles = `
5813
5815
  #test-area {
5814
5816
  width: 660px;
@@ -5817,40 +5819,40 @@ var styles = `
5817
5819
  width: 100%;
5818
5820
  }
5819
5821
  `;
5820
- var floating_label_default = () => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
5821
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", { children: styles }),
5822
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5823
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Floating label" }),
5824
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Floating label RTL" }),
5825
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, {}) }) }),
5826
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, {}) }) }),
5827
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { placeholder: "Placeholder" }) }) }),
5828
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { placeholder: "Placeholder" }) }) }),
5829
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { placeholder: "Placeholder", focus: true }) }) }),
5830
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { placeholder: "Placeholder", focus: true }) }) }),
5831
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, {}) }) }),
5832
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, {}) }) }),
5833
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Textbox value" }) }) }),
5834
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Textbox value" }) }) }),
5835
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Combobox value" }) }) }),
5836
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Combobox value" }) }) }),
5837
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Hover", hover: true }) }) }),
5838
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Hover", hover: true }) }) }),
5839
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Hover", hover: true }) }) }),
5840
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Hover", hover: true }) }) }),
5841
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Focus", focus: true }) }) }),
5842
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Focus", focus: true }) }) }),
5843
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Focus", focus: true }) }) }),
5844
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Focus", focus: true }) }) }),
5845
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Disabled", disabled: true }) }) }),
5846
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Disabled", disabled: true }) }) }),
5847
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Disabled", disabled: true }) }) }),
5848
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Disabled", disabled: true }) }) }),
5849
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Invalid value", invalid: true }) }) }),
5850
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textbox, { value: "Invalid value", invalid: true }) }) }),
5851
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Invalid value", invalid: true }) }) }),
5852
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Combobox, { value: "Invalid value", invalid: true }) }) }),
5853
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textarea, {}) }) }),
5854
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Textarea, {}) }) })
5822
+ var floating_label_default = () => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
5823
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", { children: styles }),
5824
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
5825
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Floating label" }),
5826
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Floating label RTL" }),
5827
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, {}) }) }),
5828
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, {}) }) }),
5829
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { placeholder: "Placeholder" }) }) }),
5830
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox with placeholder and floating label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { placeholder: "Placeholder" }) }) }),
5831
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { placeholder: "Placeholder", focus: true }) }) }),
5832
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Focused Textbox with placeholder", empty: true, focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { placeholder: "Placeholder", focus: true }) }) }),
5833
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, {}) }) }),
5834
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, {}) }) }),
5835
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Textbox value" }) }) }),
5836
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Textbox value" }) }) }),
5837
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Combobox value" }) }) }),
5838
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Combobox value" }) }) }),
5839
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Hover", hover: true }) }) }),
5840
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Hover", hover: true }) }) }),
5841
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Hover", hover: true }) }) }),
5842
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Hover", hover: true }) }) }),
5843
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Focus", focus: true }) }) }),
5844
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Focus", focus: true }) }) }),
5845
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Focus", focus: true }) }) }),
5846
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", focus: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Focus", focus: true }) }) }),
5847
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Disabled", disabled: true }) }) }),
5848
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Disabled", disabled: true }) }) }),
5849
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Disabled", disabled: true }) }) }),
5850
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Disabled", disabled: true }) }) }),
5851
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Invalid value", invalid: true }) }) }),
5852
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textbox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textbox, { value: "Invalid value", invalid: true }) }) }),
5853
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Invalid value", invalid: true }) }) }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Combobox label", invalid: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Combobox, { value: "Invalid value", invalid: true }) }) }),
5855
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textarea, {}) }) }),
5856
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FloatingLabel, { label: "Textarea label", empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Textarea, {}) }) })
5855
5857
  ] })
5856
5858
  ] });