@carbon/web-components 2.61.0 → 2.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (354) hide show
  1. package/custom-elements.json +455 -13
  2. package/es/components/accordion/accordion-item.d.ts +0 -4
  3. package/es/components/accordion/accordion-item.d.ts.map +1 -1
  4. package/es/components/accordion/accordion-item.js +2 -6
  5. package/es/components/accordion/accordion-item.js.map +1 -1
  6. package/es/components/action-set/action-set.d.ts +107 -0
  7. package/es/components/action-set/action-set.d.ts.map +1 -0
  8. package/es/components/action-set/action-set.js +269 -0
  9. package/es/components/action-set/action-set.js.map +1 -0
  10. package/es/components/action-set/action-set.scss.js +14 -0
  11. package/es/components/action-set/action-set.scss.js.map +1 -0
  12. package/es/components/action-set/index.d.ts +9 -0
  13. package/es/components/action-set/index.d.ts.map +1 -0
  14. package/es/components/action-set/index.js +8 -0
  15. package/es/components/ai-label/ai-label.scss.js +1 -1
  16. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  17. package/es/components/button/button.d.ts.map +1 -1
  18. package/es/components/button/button.js +7 -2
  19. package/es/components/button/button.js.map +1 -1
  20. package/es/components/button/button.scss.js +1 -1
  21. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  22. package/es/components/combo-box/combo-box.scss.js +1 -1
  23. package/es/components/combo-button/combo-button.scss.js +1 -1
  24. package/es/components/contained-list/contained-list.scss.js +1 -1
  25. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  26. package/es/components/copy-button/copy-button.scss.js +1 -1
  27. package/es/components/data-table/data-table.scss.js +1 -1
  28. package/es/components/date-picker/date-picker.scss.js +1 -1
  29. package/es/components/date-picker/date-picker.scss.js.map +1 -1
  30. package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
  31. package/es/components/dialog/dialog.scss.js +1 -1
  32. package/es/components/dropdown/dropdown.scss.js +1 -1
  33. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  34. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  35. package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
  36. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  37. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  38. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  39. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  40. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  41. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  42. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  43. package/es/components/inline-loading/inline-loading.scss.js +1 -1
  44. package/es/components/loading/loading.scss.js +1 -1
  45. package/es/components/menu-button/menu-button.scss.js +1 -1
  46. package/es/components/modal/modal.scss.js +1 -1
  47. package/es/components/multi-select/multi-select.scss.js +1 -1
  48. package/es/components/notification/actionable-notification.scss.js +1 -1
  49. package/es/components/notification/inline-notification.scss.js +1 -1
  50. package/es/components/notification/toast-notification.scss.js +1 -1
  51. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  52. package/es/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  53. package/es/components/pagination/pagination.scss.js +1 -1
  54. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  55. package/es/components/password-input/password-input.scss.js +1 -1
  56. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  57. package/es/components/resizer/defs.d.ts +73 -0
  58. package/es/components/resizer/defs.d.ts.map +1 -0
  59. package/es/components/resizer/defs.js +97 -0
  60. package/es/components/resizer/defs.js.map +1 -0
  61. package/es/components/resizer/index.d.ts +11 -0
  62. package/es/components/resizer/index.d.ts.map +1 -0
  63. package/es/components/resizer/index.js +11 -0
  64. package/es/components/resizer/resizer-grid.d.ts +22 -0
  65. package/es/components/resizer/resizer-grid.d.ts.map +1 -0
  66. package/es/components/resizer/resizer-grid.js +44 -0
  67. package/es/components/resizer/resizer-grid.js.map +1 -0
  68. package/es/components/resizer/resizer-grid.scss.js +14 -0
  69. package/es/components/resizer/resizer-grid.scss.js.map +1 -0
  70. package/es/components/resizer/resizer-handle-pivot.d.ts +31 -0
  71. package/es/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
  72. package/es/components/resizer/resizer-handle-pivot.js +93 -0
  73. package/es/components/resizer/resizer-handle-pivot.js.map +1 -0
  74. package/es/components/resizer/resizer-handle-pivot.scss.js +14 -0
  75. package/es/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
  76. package/es/components/resizer/resizer-handle.d.ts +64 -0
  77. package/es/components/resizer/resizer-handle.d.ts.map +1 -0
  78. package/es/components/resizer/resizer-handle.js +350 -0
  79. package/es/components/resizer/resizer-handle.js.map +1 -0
  80. package/es/components/resizer/resizer-handle.scss.js +14 -0
  81. package/es/components/resizer/resizer-handle.scss.js.map +1 -0
  82. package/es/components/resizer/resizer-panel.d.ts +22 -0
  83. package/es/components/resizer/resizer-panel.d.ts.map +1 -0
  84. package/es/components/resizer/resizer-panel.js +37 -0
  85. package/es/components/resizer/resizer-panel.js.map +1 -0
  86. package/es/components/resizer/resizer-panel.scss.js +14 -0
  87. package/es/components/resizer/resizer-panel.scss.js.map +1 -0
  88. package/es/components/search/search.scss.js +1 -1
  89. package/es/components/side-panel/_story-assets/index.d.ts +9 -0
  90. package/es/components/side-panel/_story-assets/index.d.ts.map +1 -0
  91. package/es/components/side-panel/_story-assets/index.js +246 -0
  92. package/es/components/side-panel/_story-assets/index.js.map +1 -0
  93. package/es/components/side-panel/defs.d.ts +7 -1
  94. package/es/components/side-panel/defs.d.ts.map +1 -1
  95. package/es/components/side-panel/defs.js +7 -1
  96. package/es/components/side-panel/defs.js.map +1 -1
  97. package/es/components/side-panel/index.d.ts +3 -1
  98. package/es/components/side-panel/index.d.ts.map +1 -1
  99. package/es/components/side-panel/index.js +12 -0
  100. package/es/components/side-panel/index.js.map +1 -0
  101. package/es/components/side-panel/side-panel.d.ts +60 -22
  102. package/es/components/side-panel/side-panel.d.ts.map +1 -1
  103. package/es/components/side-panel/side-panel.js +268 -126
  104. package/es/components/side-panel/side-panel.js.map +1 -1
  105. package/es/components/side-panel/side-panel.scss.js +14 -0
  106. package/es/components/side-panel/side-panel.scss.js.map +1 -0
  107. package/es/components/side-panel/story-styles.scss.js +14 -0
  108. package/es/components/side-panel/story-styles.scss.js.map +1 -0
  109. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  110. package/es/components/slider/slider.d.ts +14 -0
  111. package/es/components/slider/slider.d.ts.map +1 -1
  112. package/es/components/slider/slider.js +40 -5
  113. package/es/components/slider/slider.js.map +1 -1
  114. package/es/components/slider/slider.scss.js +1 -1
  115. package/es/components/slug/slug.scss.js +1 -1
  116. package/es/components/structured-list/structured-list.scss.js +1 -1
  117. package/es/components/structured-list/structured-list.scss.js.map +1 -1
  118. package/es/components/tabs/tab.d.ts.map +1 -1
  119. package/es/components/tabs/tab.js +4 -1
  120. package/es/components/tabs/tab.js.map +1 -1
  121. package/es/components/tabs/tabs.scss.js +1 -1
  122. package/es/components/tabs/tabs.scss.js.map +1 -1
  123. package/es/components/tag/tag.scss.js +1 -1
  124. package/es/components/tag/tag.scss.js.map +1 -1
  125. package/es/components/text-input/text-input.scss.js +1 -1
  126. package/es/components/textarea/textarea.scss.js +1 -1
  127. package/es/components/textarea/textarea.scss.js.map +1 -1
  128. package/es/components/time-picker/time-picker.scss.js +1 -1
  129. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  130. package/es/components/tree-view/tree-view.scss.js +1 -1
  131. package/es/components/truncated-text/index.d.ts +8 -0
  132. package/es/components/truncated-text/index.d.ts.map +1 -0
  133. package/es/components/truncated-text/index.js +8 -0
  134. package/es/components/truncated-text/truncated-text.d.ts +77 -0
  135. package/es/components/truncated-text/truncated-text.d.ts.map +1 -0
  136. package/es/components/truncated-text/truncated-text.js +216 -0
  137. package/es/components/truncated-text/truncated-text.js.map +1 -0
  138. package/es/components/truncated-text/truncated-text.scss.js +14 -0
  139. package/es/components/truncated-text/truncated-text.scss.js.map +1 -0
  140. package/es/components/ui-shell/header.scss.js +1 -1
  141. package/es/components/ui-shell/side-nav.scss.js +1 -1
  142. package/es/components/ui-shell/side-nav.scss.js.map +1 -1
  143. package/es/globals/internal/icon-loader-utils.d.ts +2 -2
  144. package/es/globals/internal/icon-loader-utils.d.ts.map +1 -1
  145. package/es/globals/internal/icon-loader-utils.js +1 -1
  146. package/es/globals/internal/icon-loader-utils.js.map +1 -1
  147. package/es/index.d.ts.map +1 -1
  148. package/es-custom/components/accordion/accordion-item.d.ts +0 -4
  149. package/es-custom/components/accordion/accordion-item.d.ts.map +1 -1
  150. package/es-custom/components/accordion/accordion-item.js +2 -6
  151. package/es-custom/components/accordion/accordion-item.js.map +1 -1
  152. package/es-custom/components/action-set/action-set.d.ts +107 -0
  153. package/es-custom/components/action-set/action-set.d.ts.map +1 -0
  154. package/es-custom/components/action-set/action-set.js +269 -0
  155. package/es-custom/components/action-set/action-set.js.map +1 -0
  156. package/es-custom/components/action-set/action-set.scss.js +14 -0
  157. package/es-custom/components/action-set/action-set.scss.js.map +1 -0
  158. package/es-custom/components/action-set/index.d.ts +9 -0
  159. package/es-custom/components/action-set/index.d.ts.map +1 -0
  160. package/es-custom/components/action-set/index.js +8 -0
  161. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  162. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  163. package/es-custom/components/button/button.d.ts.map +1 -1
  164. package/es-custom/components/button/button.js +7 -2
  165. package/es-custom/components/button/button.js.map +1 -1
  166. package/es-custom/components/button/button.scss.js +1 -1
  167. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  168. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  169. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  170. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  171. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  172. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  173. package/es-custom/components/data-table/data-table.scss.js +1 -1
  174. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  175. package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
  176. package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
  177. package/es-custom/components/dialog/dialog.scss.js +1 -1
  178. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  179. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  180. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  181. package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
  182. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  183. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  184. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  185. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  186. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  187. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  188. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  189. package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
  190. package/es-custom/components/loading/loading.scss.js +1 -1
  191. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  192. package/es-custom/components/modal/modal.scss.js +1 -1
  193. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  194. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  195. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  196. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  197. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  198. package/es-custom/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  199. package/es-custom/components/pagination/pagination.scss.js +1 -1
  200. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  201. package/es-custom/components/password-input/password-input.scss.js +1 -1
  202. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  203. package/es-custom/components/resizer/defs.d.ts +73 -0
  204. package/es-custom/components/resizer/defs.d.ts.map +1 -0
  205. package/es-custom/components/resizer/defs.js +97 -0
  206. package/es-custom/components/resizer/defs.js.map +1 -0
  207. package/es-custom/components/resizer/index.d.ts +11 -0
  208. package/es-custom/components/resizer/index.d.ts.map +1 -0
  209. package/es-custom/components/resizer/index.js +11 -0
  210. package/es-custom/components/resizer/resizer-grid.d.ts +22 -0
  211. package/es-custom/components/resizer/resizer-grid.d.ts.map +1 -0
  212. package/es-custom/components/resizer/resizer-grid.js +44 -0
  213. package/es-custom/components/resizer/resizer-grid.js.map +1 -0
  214. package/es-custom/components/resizer/resizer-grid.scss.js +14 -0
  215. package/es-custom/components/resizer/resizer-grid.scss.js.map +1 -0
  216. package/es-custom/components/resizer/resizer-handle-pivot.d.ts +31 -0
  217. package/es-custom/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
  218. package/es-custom/components/resizer/resizer-handle-pivot.js +93 -0
  219. package/es-custom/components/resizer/resizer-handle-pivot.js.map +1 -0
  220. package/es-custom/components/resizer/resizer-handle-pivot.scss.js +14 -0
  221. package/es-custom/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
  222. package/es-custom/components/resizer/resizer-handle.d.ts +64 -0
  223. package/es-custom/components/resizer/resizer-handle.d.ts.map +1 -0
  224. package/es-custom/components/resizer/resizer-handle.js +350 -0
  225. package/es-custom/components/resizer/resizer-handle.js.map +1 -0
  226. package/es-custom/components/resizer/resizer-handle.scss.js +14 -0
  227. package/es-custom/components/resizer/resizer-handle.scss.js.map +1 -0
  228. package/es-custom/components/resizer/resizer-panel.d.ts +22 -0
  229. package/es-custom/components/resizer/resizer-panel.d.ts.map +1 -0
  230. package/es-custom/components/resizer/resizer-panel.js +37 -0
  231. package/es-custom/components/resizer/resizer-panel.js.map +1 -0
  232. package/es-custom/components/resizer/resizer-panel.scss.js +14 -0
  233. package/es-custom/components/resizer/resizer-panel.scss.js.map +1 -0
  234. package/es-custom/components/search/search.scss.js +1 -1
  235. package/es-custom/components/side-panel/_story-assets/index.d.ts +9 -0
  236. package/es-custom/components/side-panel/_story-assets/index.d.ts.map +1 -0
  237. package/es-custom/components/side-panel/_story-assets/index.js +246 -0
  238. package/es-custom/components/side-panel/_story-assets/index.js.map +1 -0
  239. package/es-custom/components/side-panel/defs.d.ts +7 -1
  240. package/es-custom/components/side-panel/defs.d.ts.map +1 -1
  241. package/es-custom/components/side-panel/defs.js +7 -1
  242. package/es-custom/components/side-panel/defs.js.map +1 -1
  243. package/es-custom/components/side-panel/index.d.ts +3 -1
  244. package/es-custom/components/side-panel/index.d.ts.map +1 -1
  245. package/es-custom/components/side-panel/index.js +12 -0
  246. package/es-custom/components/side-panel/index.js.map +1 -0
  247. package/es-custom/components/side-panel/side-panel.d.ts +60 -22
  248. package/es-custom/components/side-panel/side-panel.d.ts.map +1 -1
  249. package/es-custom/components/side-panel/side-panel.js +268 -126
  250. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  251. package/es-custom/components/side-panel/side-panel.scss.js +14 -0
  252. package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
  253. package/es-custom/components/side-panel/story-styles.scss.js +14 -0
  254. package/es-custom/components/side-panel/story-styles.scss.js.map +1 -0
  255. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  256. package/es-custom/components/slider/slider.d.ts +14 -0
  257. package/es-custom/components/slider/slider.d.ts.map +1 -1
  258. package/es-custom/components/slider/slider.js +40 -5
  259. package/es-custom/components/slider/slider.js.map +1 -1
  260. package/es-custom/components/slider/slider.scss.js +1 -1
  261. package/es-custom/components/slug/slug.scss.js +1 -1
  262. package/es-custom/components/structured-list/structured-list.scss.js +1 -1
  263. package/es-custom/components/structured-list/structured-list.scss.js.map +1 -1
  264. package/es-custom/components/tabs/tab.d.ts.map +1 -1
  265. package/es-custom/components/tabs/tab.js +4 -1
  266. package/es-custom/components/tabs/tab.js.map +1 -1
  267. package/es-custom/components/tabs/tabs.scss.js +1 -1
  268. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  269. package/es-custom/components/tag/tag.scss.js +1 -1
  270. package/es-custom/components/tag/tag.scss.js.map +1 -1
  271. package/es-custom/components/text-input/text-input.scss.js +1 -1
  272. package/es-custom/components/textarea/textarea.scss.js +1 -1
  273. package/es-custom/components/textarea/textarea.scss.js.map +1 -1
  274. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  275. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  276. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  277. package/es-custom/components/truncated-text/index.d.ts +8 -0
  278. package/es-custom/components/truncated-text/index.d.ts.map +1 -0
  279. package/es-custom/components/truncated-text/index.js +8 -0
  280. package/es-custom/components/truncated-text/truncated-text.d.ts +77 -0
  281. package/es-custom/components/truncated-text/truncated-text.d.ts.map +1 -0
  282. package/es-custom/components/truncated-text/truncated-text.js +216 -0
  283. package/es-custom/components/truncated-text/truncated-text.js.map +1 -0
  284. package/es-custom/components/truncated-text/truncated-text.scss.js +14 -0
  285. package/es-custom/components/truncated-text/truncated-text.scss.js.map +1 -0
  286. package/es-custom/components/ui-shell/header.scss.js +1 -1
  287. package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
  288. package/es-custom/components/ui-shell/side-nav.scss.js.map +1 -1
  289. package/es-custom/globals/internal/icon-loader-utils.d.ts +2 -2
  290. package/es-custom/globals/internal/icon-loader-utils.d.ts.map +1 -1
  291. package/es-custom/globals/internal/icon-loader-utils.js +1 -1
  292. package/es-custom/globals/internal/icon-loader-utils.js.map +1 -1
  293. package/es-custom/index.d.ts.map +1 -1
  294. package/lib/components/accordion/accordion-item.d.ts +0 -4
  295. package/lib/components/accordion/accordion-item.d.ts.map +1 -1
  296. package/lib/components/action-set/action-set.d.ts +107 -0
  297. package/lib/components/action-set/action-set.d.ts.map +1 -0
  298. package/lib/components/action-set/index.d.ts +9 -0
  299. package/lib/components/action-set/index.d.ts.map +1 -0
  300. package/lib/components/button/button.d.ts.map +1 -1
  301. package/lib/components/resizer/defs.d.ts +73 -0
  302. package/lib/components/resizer/defs.d.ts.map +1 -0
  303. package/lib/components/resizer/defs.js +112 -0
  304. package/lib/components/resizer/defs.js.map +1 -0
  305. package/lib/components/resizer/index.d.ts +11 -0
  306. package/lib/components/resizer/index.d.ts.map +1 -0
  307. package/lib/components/resizer/resizer-grid.d.ts +22 -0
  308. package/lib/components/resizer/resizer-grid.d.ts.map +1 -0
  309. package/lib/components/resizer/resizer-handle-pivot.d.ts +31 -0
  310. package/lib/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
  311. package/lib/components/resizer/resizer-handle.d.ts +64 -0
  312. package/lib/components/resizer/resizer-handle.d.ts.map +1 -0
  313. package/lib/components/resizer/resizer-panel.d.ts +22 -0
  314. package/lib/components/resizer/resizer-panel.d.ts.map +1 -0
  315. package/lib/components/side-panel/_story-assets/index.d.ts +9 -0
  316. package/lib/components/side-panel/_story-assets/index.d.ts.map +1 -0
  317. package/lib/components/side-panel/defs.d.ts +7 -1
  318. package/lib/components/side-panel/defs.d.ts.map +1 -1
  319. package/lib/components/side-panel/defs.js +7 -1
  320. package/lib/components/side-panel/defs.js.map +1 -1
  321. package/lib/components/side-panel/index.d.ts +3 -1
  322. package/lib/components/side-panel/index.d.ts.map +1 -1
  323. package/lib/components/side-panel/side-panel.d.ts +60 -22
  324. package/lib/components/side-panel/side-panel.d.ts.map +1 -1
  325. package/lib/components/slider/slider.d.ts +14 -0
  326. package/lib/components/slider/slider.d.ts.map +1 -1
  327. package/lib/components/tabs/tab.d.ts.map +1 -1
  328. package/lib/components/truncated-text/index.d.ts +8 -0
  329. package/lib/components/truncated-text/index.d.ts.map +1 -0
  330. package/lib/components/truncated-text/truncated-text.d.ts +77 -0
  331. package/lib/components/truncated-text/truncated-text.d.ts.map +1 -0
  332. package/lib/globals/internal/icon-loader-utils.d.ts +2 -2
  333. package/lib/globals/internal/icon-loader-utils.d.ts.map +1 -1
  334. package/lib/index.d.ts.map +1 -1
  335. package/package.json +7 -7
  336. package/scss/components/action-set/action-set.scss +93 -0
  337. package/scss/components/data-table/_table-core.scss +73 -20
  338. package/scss/components/data-table/_table-selection.scss +31 -14
  339. package/scss/components/date-picker/date-picker.scss +10 -6
  340. package/scss/components/overflow-menu/overflow-menu.scss +31 -11
  341. package/scss/components/resizer/resizer-grid.scss +34 -0
  342. package/scss/components/resizer/resizer-handle-pivot.scss +39 -0
  343. package/scss/components/resizer/resizer-handle.scss +127 -0
  344. package/scss/components/resizer/resizer-panel.scss +10 -0
  345. package/scss/components/side-panel/side-panel.scss +363 -0
  346. package/scss/components/side-panel/story-styles.scss +51 -0
  347. package/scss/components/structured-list/structured-list.scss +10 -8
  348. package/scss/components/tabs/tabs.scss +4 -0
  349. package/scss/components/tag/tag.scss +11 -7
  350. package/scss/components/textarea/textarea.scss +6 -0
  351. package/scss/components/truncated-text/truncated-text-story.scss +14 -0
  352. package/scss/components/truncated-text/truncated-text.scss +122 -0
  353. package/scss/components/ui-shell/side-nav.scss +9 -7
  354. package/telemetry.yml +26 -0
@@ -0,0 +1,22 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026, 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { LitElement } from 'lit';
8
+ /**
9
+ * Resizer grid component for managing resizable panels.
10
+ * @element cds-resizer-grid
11
+ */
12
+ declare class CDSResizerGrid extends LitElement {
13
+ static styles: any;
14
+ render(): import("lit-html").TemplateResult<1>;
15
+ }
16
+ declare global {
17
+ interface HTMLElementTagNameMap {
18
+ 'cds-resizer-grid': CDSResizerGrid;
19
+ }
20
+ }
21
+ export default CDSResizerGrid;
22
+ //# sourceMappingURL=resizer-grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-grid.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;GAGG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,MAAU;IAEvB,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,eAAe,cAAc,CAAC"}
@@ -0,0 +1,44 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import "../../globals/settings.js";
9
+ import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
+ import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
11
+ import resizer_grid_default$1 from "./resizer-grid.scss.js";
12
+ import { LitElement, html } from "lit";
13
+ //#region src/components/resizer/resizer-grid.ts
14
+ /**
15
+ * Copyright IBM Corp. 2026, 2026
16
+ *
17
+ * This source code is licensed under the Apache-2.0 license found in the
18
+ * LICENSE file in the root directory of this source tree.
19
+ */
20
+ /**
21
+ * Resizer grid component for managing resizable panels.
22
+ * @element cds-resizer-grid
23
+ */
24
+ let CDSResizerGrid = class CDSResizerGrid extends LitElement {
25
+ static {
26
+ this.styles = resizer_grid_default$1;
27
+ }
28
+ render() {
29
+ return html`
30
+ <slot name="left"></slot>
31
+ <slot name="top"></slot>
32
+ <slot name="handle-horizontal"></slot>
33
+ <slot name="handle-vertical"></slot>
34
+ <slot name="right"></slot>
35
+ <slot name="bottom"></slot>
36
+ `;
37
+ }
38
+ };
39
+ CDSResizerGrid = __decorate([carbonElement(`cds-resizer-grid`)], CDSResizerGrid);
40
+ var resizer_grid_default = CDSResizerGrid;
41
+ //#endregion
42
+ export { resizer_grid_default as default };
43
+
44
+ //# sourceMappingURL=resizer-grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-grid.js","names":["styles","customElement"],"sources":["../../../src/components/resizer/resizer-grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './resizer-grid.scss?lit';\n\n/**\n * Resizer grid component for managing resizable panels.\n * @element cds-resizer-grid\n */\n@customElement(`${prefix}-resizer-grid`)\nclass CDSResizerGrid extends LitElement {\n static styles = styles;\n\n render() {\n return html`\n <slot name=\"left\"></slot>\n <slot name=\"top\"></slot>\n <slot name=\"handle-horizontal\"></slot>\n <slot name=\"handle-vertical\"></slot>\n <slot name=\"right\"></slot>\n <slot name=\"bottom\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cds-resizer-grid': CDSResizerGrid;\n }\n}\n\nexport default CDSResizerGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;gBACtBA;;CAEhB,SAAS;EACP,OAAO,IAAI;;;;;;;;CAQb;AACF;6BAdCC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAsBvC,IAAA,uBAAe"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { css } from "lit";
9
+ //#region src/components/resizer/resizer-grid.scss?lit
10
+ var resizer_grid_default = css([":host{--start-element-size:1fr;--end-element-size:1fr;display:grid;overflow:hidden;block-size:100%;inline-size:100%;transition:grid-template-columns .18s cubic-bezier(.25,.9,.25,1),grid-template-rows .18s cubic-bezier(.25,.9,.25,1)}:host([axis=x]){grid-template-columns:var(--start-element-size) auto var(--end-element-size)}:host([axis=y]){grid-template-rows:var(--start-element-size) auto var(--end-element-size)}@media (prefers-reduced-motion:reduce){:host{transition:none}}"]);
11
+ //#endregion
12
+ export { resizer_grid_default as default };
13
+
14
+ //# sourceMappingURL=resizer-grid.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-grid.scss.js","names":[],"sources":["../../../src/components/resizer/resizer-grid.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n --start-element-size: 1fr;\n --end-element-size: 1fr;\n\n display: grid;\n overflow: hidden;\n block-size: 100%;\n inline-size: 100%;\n\n transition:\n grid-template-columns 180ms cubic-bezier(0.25, 0.9, 0.25, 1),\n grid-template-rows 180ms cubic-bezier(0.25, 0.9, 0.25, 1);\n}\n\n:host([axis='x']) {\n grid-template-columns: var(--start-element-size) auto var(--end-element-size);\n}\n\n:host([axis='y']) {\n grid-template-rows: var(--start-element-size) auto var(--end-element-size);\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n"],"mappings":""}
@@ -0,0 +1,31 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026, 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { LitElement } from 'lit';
8
+ /**
9
+ * Resizer handle pivot — corner handle that delegates drag operations to its
10
+ * sibling `cds-resizer-handle[slot="handle-horizontal"]`.
11
+ * @element cds-resizer-handle-pivot
12
+ */
13
+ declare class CDSResizerHandlePivot extends LitElement {
14
+ static styles: any;
15
+ private _cachedHandle;
16
+ private _getHandle;
17
+ connectedCallback(): void;
18
+ disconnectedCallback(): void;
19
+ private _resetSizes;
20
+ private _handlePointerDown;
21
+ private _handlePointerEnter;
22
+ private _handlePointerLeave;
23
+ render(): import("lit-html").TemplateResult<1>;
24
+ }
25
+ declare global {
26
+ interface HTMLElementTagNameMap {
27
+ 'cds-resizer-handle-pivot': CDSResizerHandlePivot;
28
+ }
29
+ }
30
+ export default CDSResizerHandlePivot;
31
+ //# sourceMappingURL=resizer-handle-pivot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-handle-pivot.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-handle-pivot.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,MAAU;IAEvB,OAAO,CAAC,aAAa,CAAiC;IAEtD,OAAO,CAAC,UAAU;IAiBlB,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,kBAAkB,CAMxB;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,qBAAqB,CAAC;KACnD;CACF;AAED,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,93 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import "../../globals/settings.js";
9
+ import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
+ import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
11
+ import { SELECTORS } from "./defs.js";
12
+ import resizer_handle_pivot_default$1 from "./resizer-handle-pivot.scss.js";
13
+ import { LitElement, html } from "lit";
14
+ //#region src/components/resizer/resizer-handle-pivot.ts
15
+ /**
16
+ * Copyright IBM Corp. 2026, 2026
17
+ *
18
+ * This source code is licensed under the Apache-2.0 license found in the
19
+ * LICENSE file in the root directory of this source tree.
20
+ */
21
+ /**
22
+ * Resizer handle pivot — corner handle that delegates drag operations to its
23
+ * sibling `cds-resizer-handle[slot="handle-horizontal"]`.
24
+ * @element cds-resizer-handle-pivot
25
+ */
26
+ let CDSResizerHandlePivot = class CDSResizerHandlePivot extends LitElement {
27
+ constructor(..._args) {
28
+ super(..._args);
29
+ this._cachedHandle = null;
30
+ this._resetSizes = (e) => {
31
+ this._getHandle()?.resetSizes(e);
32
+ };
33
+ this._handlePointerDown = (e) => {
34
+ const handle = this._getHandle();
35
+ if (handle) {
36
+ handle.setSyntheticActiveState(true);
37
+ handle.startDrag(e);
38
+ }
39
+ };
40
+ this._handlePointerEnter = () => {
41
+ this._getHandle()?.setSyntheticHoverState(true);
42
+ };
43
+ this._handlePointerLeave = () => {
44
+ const handle = this._getHandle();
45
+ if (handle) {
46
+ handle.setSyntheticHoverState(false);
47
+ handle.setSyntheticActiveState(false);
48
+ }
49
+ };
50
+ }
51
+ static {
52
+ this.styles = resizer_handle_pivot_default$1;
53
+ }
54
+ _getHandle() {
55
+ if (this._cachedHandle) return this._cachedHandle;
56
+ const verticalHandle = this.parentElement;
57
+ if (!verticalHandle) return null;
58
+ const innerGrid = verticalHandle.closest(SELECTORS.GRID);
59
+ if (!innerGrid) return null;
60
+ const panel = innerGrid.closest(SELECTORS.PANEL);
61
+ if (!panel) return null;
62
+ const outerGrid = panel.closest(SELECTORS.GRID);
63
+ if (!outerGrid) return null;
64
+ const h = outerGrid.querySelector(`${SELECTORS.HANDLE}[slot="handle-horizontal"]`);
65
+ this._cachedHandle = h;
66
+ return h;
67
+ }
68
+ connectedCallback() {
69
+ super.connectedCallback();
70
+ this.setAttribute("slot", "pivot");
71
+ this.setAttribute("position", this.parentElement.pivot ?? "");
72
+ this.addEventListener("pointerdown", this._handlePointerDown);
73
+ this.addEventListener("pointerenter", this._handlePointerEnter);
74
+ this.addEventListener("pointerleave", this._handlePointerLeave);
75
+ this.addEventListener("dblclick", this._resetSizes);
76
+ }
77
+ disconnectedCallback() {
78
+ const handle = this._cachedHandle ?? this._getHandle();
79
+ handle?.setSyntheticHoverState(false);
80
+ handle?.setSyntheticActiveState(false);
81
+ this._cachedHandle = null;
82
+ super.disconnectedCallback();
83
+ }
84
+ render() {
85
+ return html``;
86
+ }
87
+ };
88
+ CDSResizerHandlePivot = __decorate([carbonElement(`cds-resizer-handle-pivot`)], CDSResizerHandlePivot);
89
+ var resizer_handle_pivot_default = CDSResizerHandlePivot;
90
+ //#endregion
91
+ export { resizer_handle_pivot_default as default };
92
+
93
+ //# sourceMappingURL=resizer-handle-pivot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-handle-pivot.js","names":["styles","customElement"],"sources":["../../../src/components/resizer/resizer-handle-pivot.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './resizer-handle-pivot.scss?lit';\nimport { SELECTORS } from './defs';\nimport type CDSResizerHandle from './resizer-handle';\n\n/**\n * Resizer handle pivot — corner handle that delegates drag operations to its\n * sibling `cds-resizer-handle[slot=\"handle-horizontal\"]`.\n * @element cds-resizer-handle-pivot\n */\n@customElement(`${prefix}-resizer-handle-pivot`)\nclass CDSResizerHandlePivot extends LitElement {\n static styles = styles;\n\n private _cachedHandle: CDSResizerHandle | null = null;\n\n private _getHandle(): CDSResizerHandle | null {\n if (this._cachedHandle) return this._cachedHandle;\n const verticalHandle = this.parentElement;\n if (!verticalHandle) return null;\n const innerGrid = verticalHandle.closest(SELECTORS.GRID);\n if (!innerGrid) return null;\n const panel = innerGrid.closest(SELECTORS.PANEL);\n if (!panel) return null;\n const outerGrid = panel.closest(SELECTORS.GRID);\n if (!outerGrid) return null;\n const h = outerGrid.querySelector<CDSResizerHandle>(\n `${SELECTORS.HANDLE}[slot=\"handle-horizontal\"]`\n );\n this._cachedHandle = h;\n return h;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('slot', 'pivot');\n this.setAttribute(\n 'position',\n (this.parentElement as CDSResizerHandle).pivot ?? ''\n );\n this.addEventListener('pointerdown', this._handlePointerDown);\n this.addEventListener('pointerenter', this._handlePointerEnter);\n this.addEventListener('pointerleave', this._handlePointerLeave);\n this.addEventListener('dblclick', this._resetSizes);\n }\n\n disconnectedCallback(): void {\n const handle = this._cachedHandle ?? this._getHandle();\n handle?.setSyntheticHoverState(false);\n handle?.setSyntheticActiveState(false);\n this._cachedHandle = null;\n super.disconnectedCallback();\n }\n\n private _resetSizes = (e: MouseEvent) => {\n this._getHandle()?.resetSizes(e);\n };\n\n private _handlePointerDown = (e: PointerEvent) => {\n const handle = this._getHandle();\n if (handle) {\n handle.setSyntheticActiveState(true);\n handle.startDrag(e);\n }\n };\n\n private _handlePointerEnter = () => {\n this._getHandle()?.setSyntheticHoverState(true);\n };\n\n private _handlePointerLeave = () => {\n const handle = this._getHandle();\n if (handle) {\n handle.setSyntheticHoverState(false);\n handle.setSyntheticActiveState(false);\n }\n };\n\n render() {\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cds-resizer-handle-pivot': CDSResizerHandlePivot;\n }\n}\n\nexport default CDSResizerHandlePivot;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;;;uBAGI;sBAwC1B,MAAkB;GACvC,KAAK,WAAW,CAAC,EAAE,WAAW,CAAC;EACjC;6BAE8B,MAAoB;GAChD,MAAM,SAAS,KAAK,WAAW;GAC/B,IAAI,QAAQ;IACV,OAAO,wBAAwB,IAAI;IACnC,OAAO,UAAU,CAAC;GACpB;EACF;mCAEoC;GAClC,KAAK,WAAW,CAAC,EAAE,uBAAuB,IAAI;EAChD;mCAEoC;GAClC,MAAM,SAAS,KAAK,WAAW;GAC/B,IAAI,QAAQ;IACV,OAAO,uBAAuB,KAAK;IACnC,OAAO,wBAAwB,KAAK;GACtC;EACF;;;gBAhEgBA;;CAIhB,aAA8C;EAC5C,IAAI,KAAK,eAAe,OAAO,KAAK;EACpC,MAAM,iBAAiB,KAAK;EAC5B,IAAI,CAAC,gBAAgB,OAAO;EAC5B,MAAM,YAAY,eAAe,QAAQ,UAAU,IAAI;EACvD,IAAI,CAAC,WAAW,OAAO;EACvB,MAAM,QAAQ,UAAU,QAAQ,UAAU,KAAK;EAC/C,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,YAAY,MAAM,QAAQ,UAAU,IAAI;EAC9C,IAAI,CAAC,WAAW,OAAO;EACvB,MAAM,IAAI,UAAU,cAClB,GAAG,UAAU,OAAO,2BACtB;EACA,KAAK,gBAAgB;EACrB,OAAO;CACT;CAEA,oBAA0B;EACxB,MAAM,kBAAkB;EACxB,KAAK,aAAa,QAAQ,OAAO;EACjC,KAAK,aACH,YACC,KAAK,cAAmC,SAAS,EACpD;EACA,KAAK,iBAAiB,eAAe,KAAK,kBAAkB;EAC5D,KAAK,iBAAiB,gBAAgB,KAAK,mBAAmB;EAC9D,KAAK,iBAAiB,gBAAgB,KAAK,mBAAmB;EAC9D,KAAK,iBAAiB,YAAY,KAAK,WAAW;CACpD;CAEA,uBAA6B;EAC3B,MAAM,SAAS,KAAK,iBAAiB,KAAK,WAAW;EACrD,QAAQ,uBAAuB,KAAK;EACpC,QAAQ,wBAAwB,KAAK;EACrC,KAAK,gBAAgB;EACrB,MAAM,qBAAqB;CAC7B;CA0BA,SAAS;EACP,OAAO,IAAI;CACb;AACF;oCAvECC,cAAc,0BAAgC,CAAA,GAAA,qBAAA;AA+E/C,IAAA,+BAAe"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { css } from "lit";
9
+ //#region src/components/resizer/resizer-handle-pivot.scss?lit
10
+ var resizer_handle_pivot_default = css([":host{position:absolute;display:block;background:currentColor;block-size:max(1px,var(--resizer-thickness));cursor:all-scroll;inline-size:max(1px,var(--resizer-thickness));-webkit-user-select:none;-moz-user-select:none;user-select:none}:host:before{position:absolute;z-index:1;background-color:var(--resizer-grab-color);block-size:calc(max(1px, var(--resizer-thickness)) + max(0px, var(--resizer-grab-thickness)));content:\"\";inline-size:calc(max(1px, var(--resizer-thickness)) + max(0px, var(--resizer-grab-thickness)));margin-block-start:calc(max(0px, var(--resizer-grab-thickness))*-1/2);margin-inline-start:calc(max(0px, var(--resizer-grab-thickness))*-1/2)}:host([position=start]){margin-inline-start:calc(max(1px, var(--resizer-thickness))*-1)}"]);
11
+ //#endregion
12
+ export { resizer_handle_pivot_default as default };
13
+
14
+ //# sourceMappingURL=resizer-handle-pivot.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-handle-pivot.scss.js","names":[],"sources":["../../../src/components/resizer/resizer-handle-pivot.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n position: absolute;\n display: block;\n background: currentColor;\n block-size: max(1px, var(--resizer-thickness));\n cursor: all-scroll;\n inline-size: max(1px, var(--resizer-thickness));\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &::before {\n position: absolute;\n z-index: 1;\n background-color: var(--resizer-grab-color);\n block-size: calc(\n max(1px, var(--resizer-thickness)) +\n max(0px, var(--resizer-grab-thickness))\n );\n content: '';\n inline-size: calc(\n max(1px, var(--resizer-thickness)) +\n max(0px, var(--resizer-grab-thickness))\n );\n margin-block-start: calc(-1 * max(0px, var(--resizer-grab-thickness)) / 2);\n margin-inline-start: calc(-1 * max(0px, var(--resizer-grab-thickness)) / 2);\n }\n}\n\n:host([position='start']) {\n margin-inline-start: calc(-1 * max(1px, var(--resizer-thickness)));\n}\n"],"mappings":""}
@@ -0,0 +1,64 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026, 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { LitElement } from 'lit';
8
+ import type { ResizerAxis } from './defs';
9
+ /**
10
+ * Resizer handle component for resizing panels.
11
+ * @element cds-resizer-handle
12
+ * @fires resize-start - Fired when dragging starts
13
+ * @fires resize-drag - Fired during dragging (detail: { axis, delta, position })
14
+ * @fires resize-end - Fired when dragging ends (detail: { axis, delta, position })
15
+ * @fires resize-reset - Fired on double-tap / double-click
16
+ */
17
+ declare class CDSResizerHandle extends LitElement {
18
+ static styles: any;
19
+ /** Resize axis — determined automatically from slot, or set explicitly. */
20
+ axis: ResizerAxis;
21
+ private _isDragging;
22
+ private _startNode?;
23
+ private _endNode?;
24
+ private _grid?;
25
+ private _startSize;
26
+ private _endSize;
27
+ private _lastTapTime;
28
+ private _lastTapPosition;
29
+ private _boundStartDrag?;
30
+ private _boundHandleKeyDown?;
31
+ private _boundMove?;
32
+ private _boundStop?;
33
+ setSyntheticHoverState(isHovered: boolean): void;
34
+ setSyntheticActiveState(isActive: boolean): void;
35
+ /** Start dragging (called by pivot component). */
36
+ startDrag: (e: PointerEvent) => void;
37
+ /** Reset panel sizes to default (called by pivot component or double-click). */
38
+ resetSizes: (e: MouseEvent) => void;
39
+ get pivot(): 'start' | 'end' | undefined;
40
+ connectedCallback(): void;
41
+ firstUpdated(): void;
42
+ disconnectedCallback(): void;
43
+ private _initializeComponent;
44
+ private _setupAccessibility;
45
+ private _setupEventListeners;
46
+ private _cleanup;
47
+ private get _pivot();
48
+ private _updateAriaAttributes;
49
+ private _detectDoubleTap;
50
+ private _handlePointerDown;
51
+ private _createMoveHandler;
52
+ private _createStopHandler;
53
+ private _updateGridSizes;
54
+ private _handleKeyDown;
55
+ private _handleKeyboardResize;
56
+ render(): import("lit-html").TemplateResult<1>;
57
+ }
58
+ declare global {
59
+ interface HTMLElementTagNameMap {
60
+ 'cds-resizer-handle': CDSResizerHandle;
61
+ }
62
+ }
63
+ export default CDSResizerHandle;
64
+ //# sourceMappingURL=resizer-handle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resizer-handle.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-handle.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,QAAQ,CAAC;AAmBpD;;;;;;;GAOG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,MAAU;IAEvB,2EAA2E;IAE3E,IAAI,EAAE,WAAW,CAAO;IAGxB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAC,CAAc;IACjC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,KAAK,CAAC,CAAc;IAC5B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,gBAAgB,CAA4B;IAEpD,OAAO,CAAC,eAAe,CAAC,CAA4B;IACpD,OAAO,CAAC,mBAAmB,CAAC,CAA6B;IACzD,OAAO,CAAC,UAAU,CAAC,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAC,CAA4B;IAI/C,sBAAsB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAKhD,uBAAuB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKhD,kDAAkD;IAClD,SAAS,GAAI,GAAG,YAAY,KAAG,IAAI,CAEjC;IAEF,gFAAgF;IAChF,UAAU,GAAI,GAAG,UAAU,KAAG,IAAI,CAehC;IAEF,IAAI,KAAK,IAAI,OAAO,GAAG,KAAK,GAAG,SAAS,CAEvC;IAID,iBAAiB;IAMjB,YAAY,IAAI,IAAI;IAQpB,oBAAoB;IAOpB,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,QAAQ;IAsBhB,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,CAAC,kBAAkB,CAwBxB;IAEF,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,cAAc,CAgCpB;IAEF,OAAO,CAAC,qBAAqB;IAuC7B,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AAED,eAAe,gBAAgB,CAAC"}