@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
@@ -1 +1 @@
1
- {"version":3,"file":"slider.js","names":["styles","customElement"],"sources":["../../../src/components/slider/slider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport '../tooltip/index';\nimport styles from './slider.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n Left: -1,\n ArrowLeft: -1,\n Up: -1,\n ArrowUp: -1,\n Right: 1,\n ArrowRight: 1,\n Down: 1,\n ArrowDown: 1,\n};\n\n/**\n * Minimum time between processed \"drag\" events.\n */\nconst EVENT_THROTTLE = 16; // ms\n\n/**\n * Slider.\n *\n * @element cds-slider\n * @fires cds-slider-input-changed\n * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n private _cachedRateUpper: number = 1;\n private _cachedRate: number = 0;\n private dragCooldownTimeout: number | null = null;\n private dragCoolDown: boolean = false;\n /**\n * The internal value of `max` property.\n */\n private _max = '100';\n\n /**\n * The internal value of `min` property.\n */\n private _min = '0';\n\n /**\n * The internal value of `step` property.\n */\n private _step = '1';\n\n /**\n * The internal value of `stepMultiplier` property.\n */\n private _stepMultiplier = '4';\n\n /**\n * The handle for the throttled listener of `pointermove` event.\n */\n private _throttledHandlePointermoveImpl:\n | (((event: PointerEvent) => void) & Cancelable)\n | null = null;\n\n /**\n * `true` if dragging of thumb is in progress.\n */\n private _dragging = false;\n /**\n * `true` if dragging of thumb upper is in progress.\n */\n private _draggingUpper = false;\n\n /**\n * The upper bound when there are two handles..\n */\n @property({ type: Number, attribute: 'value-upper' })\n unstable_valueUpper;\n\n /**\n * The rate of the thumb position in the track.\n * When we try to set a new value, we adjust the value considering `step` property.\n */\n private get _rate() {\n const { max, min, value } = this;\n // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n if (value || value === 0) {\n const rate =\n (Math.min(Number(max), Math.max(Number(min), Number(value))) -\n Number(min)) /\n (Number(max) - Number(min));\n this._cachedRate = rate;\n return rate;\n } else {\n return this._cachedRate;\n }\n }\n\n private set _rate(rate: number) {\n const { max, min, step } = this;\n this.value =\n Number(min) +\n Math.round(\n ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n Number(step)\n ) *\n Number(step);\n }\n /**\n * The rate of the upper thumb position in the track.\n * When we try to set a new value for upper input, we adjust the value considering `step` property.\n */\n private get _rateUpper() {\n const { max, min, unstable_valueUpper } = this;\n // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n if (unstable_valueUpper) {\n const rateUpper =\n (Math.min(Number(max), Math.max(Number(min), unstable_valueUpper)) -\n Number(min)) /\n (Number(max) - Number(min));\n this._cachedRateUpper = rateUpper;\n return rateUpper;\n } else {\n return this._cachedRateUpper;\n }\n }\n\n private set _rateUpper(rateUpper: number) {\n const { max, min, step } = this;\n this.unstable_valueUpper =\n Number(min) +\n Math.round(\n ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rateUpper))) /\n Number(step)\n ) *\n Number(step);\n }\n\n /**\n * The DOM element of the thumb.\n */\n @query('#thumb')\n private _thumbNode!: HTMLDivElement;\n /**\n * The DOM element of the thumb upper.\n */\n @query('#thumb-upper')\n private _thumbNodeUpper!: HTMLDivElement;\n\n /**\n * The DOM element of the track.\n */\n @query('#track')\n private _trackNode!: HTMLDivElement;\n\n @query(`.${prefix}--slider__filled-track`)\n private _sliderFilledTrack!: HTMLDivElement | null;\n\n /**\n * Handles `click` event on the `<label>` to focus on the thumb.\n */\n _handleClickLabel() {\n this._thumbNode?.focus();\n }\n\n private _setThumbTooltipOpen(thumb: HTMLElement | null, open: boolean) {\n if (!this.hideTextInput || !thumb) {\n return;\n }\n const tooltip = thumb.closest(`${prefix}-tooltip`) as\n | (HTMLElement & { open: boolean })\n | null;\n if (tooltip) {\n tooltip.open = open;\n }\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, String(value));\n }\n }\n\n /**\n * Handles `keydown` event on the thumb to increase/decrease the value.\n */\n private _handleKeydown(event: KeyboardEvent) {\n const eventContainer = (event.target as HTMLElement).id;\n const { key, shiftKey } = event;\n if (!this.disabled && !this.readonly) {\n if (key in THUMB_DIRECTION) {\n const {\n max: rawMax,\n min: rawMin,\n step: rawStep,\n stepMultiplier: rawstepMultiplier,\n value,\n unstable_valueUpper,\n } = this;\n const max = Number(rawMax);\n const min = Number(rawMin);\n const step = Number(rawStep);\n const stepMultiplier = Number(rawstepMultiplier);\n const diff =\n (!shiftKey ? step : (max - min) / stepMultiplier) *\n THUMB_DIRECTION[key];\n // Snaps to next\n if (eventContainer == 'thumb-upper') {\n const stepCount = (unstable_valueUpper + diff) / step;\n const position = Math.min(\n max,\n Math.max(\n min,\n (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n )\n );\n if (position >= this.value) {\n this.unstable_valueUpper = position;\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n intermediate: false,\n },\n }\n )\n );\n } else {\n const stepCount = (value + diff) / step;\n const position = Math.min(\n max,\n Math.max(\n min,\n (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n )\n );\n if (\n !this.unstable_valueUpper ||\n position <= this.unstable_valueUpper\n ) {\n this.value = position;\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n intermediate: false,\n },\n }\n )\n );\n }\n }\n }\n }\n\n /**\n * Throttles calls to `this._onDrag` by limiting events to being processed at\n * most once every `EVENT_THROTTLE` milliseconds.\n */\n onDrag = throttle(this._startDrag, EVENT_THROTTLE, {\n leading: true,\n trailing: false,\n });\n\n /**\n * Handles `pointerdown` event on the thumb to start dragging.\n */\n private _startDrag(event: PointerEvent) {\n if (!this.readonly && !this.disabled) {\n let eventContainer = (event.target as HTMLElement).id;\n if (!eventContainer) {\n const thumb = (event.target as HTMLElement).closest(\n `.${prefix}--slider__thumb`\n ) as HTMLElement | null;\n eventContainer = thumb?.id ?? '';\n }\n if (eventContainer === 'thumb') {\n this._dragging = true;\n this._thumbNode.style.touchAction = 'none';\n this._setThumbTooltipOpen(this._thumbNode, true);\n } else if (eventContainer === 'thumb-upper') {\n this._draggingUpper = true;\n this._thumbNodeUpper.style.touchAction = 'none';\n this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n }\n }\n }\n\n /**\n * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n */\n private _handleClick(event: PointerEvent) {\n let eventContainer = (event.target as HTMLInputElement).id;\n if (!eventContainer) {\n const thumb = (event.target as HTMLElement).closest(\n `.${prefix}--slider__thumb`\n ) as HTMLElement | null;\n eventContainer = thumb?.id ?? '';\n }\n if (!this.disabled && !this.readonly) {\n const { _trackNode: trackNode } = this;\n const isRtl =\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n trackNode\n .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n .getPropertyValue('direction') === 'rtl';\n const thumbPosition = event.clientX;\n const { left: trackLeft, width: trackWidth } =\n trackNode.getBoundingClientRect();\n if (eventContainer === 'thumb-upper') {\n this._rateUpper =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n },\n })\n );\n } else {\n if (!this.unstable_valueUpper) {\n this._rate =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n }\n )\n );\n } else {\n if (!this.dragCoolDown) {\n const position =\n ((isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) /\n trackWidth) *\n 100;\n const differenceValue =\n position > this.value\n ? position - this.value\n : this.value - position;\n const differenceValueUpper =\n position > this.unstable_valueUpper\n ? position - this.unstable_valueUpper\n : this.unstable_valueUpper - position;\n if (differenceValue > differenceValueUpper) {\n this._rateUpper = position / 100;\n } else if (differenceValue < differenceValueUpper) {\n this._rate = position / 100;\n } else if (\n !this._dragging &&\n !this._draggingUpper &&\n differenceValue === differenceValueUpper\n ) {\n if (Math.round(position) > this.unstable_valueUpper) {\n this._rateUpper = position / 100;\n } else {\n this._rate = position / 100;\n }\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n }\n )\n );\n }\n }\n }\n }\n }\n\n /**\n * Handles `pointermove` to update the thumb position and the value as necessary.\n *\n * @param event The event.\n */\n @HostListener('document:pointermove')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handlePointermove = (event: PointerEvent) => {\n const {\n disabled,\n _dragging: dragging,\n _draggingUpper: draggingUpper,\n } = this;\n if (!disabled && (dragging || draggingUpper)) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n this._throttledHandlePointermoveImpl!(event);\n }\n };\n\n /**\n * Updates thumb position and value upon user's `pointermove` gesture.\n *\n * @param event The event.\n */\n private _handlePointermoveImpl(event: PointerEvent) {\n const {\n disabled,\n _dragging: dragging,\n _trackNode: trackNode,\n _draggingUpper: draggingUpper,\n } = this;\n if (!disabled) {\n const isRtl =\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n trackNode\n .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n .getPropertyValue('direction') === 'rtl';\n const thumbPosition = event.clientX;\n const { left: trackLeft, width: trackWidth } =\n this._trackNode.getBoundingClientRect();\n if (dragging) {\n this._setThumbTooltipOpen(this._thumbNode, true);\n const position =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n if (\n !this.unstable_valueUpper ||\n position * 100 <= this.unstable_valueUpper\n ) {\n this._rate = position;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n intermediate: true,\n },\n }\n )\n );\n }\n } else if (draggingUpper) {\n this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n const position =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n if (position * 100 >= this.value) {\n this._rateUpper = position;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n intermediate: true,\n },\n }\n )\n );\n }\n }\n }\n }\n\n /**\n * Handles `pointerup` and `pointerleave` event to finishing dragging.\n */\n private _endDrag = () => {\n const wasDragging = this._dragging;\n const wasDraggingUpper = this._draggingUpper;\n if (this._dragging || this._draggingUpper) {\n this.dragCoolDown = true;\n } else {\n this.dragCoolDown = false;\n }\n if (this._dragging) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n })\n );\n this._dragging = false;\n this._thumbNode.style.touchAction = '';\n } else if (this._draggingUpper) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n },\n })\n );\n this._draggingUpper = false;\n this._thumbNodeUpper.style.touchAction = '';\n }\n if (wasDragging) {\n const shouldKeepOpen =\n this._thumbNode?.matches(':hover') ||\n this.shadowRoot?.activeElement === this._thumbNode;\n if (!shouldKeepOpen) {\n this._setThumbTooltipOpen(this._thumbNode, false);\n }\n } else if (wasDraggingUpper) {\n const shouldKeepOpen =\n this._thumbNodeUpper?.matches(':hover') ||\n this.shadowRoot?.activeElement === this._thumbNodeUpper;\n if (!shouldKeepOpen) {\n this._setThumbTooltipOpen(this._thumbNodeUpper, false);\n }\n }\n if (this._dragging || this._draggingUpper) {\n this.dragCooldownTimeout = window.setTimeout(() => {\n this.dragCoolDown = false;\n }, 100);\n }\n };\n\n /**\n * Handles `${prefix}-slider-input-changed` event to update the value.\n */\n @HostListener('eventChangeInput')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangeInput = (event: CustomEvent) => {\n const input = event.target as CDSSliderInput;\n const inputElement = input._inputNode;\n this.isValid =\n input.tagName === 'CDS-SLIDER-INPUT'\n ? this._getInputValidity(input)\n : this.isValid;\n this.warn = this._getInputWarnigState(inputElement);\n const eventContainer = (event.target as HTMLElement).id;\n const { detail } = event;\n const { intermediate, value } = detail;\n this.warnText = intermediate\n ? `The inputted value ${intermediate} was corrected to the nearest allowed digit`\n : '';\n if (intermediate !== value) {\n if (eventContainer === 'upper') {\n this.unstable_valueUpper = value;\n } else {\n this.value = value;\n }\n }\n const valueMain =\n eventContainer === 'upper' ? this.unstable_valueUpper : this.value;\n if (valueMain !== '') {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: valueMain,\n intermediate,\n },\n })\n );\n }\n };\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * \ttrue to specify if the control is required.\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * \tWhether the slider should be read-only\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The label associated with the maximum value.\n */\n @property({ attribute: 'max-label', reflect: true })\n maxLabel = '';\n\n /**\n * The label associated with the minimum value.\n */\n @property({ attribute: 'min-label', reflect: true })\n minLabel = '';\n\n /**\n * Specify whether you want the underlying label to be visually hidden\n */\n @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n hideLabel = false;\n\n /**\n * The callback to format the label associated with the minimum/maximum value\n * and the value tooltip when hideTextInput is true.\n */\n @property({ attribute: false })\n formatLabel = (value: number, label: string | undefined) =>\n `${value}${label ?? ''}`;\n\n /**\n * The formatter for the text for maximum value.\n * Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatMaxText = (max: string, maxLabel: string | undefined) =>\n this.formatLabel(Number(max), maxLabel);\n\n /**\n * The formatter for the text for min/max value.\n * Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatMinText = (min: string, minLabel: string | undefined) =>\n this.formatLabel(Number(min), minLabel);\n\n /**\n * The maximum value.\n */\n @property({ type: Number, reflect: true })\n get max() {\n return this._max.toString();\n }\n\n set max(value) {\n const { max: oldMax } = this;\n this._max = value;\n this.requestUpdate('max', oldMax);\n }\n\n /**\n * The minimum value.\n */\n @property({ type: Number, reflect: true })\n get min() {\n return this._min.toString();\n }\n\n set min(value) {\n const { min: oldMin } = this;\n this._min = value;\n this.requestUpdate('min', oldMin);\n }\n\n /**\n * The form name.\n */\n @property()\n name!: string;\n\n /**\n * true to specify if the control is invalid.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Message which is displayed if the value is invalid.\n */\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /**\n * true to specify if the control should display warn icon and text.\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Provide the text that is displayed when the control is in warning state\n */\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /**\n * Checks whether the input field is hidden or not\n */\n @property({ type: Boolean, attribute: 'hide-text-input', reflect: true })\n hideTextInput = false;\n\n /**\n * The snapping step of the value.\n */\n @property({ type: Number, reflect: true })\n get step() {\n return this._step.toString();\n }\n\n set step(value) {\n const { step: oldStep } = this;\n this._step = value;\n this.requestUpdate('step', oldStep);\n }\n\n /**\n * A value determining how much the value should increase/decrease by Shift+arrow keys,\n * which will be `(max - min) / stepMultiplier`.\n */\n @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n get stepMultiplier() {\n return this._stepMultiplier.toString();\n }\n\n set stepMultiplier(value) {\n const { stepMultiplier: oldstepMultiplier } = this;\n this._stepMultiplier = value;\n this.requestUpdate('stepMultiplier', oldstepMultiplier);\n }\n\n /**\n * The value.\n */\n @property({ type: Number })\n value;\n\n /**\n * is slide input valid\n */\n @property({ type: Boolean })\n isValid;\n _getInputValidity(input) {\n const inputElement = input?._inputNode;\n if (this.invalid) {\n return false;\n }\n if (input?.invalid) {\n return false;\n }\n if (\n inputElement?.valueAsNumber > Number(this.max) ||\n inputElement?.valueAsNumber < Number(this.min)\n ) {\n return false;\n }\n return true;\n }\n\n _getInputWarnigState(input) {\n if (\n input?.valueAsNumber > Number(input.max) ||\n input?.valueAsNumber < Number(input.min)\n ) {\n return true;\n }\n return false;\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this._throttledHandlePointermoveImpl) {\n this._throttledHandlePointermoveImpl = throttle(\n this._handlePointermoveImpl,\n 10\n );\n }\n }\n\n disconnectedCallback() {\n if (this._throttledHandlePointermoveImpl) {\n this._throttledHandlePointermoveImpl.cancel();\n this._throttledHandlePointermoveImpl = null;\n }\n clearTimeout(this.dragCooldownTimeout as number);\n super.disconnectedCallback();\n }\n updated() {\n if (this._sliderFilledTrack) {\n if (this.unstable_valueUpper || this.unstable_valueUpper === '') {\n this._sliderFilledTrack.style.transform = this.unstable_valueUpper\n ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n : `translate(0%, -50%) scaleX(${this._rate})`;\n } else {\n this._sliderFilledTrack.style.transform = this.unstable_valueUpper\n ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n : `translate(0%, -50%) scaleX(${this._rate})`;\n }\n }\n }\n shouldUpdate(changedProperties) {\n // Slider inputs are light-DOM children and must be synchronized before the\n // initial render, when queries based on rendered slots are not available.\n const inputs = this.querySelectorAll(\n (this.constructor as typeof CDSSlider).selectorInput\n ) as NodeListOf<CDSSliderInput>;\n inputs.forEach((input, index) => {\n if (changedProperties.has('disabled')) {\n if (input) {\n input.disabled = this.disabled;\n }\n if (this.disabled) {\n this._dragging = false;\n }\n }\n if (changedProperties.has('readonly')) {\n if (input) {\n input.readonly = this.readonly;\n }\n if (this.readonly) {\n this._dragging = false;\n }\n }\n if (changedProperties.has('invalid')) {\n input.invalid = this.invalid;\n }\n if (changedProperties.has('warn')) {\n input.warn = this.warn;\n }\n if (changedProperties.has('hideTextInput')) {\n input.hideTextInput = this.hideTextInput;\n }\n if (input) {\n if (\n (this.unstable_valueUpper || this.unstable_valueUpper === '') &&\n index > 0\n ) {\n ['max', 'min', 'step', 'unstable_valueUpper'].forEach((name) => {\n if (name === 'unstable_valueUpper') {\n input.value = this.unstable_valueUpper;\n } else if (name === 'min') {\n input[name] = this.value;\n } else {\n input[name] = this[name];\n }\n });\n } else {\n ['max', 'min', 'step', 'value'].forEach((name) => {\n if (this.unstable_valueUpper && name === 'max') {\n input[name] = this.unstable_valueUpper;\n } else {\n input[name] = this[name];\n }\n });\n }\n if (\n changedProperties.has('value') ||\n changedProperties.has('invalid') ||\n changedProperties.has('warn') ||\n changedProperties.has('readonly')\n ) {\n this.isValid = this._getInputValidity(input);\n if (!this.readonly && !this.isValid) {\n input.invalid = true;\n } else {\n input.invalid = false;\n }\n }\n }\n });\n return true;\n }\n\n render() {\n const {\n disabled,\n formatLabel,\n formatMaxText,\n formatMinText,\n labelText,\n hideLabel,\n hideTextInput,\n max,\n min,\n maxLabel,\n minLabel,\n readonly,\n invalidText,\n isValid,\n warn,\n warnText,\n value,\n unstable_valueUpper,\n _rate: rate,\n _rateUpper: rateUpper,\n _handleClickLabel: handleClickLabel,\n _handleKeydown: handleKeydown,\n _handleClick: handleClick,\n onDrag,\n _endDrag: endDrag,\n } = this;\n\n const isInteractive = !readonly && !disabled;\n\n const normalizedProps: {\n invalid: boolean;\n warn: boolean;\n } = {\n invalid: isInteractive && !isValid,\n warn: isInteractive && isValid && warn,\n };\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n [`${prefix}--label--disabled`]: disabled,\n });\n const sliderClasses = classMap({\n [`${prefix}--slider`]: true,\n [`${prefix}--slider--disabled`]: disabled,\n [`${prefix}--slider--readonly`]: readonly,\n });\n const thumbLowerWrapperClasses = classMap({\n [`${prefix}--icon-tooltip`]: true,\n [`${prefix}--slider__thumb-wrapper`]: true,\n [`${prefix}--slider__thumb-wrapper--lower`]:\n unstable_valueUpper || unstable_valueUpper === '',\n });\n const thumbLowerClasses = classMap({\n [`${prefix}--slider__thumb`]: true,\n [`${prefix}--slider__thumb--lower`]:\n unstable_valueUpper || unstable_valueUpper === '',\n [`${prefix}--slider__thumb-disabled`]: disabled,\n });\n const thumbUpperWrapperClasses = classMap({\n [`${prefix}--icon-tooltip`]: true,\n [`${prefix}--slider__thumb-wrapper`]: true,\n [`${prefix}--slider__thumb-wrapper--upper`]: true,\n });\n const thumbUpperClasses = classMap({\n [`${prefix}--slider__thumb`]: true,\n [`${prefix}--slider__thumb--upper`]: true,\n [`${prefix}--slider__thumb-disabled`]: disabled,\n });\n return html`\n <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n <div class=\"${prefix}--slider-container\">\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html` <slot name=\"lower-input\"></slot>`\n : ''}\n <span class=\"${prefix}--slider__range-label\">\n <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n </span>\n <div\n @keydown=\"${handleKeydown}\"\n @click=\"${handleClick}\"\n @pointerup=\"${endDrag}\"\n @pointerleave=\"${endDrag}\"\n class=\"${sliderClasses}\"\n tabindex=\"-1\"\n role=\"presentation\">\n ${hideTextInput\n ? html`\n <cds-tooltip\n class=\"${thumbLowerWrapperClasses}\"\n style=\"left: ${rate * 100}%\"\n align=\"top\"\n .dropShadow=${false}>\n <div\n id=\"thumb\"\n class=\"${thumbLowerClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${value}\"\n aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n @pointerdown=\"${onDrag}\">\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html`\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n </svg>\n `\n : ``}\n </div>\n <cds-tooltip-content>\n ${formatLabel(Number(value), undefined)}\n </cds-tooltip-content>\n </cds-tooltip>\n `\n : html`\n <div\n class=\"${thumbLowerWrapperClasses}\"\n style=\"left: ${rate * 100}%\">\n <div\n id=\"thumb\"\n class=\"${thumbLowerClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${value}\"\n aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n @pointerdown=\"${onDrag}\">\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html`\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n </svg>\n `\n : ``}\n </div>\n </div>\n `}\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? hideTextInput\n ? html`\n <cds-tooltip\n class=\"${thumbUpperWrapperClasses}\"\n style=\"left: ${rateUpper * 100}%\"\n align=\"top\"\n .dropShadow=${false}>\n <div\n id=\"thumb-upper\"\n class=\"${thumbUpperClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${unstable_valueUpper}\"\n aria-valuetext=\"${formatLabel(\n Number(unstable_valueUpper),\n undefined\n )}\"\n @pointerdown=\"${onDrag}\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M.92 24H0v-6.46h.92z\"></path>\n <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n </svg>\n </div>\n <cds-tooltip-content>\n ${formatLabel(Number(unstable_valueUpper), undefined)}\n </cds-tooltip-content>\n </cds-tooltip>\n `\n : html`\n <div\n class=\"${thumbUpperWrapperClasses}\"\n style=\"left: ${rateUpper * 100}%\">\n <div\n id=\"thumb-upper\"\n class=\"${thumbUpperClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${unstable_valueUpper}\"\n aria-valuetext=\"${formatLabel(\n Number(unstable_valueUpper),\n undefined\n )}\"\n @pointerdown=\"${onDrag}\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M.92 24H0v-6.46h.92z\"></path>\n <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n </svg>\n </div>\n </div>\n `\n : html``}\n <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html` <div class=\"${prefix}--slider__filled-track\"></div> `\n : html` <div class=\"${prefix}-ce--slider__filled-track-container\">\n <div class=\"${prefix}--slider__filled-track\"></div>\n </div>`}\n </div>\n <span class=\"${prefix}--slider__range-label\">\n <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n </span>\n <slot></slot>\n </div>\n\n ${normalizedProps.invalid\n ? html`\n <div\n class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n ${invalidText}\n </div>\n `\n : null}\n ${normalizedProps.warn\n ? html`<div\n class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n ${warnText}\n </div>`\n : null}\n `;\n }\n\n /**\n * A selector that will return the `<input>` box got entering the value directly.\n */\n static get selectorInput() {\n return `${prefix}-slider-input`;\n }\n\n /**\n * The name of the custom event fired after the value is changed by user gesture.\n */\n static get eventChange() {\n return `${prefix}-slider-changed`;\n }\n\n /**\n * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n */\n static get eventChangeInput() {\n return `${prefix}-slider-input-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSlider;\n"],"mappings":"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"}
1
+ {"version":3,"file":"slider.js","names":["styles","customElement"],"sources":["../../../src/components/slider/slider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport '../tooltip/index';\nimport styles from './slider.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n Left: -1,\n ArrowLeft: -1,\n Up: -1,\n ArrowUp: -1,\n Right: 1,\n ArrowRight: 1,\n Down: 1,\n ArrowDown: 1,\n};\n\n/**\n * Minimum time between processed \"drag\" events.\n */\nconst EVENT_THROTTLE = 16; // ms\n\n/**\n * Slider.\n *\n * @element cds-slider\n * @fires cds-slider-input-changed\n * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n private _cachedRateUpper: number = 1;\n private _cachedRate: number = 0;\n private dragCooldownTimeout: number | null = null;\n private dragCoolDown: boolean = false;\n /**\n * The internal value of `max` property.\n */\n private _max = '100';\n\n /**\n * The internal value of `min` property.\n */\n private _min = '0';\n\n /**\n * The internal value of `step` property.\n */\n private _step = '1';\n\n /**\n * The internal value of `stepMultiplier` property.\n */\n private _stepMultiplier = '4';\n\n /**\n * The handle for the throttled listener of `pointermove` event.\n */\n private _throttledHandlePointermoveImpl:\n | (((event: PointerEvent) => void) & Cancelable)\n | null = null;\n\n /**\n * `true` if dragging of thumb is in progress.\n */\n private _dragging = false;\n /**\n * `true` if dragging of thumb upper is in progress.\n */\n private _draggingUpper = false;\n\n /**\n * Returns how many decimal places a numeric value has.\n * Supports standard decimals (e.g. `0.1`) and exponential notation (e.g. `1e-3`).\n */\n private _getNumericPrecision(value: string | number) {\n const valueAsString = String(value).toLowerCase();\n\n if (valueAsString.includes('e')) {\n const [mantissa, exponentPart] = valueAsString.split('e');\n const exponent = Number(exponentPart);\n const decimalPart = mantissa.split('.')[1] ?? '';\n return Math.max(0, decimalPart.length - exponent);\n }\n\n return valueAsString.split('.')[1]?.length ?? 0;\n }\n\n /**\n * Returns the decimal precision needed to represent the slider's valid value\n * space without floating point artifacts.\n */\n private _getSliderPrecision() {\n return Math.max(\n this._getNumericPrecision(this.step),\n this._getNumericPrecision(this.min),\n this._getNumericPrecision(this.max)\n );\n }\n\n /**\n * Rounds a number using the slider precision derived from `step`, `min`, and `max`.\n */\n private _normalizeValue(value: number) {\n const step = Number(this.step);\n const min = Number(this.min);\n const max = Number(this.max);\n\n const precision = this._getSliderPrecision();\n const snapped = min + Math.round((value - min) / step) * step;\n const clamped = Math.min(max, Math.max(min, snapped));\n\n return Number(clamped.toFixed(precision));\n }\n\n /**\n * The upper bound when there are two handles..\n */\n @property({ type: Number, attribute: 'value-upper' })\n unstable_valueUpper;\n\n /**\n * The rate of the thumb position in the track.\n * When we try to set a new value, we adjust the value considering `step` property.\n */\n private get _rate() {\n const { max, min, value } = this;\n // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n if (value || value === 0) {\n const rate =\n (Math.min(Number(max), Math.max(Number(min), Number(value))) -\n Number(min)) /\n (Number(max) - Number(min));\n this._cachedRate = rate;\n return rate;\n } else {\n return this._cachedRate;\n }\n }\n\n private set _rate(rate: number) {\n const { max, min, step } = this;\n this.value = this._normalizeValue(\n Number(min) +\n Math.round(\n ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n Number(step)\n ) *\n Number(step)\n );\n }\n /**\n * The rate of the upper thumb position in the track.\n * When we try to set a new value for upper input, we adjust the value considering `step` property.\n */\n private get _rateUpper() {\n const { max, min, unstable_valueUpper } = this;\n // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n if (unstable_valueUpper) {\n const rateUpper =\n (Math.min(Number(max), Math.max(Number(min), unstable_valueUpper)) -\n Number(min)) /\n (Number(max) - Number(min));\n this._cachedRateUpper = rateUpper;\n return rateUpper;\n } else {\n return this._cachedRateUpper;\n }\n }\n\n private set _rateUpper(rateUpper: number) {\n const { max, min, step } = this;\n this.unstable_valueUpper = this._normalizeValue(\n Number(min) +\n Math.round(\n ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rateUpper))) /\n Number(step)\n ) *\n Number(step)\n );\n }\n\n /**\n * The DOM element of the thumb.\n */\n @query('#thumb')\n private _thumbNode!: HTMLDivElement;\n /**\n * The DOM element of the thumb upper.\n */\n @query('#thumb-upper')\n private _thumbNodeUpper!: HTMLDivElement;\n\n /**\n * The DOM element of the track.\n */\n @query('#track')\n private _trackNode!: HTMLDivElement;\n\n @query(`.${prefix}--slider__filled-track`)\n private _sliderFilledTrack!: HTMLDivElement | null;\n\n /**\n * Handles `click` event on the `<label>` to focus on the thumb.\n */\n _handleClickLabel() {\n this._thumbNode?.focus();\n }\n\n private _setThumbTooltipOpen(thumb: HTMLElement | null, open: boolean) {\n if (!this.hideTextInput || !thumb) {\n return;\n }\n const tooltip = thumb.closest(`${prefix}-tooltip`) as\n | (HTMLElement & { open: boolean })\n | null;\n if (tooltip) {\n tooltip.open = open;\n }\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, String(value));\n }\n }\n\n /**\n * Handles `keydown` event on the thumb to increase/decrease the value.\n */\n private _handleKeydown(event: KeyboardEvent) {\n const eventContainer = (event.target as HTMLElement).id;\n const { key, shiftKey } = event;\n if (!this.disabled && !this.readonly) {\n if (key in THUMB_DIRECTION) {\n const {\n max: rawMax,\n min: rawMin,\n step: rawStep,\n stepMultiplier: rawstepMultiplier,\n value,\n unstable_valueUpper,\n } = this;\n const max = Number(rawMax);\n const min = Number(rawMin);\n const step = Number(rawStep);\n const stepMultiplier = Number(rawstepMultiplier);\n const diff =\n (!shiftKey ? step : (max - min) / stepMultiplier) *\n THUMB_DIRECTION[key];\n // Snaps to next\n if (eventContainer == 'thumb-upper') {\n const stepCount = (unstable_valueUpper + diff) / step;\n const position = Math.min(\n max,\n Math.max(\n min,\n (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n )\n );\n const normalizedPosition = this._normalizeValue(position);\n if (normalizedPosition >= this.value) {\n this.unstable_valueUpper = normalizedPosition;\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n intermediate: false,\n },\n }\n )\n );\n } else {\n const stepCount = (value + diff) / step;\n const position = Math.min(\n max,\n Math.max(\n min,\n (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n )\n );\n const normalizedPosition = this._normalizeValue(position);\n if (\n !this.unstable_valueUpper ||\n normalizedPosition <= this.unstable_valueUpper\n ) {\n this.value = normalizedPosition;\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n intermediate: false,\n },\n }\n )\n );\n }\n }\n }\n }\n\n /**\n * Throttles calls to `this._onDrag` by limiting events to being processed at\n * most once every `EVENT_THROTTLE` milliseconds.\n */\n onDrag = throttle(this._startDrag, EVENT_THROTTLE, {\n leading: true,\n trailing: false,\n });\n\n /**\n * Handles `pointerdown` event on the thumb to start dragging.\n */\n private _startDrag(event: PointerEvent) {\n if (!this.readonly && !this.disabled) {\n let eventContainer = (event.target as HTMLElement).id;\n if (!eventContainer) {\n const thumb = (event.target as HTMLElement).closest(\n `.${prefix}--slider__thumb`\n ) as HTMLElement | null;\n eventContainer = thumb?.id ?? '';\n }\n if (eventContainer === 'thumb') {\n this._dragging = true;\n this._thumbNode.style.touchAction = 'none';\n this._setThumbTooltipOpen(this._thumbNode, true);\n } else if (eventContainer === 'thumb-upper') {\n this._draggingUpper = true;\n this._thumbNodeUpper.style.touchAction = 'none';\n this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n }\n }\n }\n\n /**\n * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n */\n private _handleClick(event: PointerEvent) {\n let eventContainer = (event.target as HTMLInputElement).id;\n if (!eventContainer) {\n const thumb = (event.target as HTMLElement).closest(\n `.${prefix}--slider__thumb`\n ) as HTMLElement | null;\n eventContainer = thumb?.id ?? '';\n }\n if (!this.disabled && !this.readonly) {\n const { _trackNode: trackNode } = this;\n const isRtl =\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n trackNode\n .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n .getPropertyValue('direction') === 'rtl';\n const thumbPosition = event.clientX;\n const { left: trackLeft, width: trackWidth } =\n trackNode.getBoundingClientRect();\n if (eventContainer === 'thumb-upper') {\n this._rateUpper =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n },\n })\n );\n } else {\n if (!this.unstable_valueUpper) {\n this._rate =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n }\n )\n );\n } else {\n if (!this.dragCoolDown) {\n const position =\n ((isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) /\n trackWidth) *\n 100;\n const differenceValue =\n position > this.value\n ? position - this.value\n : this.value - position;\n const differenceValueUpper =\n position > this.unstable_valueUpper\n ? position - this.unstable_valueUpper\n : this.unstable_valueUpper - position;\n if (differenceValue > differenceValueUpper) {\n this._rateUpper = position / 100;\n } else if (differenceValue < differenceValueUpper) {\n this._rate = position / 100;\n } else if (\n !this._dragging &&\n !this._draggingUpper &&\n differenceValue === differenceValueUpper\n ) {\n if (Math.round(position) > this.unstable_valueUpper) {\n this._rateUpper = position / 100;\n } else {\n this._rate = position / 100;\n }\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n }\n )\n );\n }\n }\n }\n }\n }\n\n /**\n * Handles `pointermove` to update the thumb position and the value as necessary.\n *\n * @param event The event.\n */\n @HostListener('document:pointermove')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handlePointermove = (event: PointerEvent) => {\n const {\n disabled,\n _dragging: dragging,\n _draggingUpper: draggingUpper,\n } = this;\n if (!disabled && (dragging || draggingUpper)) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n this._throttledHandlePointermoveImpl!(event);\n }\n };\n\n /**\n * Updates thumb position and value upon user's `pointermove` gesture.\n *\n * @param event The event.\n */\n private _handlePointermoveImpl(event: PointerEvent) {\n const {\n disabled,\n _dragging: dragging,\n _trackNode: trackNode,\n _draggingUpper: draggingUpper,\n } = this;\n if (!disabled) {\n const isRtl =\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n trackNode\n .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n .getPropertyValue('direction') === 'rtl';\n const thumbPosition = event.clientX;\n const { left: trackLeft, width: trackWidth } =\n this._trackNode.getBoundingClientRect();\n if (dragging) {\n this._setThumbTooltipOpen(this._thumbNode, true);\n const position =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n if (\n !this.unstable_valueUpper ||\n position * 100 <= this.unstable_valueUpper\n ) {\n this._rate = position;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n intermediate: true,\n },\n }\n )\n );\n }\n } else if (draggingUpper) {\n this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n const position =\n (isRtl\n ? trackLeft + trackWidth - thumbPosition\n : thumbPosition - trackLeft) / trackWidth;\n if (position * 100 >= this.value) {\n this._rateUpper = position;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSlider).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n intermediate: true,\n },\n }\n )\n );\n }\n }\n }\n }\n\n /**\n * Handles `pointerup` and `pointerleave` event to finishing dragging.\n */\n private _endDrag = () => {\n const wasDragging = this._dragging;\n const wasDraggingUpper = this._draggingUpper;\n if (this._dragging || this._draggingUpper) {\n this.dragCoolDown = true;\n } else {\n this.dragCoolDown = false;\n }\n if (this._dragging) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n },\n })\n );\n this._dragging = false;\n this._thumbNode.style.touchAction = '';\n } else if (this._draggingUpper) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.unstable_valueUpper,\n },\n })\n );\n this._draggingUpper = false;\n this._thumbNodeUpper.style.touchAction = '';\n }\n if (wasDragging) {\n const shouldKeepOpen =\n this._thumbNode?.matches(':hover') ||\n this.shadowRoot?.activeElement === this._thumbNode;\n if (!shouldKeepOpen) {\n this._setThumbTooltipOpen(this._thumbNode, false);\n }\n } else if (wasDraggingUpper) {\n const shouldKeepOpen =\n this._thumbNodeUpper?.matches(':hover') ||\n this.shadowRoot?.activeElement === this._thumbNodeUpper;\n if (!shouldKeepOpen) {\n this._setThumbTooltipOpen(this._thumbNodeUpper, false);\n }\n }\n if (this._dragging || this._draggingUpper) {\n this.dragCooldownTimeout = window.setTimeout(() => {\n this.dragCoolDown = false;\n }, 100);\n }\n };\n\n /**\n * Handles `${prefix}-slider-input-changed` event to update the value.\n */\n @HostListener('eventChangeInput')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChangeInput = (event: CustomEvent) => {\n const input = event.target as CDSSliderInput;\n const inputElement = input._inputNode;\n this.isValid =\n input.tagName === 'CDS-SLIDER-INPUT'\n ? this._getInputValidity(input)\n : this.isValid;\n this.warn = this._getInputWarnigState(inputElement);\n const eventContainer = (event.target as HTMLElement).id;\n const { detail } = event;\n const { intermediate, value } = detail;\n this.warnText = intermediate\n ? `The inputted value ${intermediate} was corrected to the nearest allowed digit`\n : '';\n if (intermediate !== value) {\n if (eventContainer === 'upper') {\n this.unstable_valueUpper = value;\n } else {\n this.value = value;\n }\n }\n const valueMain =\n eventContainer === 'upper' ? this.unstable_valueUpper : this.value;\n if (valueMain !== '') {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: valueMain,\n intermediate,\n },\n })\n );\n }\n };\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * \ttrue to specify if the control is required.\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * \tWhether the slider should be read-only\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The label associated with the maximum value.\n */\n @property({ attribute: 'max-label', reflect: true })\n maxLabel = '';\n\n /**\n * The label associated with the minimum value.\n */\n @property({ attribute: 'min-label', reflect: true })\n minLabel = '';\n\n /**\n * Specify whether you want the underlying label to be visually hidden\n */\n @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n hideLabel = false;\n\n /**\n * The callback to format the label associated with the minimum/maximum value\n * and the value tooltip when hideTextInput is true.\n */\n @property({ attribute: false })\n formatLabel = (value: number, label: string | undefined) =>\n `${value}${label ?? ''}`;\n\n /**\n * The formatter for the text for maximum value.\n * Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatMaxText = (max: string, maxLabel: string | undefined) =>\n this.formatLabel(Number(max), maxLabel);\n\n /**\n * The formatter for the text for min/max value.\n * Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatMinText = (min: string, minLabel: string | undefined) =>\n this.formatLabel(Number(min), minLabel);\n\n /**\n * The maximum value.\n */\n @property({ type: Number, reflect: true })\n get max() {\n return this._max.toString();\n }\n\n set max(value) {\n const { max: oldMax } = this;\n this._max = value;\n this.requestUpdate('max', oldMax);\n }\n\n /**\n * The minimum value.\n */\n @property({ type: Number, reflect: true })\n get min() {\n return this._min.toString();\n }\n\n set min(value) {\n const { min: oldMin } = this;\n this._min = value;\n this.requestUpdate('min', oldMin);\n }\n\n /**\n * The form name.\n */\n @property()\n name!: string;\n\n /**\n * true to specify if the control is invalid.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Message which is displayed if the value is invalid.\n */\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /**\n * true to specify if the control should display warn icon and text.\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Provide the text that is displayed when the control is in warning state\n */\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /**\n * Checks whether the input field is hidden or not\n */\n @property({ type: Boolean, attribute: 'hide-text-input', reflect: true })\n hideTextInput = false;\n\n /**\n * The snapping step of the value.\n */\n @property({ type: Number, reflect: true })\n get step() {\n return this._step.toString();\n }\n\n set step(value) {\n const { step: oldStep } = this;\n this._step = value;\n this.requestUpdate('step', oldStep);\n }\n\n /**\n * A value determining how much the value should increase/decrease by Shift+arrow keys,\n * which will be `(max - min) / stepMultiplier`.\n */\n @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n get stepMultiplier() {\n return this._stepMultiplier.toString();\n }\n\n set stepMultiplier(value) {\n const { stepMultiplier: oldstepMultiplier } = this;\n this._stepMultiplier = value;\n this.requestUpdate('stepMultiplier', oldstepMultiplier);\n }\n\n /**\n * The value.\n */\n @property({ type: Number })\n value;\n\n /**\n * is slide input valid\n */\n @property({ type: Boolean })\n isValid;\n _getInputValidity(input) {\n const inputElement = input?._inputNode;\n if (this.invalid) {\n return false;\n }\n if (input?.invalid) {\n return false;\n }\n if (\n inputElement?.valueAsNumber > Number(this.max) ||\n inputElement?.valueAsNumber < Number(this.min)\n ) {\n return false;\n }\n return true;\n }\n\n _getInputWarnigState(input) {\n if (\n input?.valueAsNumber > Number(input.max) ||\n input?.valueAsNumber < Number(input.min)\n ) {\n return true;\n }\n return false;\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this._throttledHandlePointermoveImpl) {\n this._throttledHandlePointermoveImpl = throttle(\n this._handlePointermoveImpl,\n 10\n );\n }\n }\n\n disconnectedCallback() {\n if (this._throttledHandlePointermoveImpl) {\n this._throttledHandlePointermoveImpl.cancel();\n this._throttledHandlePointermoveImpl = null;\n }\n clearTimeout(this.dragCooldownTimeout as number);\n super.disconnectedCallback();\n }\n updated() {\n if (this._sliderFilledTrack) {\n if (this.unstable_valueUpper || this.unstable_valueUpper === '') {\n this._sliderFilledTrack.style.transform = this.unstable_valueUpper\n ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n : `translate(0%, -50%) scaleX(${this._rate})`;\n } else {\n this._sliderFilledTrack.style.transform = this.unstable_valueUpper\n ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n : `translate(0%, -50%) scaleX(${this._rate})`;\n }\n }\n }\n shouldUpdate(changedProperties) {\n // Slider inputs are light-DOM children and must be synchronized before the\n // initial render, when queries based on rendered slots are not available.\n const inputs = this.querySelectorAll(\n (this.constructor as typeof CDSSlider).selectorInput\n ) as NodeListOf<CDSSliderInput>;\n inputs.forEach((input, index) => {\n if (changedProperties.has('disabled')) {\n if (input) {\n input.disabled = this.disabled;\n }\n if (this.disabled) {\n this._dragging = false;\n }\n }\n if (changedProperties.has('readonly')) {\n if (input) {\n input.readonly = this.readonly;\n }\n if (this.readonly) {\n this._dragging = false;\n }\n }\n if (changedProperties.has('invalid')) {\n input.invalid = this.invalid;\n }\n if (changedProperties.has('warn')) {\n input.warn = this.warn;\n }\n if (changedProperties.has('hideTextInput')) {\n input.hideTextInput = this.hideTextInput;\n }\n if (input) {\n if (\n (this.unstable_valueUpper || this.unstable_valueUpper === '') &&\n index > 0\n ) {\n ['max', 'min', 'step', 'unstable_valueUpper'].forEach((name) => {\n if (name === 'unstable_valueUpper') {\n input.value = this.unstable_valueUpper;\n } else if (name === 'min') {\n input[name] = this.value;\n } else {\n input[name] = this[name];\n }\n });\n } else {\n ['max', 'min', 'step', 'value'].forEach((name) => {\n if (this.unstable_valueUpper && name === 'max') {\n input[name] = this.unstable_valueUpper;\n } else {\n input[name] = this[name];\n }\n });\n }\n if (\n changedProperties.has('value') ||\n changedProperties.has('invalid') ||\n changedProperties.has('warn') ||\n changedProperties.has('readonly')\n ) {\n this.isValid = this._getInputValidity(input);\n if (!this.readonly && !this.isValid) {\n input.invalid = true;\n } else {\n input.invalid = false;\n }\n }\n }\n });\n return true;\n }\n\n render() {\n const {\n disabled,\n formatLabel,\n formatMaxText,\n formatMinText,\n labelText,\n hideLabel,\n hideTextInput,\n max,\n min,\n maxLabel,\n minLabel,\n readonly,\n invalidText,\n isValid,\n warn,\n warnText,\n value,\n unstable_valueUpper,\n _rate: rate,\n _rateUpper: rateUpper,\n _handleClickLabel: handleClickLabel,\n _handleKeydown: handleKeydown,\n _handleClick: handleClick,\n onDrag,\n _endDrag: endDrag,\n } = this;\n\n const valueUpper = Number(unstable_valueUpper);\n\n const isInteractive = !readonly && !disabled;\n\n const normalizedProps: {\n invalid: boolean;\n warn: boolean;\n } = {\n invalid: isInteractive && !isValid,\n warn: isInteractive && isValid && warn,\n };\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n [`${prefix}--label--disabled`]: disabled,\n });\n const sliderClasses = classMap({\n [`${prefix}--slider`]: true,\n [`${prefix}--slider--disabled`]: disabled,\n [`${prefix}--slider--readonly`]: readonly,\n });\n const thumbLowerWrapperClasses = classMap({\n [`${prefix}--icon-tooltip`]: true,\n [`${prefix}--slider__thumb-wrapper`]: true,\n [`${prefix}--slider__thumb-wrapper--lower`]:\n unstable_valueUpper || unstable_valueUpper === '',\n });\n const thumbLowerClasses = classMap({\n [`${prefix}--slider__thumb`]: true,\n [`${prefix}--slider__thumb--lower`]:\n unstable_valueUpper || unstable_valueUpper === '',\n [`${prefix}--slider__thumb-disabled`]: disabled,\n });\n const thumbUpperWrapperClasses = classMap({\n [`${prefix}--icon-tooltip`]: true,\n [`${prefix}--slider__thumb-wrapper`]: true,\n [`${prefix}--slider__thumb-wrapper--upper`]: true,\n });\n const thumbUpperClasses = classMap({\n [`${prefix}--slider__thumb`]: true,\n [`${prefix}--slider__thumb--upper`]: true,\n [`${prefix}--slider__thumb-disabled`]: disabled,\n });\n return html`\n <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n <div class=\"${prefix}--slider-container\">\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html` <slot name=\"lower-input\"></slot>`\n : ''}\n <span class=\"${prefix}--slider__range-label\">\n <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n </span>\n <div\n @keydown=\"${handleKeydown}\"\n @click=\"${handleClick}\"\n @pointerup=\"${endDrag}\"\n @pointerleave=\"${endDrag}\"\n class=\"${sliderClasses}\"\n tabindex=\"-1\"\n role=\"presentation\">\n ${hideTextInput\n ? html`\n <cds-tooltip\n class=\"${thumbLowerWrapperClasses}\"\n style=\"left: ${rate * 100}%\"\n align=\"top\"\n .dropShadow=${false}>\n <div\n id=\"thumb\"\n class=\"${thumbLowerClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${value}\"\n aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n @pointerdown=\"${onDrag}\">\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html`\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n </svg>\n `\n : ``}\n </div>\n <cds-tooltip-content>\n ${formatLabel(Number(value), undefined)}\n </cds-tooltip-content>\n </cds-tooltip>\n `\n : html`\n <div\n class=\"${thumbLowerWrapperClasses}\"\n style=\"left: ${rate * 100}%\">\n <div\n id=\"thumb\"\n class=\"${thumbLowerClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${value}\"\n aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n @pointerdown=\"${onDrag}\">\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html`\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n <path\n d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n </svg>\n `\n : ``}\n </div>\n </div>\n `}\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? hideTextInput\n ? html`\n <cds-tooltip\n class=\"${thumbUpperWrapperClasses}\"\n style=\"left: ${rateUpper * 100}%\"\n align=\"top\"\n .dropShadow=${false}>\n <div\n id=\"thumb-upper\"\n class=\"${thumbUpperClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${unstable_valueUpper}\"\n aria-valuetext=\"${formatLabel(valueUpper, undefined)}\"\n @pointerdown=\"${onDrag}\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M.92 24H0v-6.46h.92z\"></path>\n <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n </svg>\n </div>\n <cds-tooltip-content>\n ${formatLabel(Number(unstable_valueUpper), undefined)}\n </cds-tooltip-content>\n </cds-tooltip>\n `\n : html`\n <div\n class=\"${thumbUpperWrapperClasses}\"\n style=\"left: ${rateUpper * 100}%\">\n <div\n id=\"thumb-upper\"\n class=\"${thumbUpperClasses}\"\n role=\"slider\"\n tabindex=\"${!readonly ? 0 : -1}\"\n aria-valuemax=\"${max}\"\n aria-valuemin=\"${min}\"\n aria-valuenow=\"${unstable_valueUpper}\"\n aria-valuetext=\"${formatLabel(\n Number(unstable_valueUpper),\n undefined\n )}\"\n @pointerdown=\"${onDrag}\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n </svg>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 24\"\n class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n <path\n d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n <path d=\"M.92 24H0v-6.46h.92z\"></path>\n <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n </svg>\n </div>\n </div>\n `\n : html``}\n <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n ${unstable_valueUpper || unstable_valueUpper === ''\n ? html` <div class=\"${prefix}--slider__filled-track\"></div> `\n : html` <div class=\"${prefix}-ce--slider__filled-track-container\">\n <div class=\"${prefix}--slider__filled-track\"></div>\n </div>`}\n </div>\n <span class=\"${prefix}--slider__range-label\">\n <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n </span>\n <slot></slot>\n </div>\n\n ${normalizedProps.invalid\n ? html`\n <div\n class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n ${invalidText}\n </div>\n `\n : null}\n ${normalizedProps.warn\n ? html`<div\n class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n ${warnText}\n </div>`\n : null}\n `;\n }\n\n /**\n * A selector that will return the `<input>` box got entering the value directly.\n */\n static get selectorInput() {\n return `${prefix}-slider-input`;\n }\n\n /**\n * The name of the custom event fired after the value is changed by user gesture.\n */\n static get eventChange() {\n return `${prefix}-slider-changed`;\n }\n\n /**\n * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n */\n static get eventChangeInput() {\n return `${prefix}-slider-input-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSlider;\n"],"mappings":"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"}
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/slider/slider.scss?lit
10
- var slider_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-size:100%;vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);border:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:var(--cds-layout-size-height-local)}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{position:relative;display:flex;inline-size:100%}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{position:relative;display:inline-flex;overflow:visible;align-items:center}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility{cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{border-style:solid;block-size:0;content:\"\";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{overflow:visible;margin:auto;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{overflow:hidden;margin:-1px;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{position:absolute;display:block;content:\"\";block-size:.75rem;inline-size:100%;inset-inline-start:0;inset-block-start:-.75rem}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-width:0 .25rem .3125rem;border-color:transparent transparent var(--cds-background-inverse,#393939);inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{outline:2px solid transparent;outline-offset:-2px;position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;aspect-ratio:1;background:none;block-size:100%;cursor:pointer;inset-inline-end:0;min-block-size:auto;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));gap:.25rem;inset-inline-start:calc((var(--cds-layout-size-height-local))*-1)}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input,.cds--text-input--warning.cds--password-input{padding-inline-end:calc(var(--cds-layout-size-height-local) + 1.5rem)}.cds--password-input-wrapper .cds--text-input__invalid-icon{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));inset-inline-end:var(--cds-layout-size-height-local)}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input__counter-alert{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;-webkit-text-fill-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid{box-shadow:none}.cds--skeleton.cds--text-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{position:relative;background:var(--cds-field);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inset-block-start:.8125rem;inset-inline-start:1rem}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{padding:2rem 1rem .8125rem;min-block-size:4rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{display:block;border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row nowrap;align-items:center}.cds--text-input-wrapper .cds--label--inline{flex:0 1 auto;margin:0;overflow-wrap:break-word;word-break:break-word}.cds--text-input__label-helper-wrapper{flex:0 1 auto;flex-direction:column;max-inline-size:8.875rem;overflow-wrap:break-word}.cds--text-input__label-helper-wrapper:first-of-type{margin-inline-end:.5rem}.cds--text-input__label-helper-wrapper:last-of-type{margin-inline-start:.5rem}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input-wrapper--inline .cds--form-requirement,.cds--text-input-wrapper--inline .cds--form__helper-text--inline{margin:0}.cds--text-input__field-outer-wrapper{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{position:absolute;inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--text-input__invalid-icon,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--text-input__invalid-icon,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--text-input__invalid-icon,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--ai-label,.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--ai-label,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--ai-label,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--slug,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--ai-label,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--slug,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:1rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;justify-content:space-between;inline-size:100%}.cds--slider-container{position:relative;display:flex;align-items:center;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--slider{position:relative;padding:1rem 0;cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem}.cds--slider-container--two-handles .cds--slider{margin-inline:.25rem}.cds--slider__range-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-primary,#161616);white-space:nowrap}.cds--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds--slider__track,.cds--slider__track:before{position:absolute;background:var(--cds-border-subtle)}.cds--slider__track:before{display:inline-block;block-size:.25rem;content:\"\";inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds--slider__filled-track{position:absolute;background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb-wrapper{position:absolute;z-index:3;block-size:.875rem;inline-size:.875rem;transform:translate(-50%,-50%);--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds--slider-container--rtl .cds--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds--slider__thumb-wrapper--lower,.cds--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb{position:absolute;border-radius:50%;background:var(--cds-layer-selected-inverse,#161616);box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb:hover{transform:scale(1.4286)}.cds--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower,.cds--slider__thumb--upper{position:absolute;border-radius:unset;background-color:transparent;box-shadow:none;inset:0;transition:none}.cds--slider__thumb--lower:before,.cds--slider__thumb--upper:before{position:absolute;z-index:-1;display:block;background:var(--cds-background,#fff);block-size:.125rem;content:\"\";inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0}.cds--slider__thumb--lower:hover,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,.cds--slider__thumb--upper:hover .cds--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}.cds--slider__thumb--lower:active,.cds--slider__thumb--upper:active{box-shadow:none;transform:none}.cds--slider__thumb--lower:focus,.cds--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb--lower:focus:before,.cds--slider__thumb--upper:focus:before{inline-size:100%}.cds--slider__thumb--upper{transform:none}.cds--slider__thumb--upper:before{inset-inline:0 auto}.cds--slider__thumb--upper:active,.cds--slider__thumb--upper:focus,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__input{display:none}.cds--slider-text-input-wrapper{position:relative}.cds--slider-text-input-wrapper--hidden{display:none}.cds--slider-text-input,.cds-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds--slider-text-input::-webkit-inner-spin-button,.cds--slider-text-input::-webkit-outer-spin-button,.cds-slider-text-input::-webkit-inner-spin-button,.cds-slider-text-input::-webkit-outer-spin-button{display:none}.cds--slider__thumb-wrapper:focus-within~.cds--slider__filled-track,.cds--slider__thumb:focus~.cds--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds--slider-text-input--warn,.cds--slider-text-input.cds--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--slider__validation-msg.cds--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds--slider__invalid-icon.cds--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--label--disabled~.cds--slider-container>.cds--slider__range-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--slider--disabled.cds--slider{cursor:not-allowed}.cds--slider--disabled .cds--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__thumb:hover{cursor:not-allowed;transform:none}.cds--slider--disabled .cds--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds--slider--disabled .cds--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds--slider--disabled .cds--slider__thumb--lower,.cds--slider--disabled .cds--slider__thumb--upper{background-color:transparent}.cds--slider--disabled .cds--slider__thumb--lower:active,.cds--slider--disabled .cds--slider__thumb--lower:focus,.cds--slider--disabled .cds--slider__thumb--lower:hover,.cds--slider--disabled .cds--slider__thumb--upper:active,.cds--slider--disabled .cds--slider__thumb--upper:focus,.cds--slider--disabled .cds--slider__thumb--upper:hover{background-color:transparent;transform:none}.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__filled-track,.cds--slider--disabled .cds--slider__thumb:focus~.cds--slider__filled-track,.cds--slider--disabled .cds--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled~.cds--form-item .cds--slider-text-input,.cds--slider--disabled~.cds--slider-text-input{border:none;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;transition:none}.cds--slider--disabled~.cds--form-item .cds--slider-text-input:active,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:focus,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:hover,.cds--slider--disabled~.cds--slider-text-input:active,.cds--slider--disabled~.cds--slider-text-input:focus,.cds--slider--disabled~.cds--slider-text-input:hover{color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}.cds--slider--readonly{cursor:default}.cds--slider-container--readonly .cds--slider__thumb{block-size:0;inline-size:0}.cds--slider-container--readonly .cds--slider__thumb:after,.cds--slider-container--readonly .cds--slider__thumb:before{display:none}.cds--slider-container--readonly .cds--slider-text-input{background-color:transparent}.cds--slider__status-msg.cds--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds--slider-container.cds--skeleton .cds--slider__range-label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__range-label:active,.cds--slider-container.cds--skeleton .cds--slider__range-label:focus,.cds--slider-container.cds--skeleton .cds--slider__range-label:hover{border:none;cursor:default;outline:none}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--slider-container.cds--skeleton .cds--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider-container.cds--skeleton .cds--slider__range-label{background:CanvasText}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds--slider-container.cds--skeleton .cds--slider__range-label{block-size:.75rem;inline-size:1.25rem}.cds--slider-container.cds--skeleton .cds--slider__track{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper{inset-inline-start:50%}.cds--slider-container.cds--skeleton .cds--slider__thumb{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower{inset-inline-start:0}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds--popover-container.cds--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider__thumb{outline:1px solid transparent}.cds--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds--slider__track{outline:1px solid transparent}}:host(cds-slider),:host(cds-slider-skeleton){outline:none;--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-slider) .cds--slider,:host(cds-slider-skeleton) .cds--slider{transform:rotate(0)}:host(cds-slider) .cds-ce--slider__filled-track-container,:host(cds-slider-skeleton) .cds-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-slider) .cds--slider>.cds--slider__thumb,:host(cds-slider-skeleton) .cds--slider>.cds--slider__thumb{z-index:3;block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%)}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper,:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper{--prefix-tooltip-padding-block:0.125rem;--prefix-popover-caret-width:0.5rem;--prefix-popover-caret-height:0.25rem;--prefix-popover-offset:0.5rem}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper cds-tooltip-content::part(content),:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper cds-tooltip-content::part(content){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);padding:.125rem .5rem}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper::part(popover-container),:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper::part(popover-container){display:block;block-size:100%;inline-size:100%}:host(cds-slider) .cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) .cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-slider-input){position:relative}:host(cds-slider-input) input{box-sizing:border-box}:host(cds-slider-input[readonly]) input{background-color:transparent}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon,cds-tooltip.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon{display:none}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus,cds-tooltip.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb-disabled{pointer-events:none}:host(cds-slider-skeleton) .cds--slider>.cds--slider__thumb{inset-inline-start:50%}:host(cds-slider-skeleton) .cds--slider__thumb--lower,:host(cds-slider-skeleton) .cds--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds--slider--readonly .cds--slider__filled-track{background:var(--cds-border-inverse,#161616)}"]);
10
+ var slider_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-size:100%;vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);border:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:var(--cds-layout-size-height-local)}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{position:relative;display:flex;inline-size:100%}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{position:relative;display:inline-flex;overflow:visible;align-items:center}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility{cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{border-style:solid;block-size:0;content:\"\";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{overflow:visible;margin:auto;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{overflow:hidden;margin:-1px;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{position:absolute;display:block;content:\"\";block-size:.75rem;inline-size:100%;inset-inline-start:0;inset-block-start:-.75rem}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-width:0 .25rem .3125rem;border-color:transparent transparent var(--cds-background-inverse,#393939);inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{outline:2px solid transparent;outline-offset:-2px;position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;aspect-ratio:1;background:none;block-size:100%;cursor:pointer;inset-inline-end:0;min-block-size:auto;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));gap:.25rem;inset-inline-start:calc((var(--cds-layout-size-height-local))*-1)}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input,.cds--text-input--warning.cds--password-input{padding-inline-end:calc(var(--cds-layout-size-height-local) + 1.5rem)}.cds--password-input-wrapper .cds--text-input__invalid-icon{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));inset-inline-end:var(--cds-layout-size-height-local)}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}@media (any-hover:hover){.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}}.cds--text-input__counter-alert{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;-webkit-text-fill-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid{box-shadow:none}.cds--skeleton.cds--text-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{position:relative;background:var(--cds-field);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inset-block-start:.8125rem;inset-inline-start:1rem}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{padding:2rem 1rem .8125rem;min-block-size:4rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{display:block;border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row nowrap;align-items:center}.cds--text-input-wrapper .cds--label--inline{flex:0 1 auto;margin:0;overflow-wrap:break-word;word-break:break-word}.cds--text-input__label-helper-wrapper{flex:0 1 auto;flex-direction:column;max-inline-size:8.875rem;overflow-wrap:break-word}.cds--text-input__label-helper-wrapper:first-of-type{margin-inline-end:.5rem}.cds--text-input__label-helper-wrapper:last-of-type{margin-inline-start:.5rem}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input-wrapper--inline .cds--form-requirement,.cds--text-input-wrapper--inline .cds--form__helper-text--inline{margin:0}.cds--text-input__field-outer-wrapper{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{position:absolute;inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--text-input__invalid-icon,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--text-input__invalid-icon,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--text-input__invalid-icon,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--ai-label,.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--ai-label,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--ai-label,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--slug,.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--ai-label,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--slug,.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:1rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;justify-content:space-between;inline-size:100%}.cds--slider-container{position:relative;display:flex;align-items:center;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--slider{position:relative;padding:1rem 0;cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem}.cds--slider-container--two-handles .cds--slider{margin-inline:.25rem}.cds--slider__range-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-primary,#161616);white-space:nowrap}.cds--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds--slider__track,.cds--slider__track:before{position:absolute;background:var(--cds-border-subtle)}.cds--slider__track:before{display:inline-block;block-size:.25rem;content:\"\";inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds--slider__filled-track{position:absolute;background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb-wrapper{position:absolute;z-index:3;block-size:.875rem;inline-size:.875rem;transform:translate(-50%,-50%);--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds--slider-container--rtl .cds--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds--slider__thumb-wrapper--lower,.cds--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb{position:absolute;border-radius:50%;background:var(--cds-layer-selected-inverse,#161616);box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}@media (any-hover:hover){.cds--slider__thumb:hover{transform:scale(1.4286)}}.cds--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower,.cds--slider__thumb--upper{position:absolute;border-radius:unset;background-color:transparent;box-shadow:none;inset:0;transition:none}.cds--slider__thumb--lower:before,.cds--slider__thumb--upper:before{position:absolute;z-index:-1;display:block;background:var(--cds-background,#fff);block-size:.125rem;content:\"\";inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0}@media (any-hover:hover){.cds--slider__thumb--lower:hover,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,.cds--slider__thumb--upper:hover .cds--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}}.cds--slider__thumb--lower:active,.cds--slider__thumb--upper:active{box-shadow:none;transform:none}.cds--slider__thumb--lower:focus,.cds--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb--lower:focus:before,.cds--slider__thumb--upper:focus:before{inline-size:100%}.cds--slider__thumb--upper{transform:none}.cds--slider__thumb--upper:before{inset-inline:0 auto}.cds--slider__thumb--upper:active,.cds--slider__thumb--upper:focus{transform:none}@media (any-hover:hover){.cds--slider__thumb--upper:hover{transform:none}}.cds--slider__input{display:none}.cds--slider-text-input-wrapper{position:relative}.cds--slider-text-input-wrapper--hidden{display:none}.cds--slider-text-input,.cds-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds--slider-text-input::-webkit-inner-spin-button,.cds--slider-text-input::-webkit-outer-spin-button,.cds-slider-text-input::-webkit-inner-spin-button,.cds-slider-text-input::-webkit-outer-spin-button{display:none}.cds--slider__thumb-wrapper:focus-within~.cds--slider__filled-track,.cds--slider__thumb:focus~.cds--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds--slider-text-input--warn,.cds--slider-text-input.cds--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--slider__validation-msg.cds--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds--slider__invalid-icon.cds--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--label--disabled~.cds--slider-container>.cds--slider__range-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--slider--disabled.cds--slider{cursor:not-allowed}.cds--slider--disabled .cds--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}@media (any-hover:hover){.cds--slider--disabled .cds--slider__thumb:hover{cursor:not-allowed;transform:none}}.cds--slider--disabled .cds--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds--slider--disabled .cds--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds--slider--disabled .cds--slider__thumb--lower,.cds--slider--disabled .cds--slider__thumb--upper{background-color:transparent}.cds--slider--disabled .cds--slider__thumb--lower:active,.cds--slider--disabled .cds--slider__thumb--lower:focus,.cds--slider--disabled .cds--slider__thumb--upper:active,.cds--slider--disabled .cds--slider__thumb--upper:focus{background-color:transparent;transform:none}@media (any-hover:hover){.cds--slider--disabled .cds--slider__thumb--lower:hover,.cds--slider--disabled .cds--slider__thumb--upper:hover{background-color:transparent;transform:none}}.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__filled-track,.cds--slider--disabled .cds--slider__thumb:focus~.cds--slider__filled-track,.cds--slider--disabled .cds--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled~.cds--form-item .cds--slider-text-input,.cds--slider--disabled~.cds--slider-text-input{border:none;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;transition:none}.cds--slider--disabled~.cds--form-item .cds--slider-text-input:active,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:focus,.cds--slider--disabled~.cds--slider-text-input:active,.cds--slider--disabled~.cds--slider-text-input:focus{color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}@media (any-hover:hover){.cds--slider--disabled~.cds--form-item .cds--slider-text-input:hover,.cds--slider--disabled~.cds--slider-text-input:hover{color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:none}}.cds--slider--readonly{cursor:default}.cds--slider-container--readonly .cds--slider__thumb{block-size:0;inline-size:0}.cds--slider-container--readonly .cds--slider__thumb:after,.cds--slider-container--readonly .cds--slider__thumb:before{display:none}.cds--slider-container--readonly .cds--slider-text-input{background-color:transparent}.cds--slider__status-msg.cds--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds--slider-container.cds--skeleton .cds--slider__range-label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__range-label:active,.cds--slider-container.cds--skeleton .cds--slider__range-label:focus,.cds--slider-container.cds--skeleton .cds--slider__range-label:hover{border:none;cursor:default;outline:none}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--slider-container.cds--skeleton .cds--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider-container.cds--skeleton .cds--slider__range-label{background:CanvasText}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds--slider-container.cds--skeleton .cds--slider__range-label{block-size:.75rem;inline-size:1.25rem}.cds--slider-container.cds--skeleton .cds--slider__track{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper{inset-inline-start:50%}.cds--slider-container.cds--skeleton .cds--slider__thumb{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower{inset-inline-start:0}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds--popover-container.cds--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider__thumb{outline:1px solid transparent}.cds--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds--slider__track{outline:1px solid transparent}}:host(cds-slider),:host(cds-slider-skeleton){outline:none;--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-slider) .cds--slider,:host(cds-slider-skeleton) .cds--slider{transform:rotate(0)}:host(cds-slider) .cds-ce--slider__filled-track-container,:host(cds-slider-skeleton) .cds-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-slider) .cds--slider>.cds--slider__thumb,:host(cds-slider-skeleton) .cds--slider>.cds--slider__thumb{z-index:3;block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%)}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper,:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper{--prefix-tooltip-padding-block:0.125rem;--prefix-popover-caret-width:0.5rem;--prefix-popover-caret-height:0.25rem;--prefix-popover-offset:0.5rem}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper cds-tooltip-content::part(content),:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper cds-tooltip-content::part(content){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);padding:.125rem .5rem}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper::part(popover-container),:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper::part(popover-container){display:block;block-size:100%;inline-size:100%}:host(cds-slider) .cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) .cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-slider-input){position:relative}:host(cds-slider-input) input{box-sizing:border-box}:host(cds-slider-input[readonly]) input{background-color:transparent}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon,cds-tooltip.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon{display:none}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus,cds-tooltip.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb-disabled{pointer-events:none}:host(cds-slider-skeleton) .cds--slider>.cds--slider__thumb{inset-inline-start:50%}:host(cds-slider-skeleton) .cds--slider__thumb--lower,:host(cds-slider-skeleton) .cds--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds--slider--readonly .cds--slider__filled-track{background:var(--cds-border-inverse,#161616)}"]);
11
11
  //#endregion
12
12
  export { slider_default as default };
13
13