@trintel/zooy 1.0.20 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/dist/chunks/component-library-registry-BBQV6Kpv.js +1 -0
  2. package/dist/chunks/component-library-registry-DB5UeqC2.js +58 -0
  3. package/dist/chunks/register-D3pWAXhm.js +266 -0
  4. package/dist/chunks/register-HYODt48Q.js +1 -0
  5. package/dist/chunks/register-aF5kN8wT.js +1379 -0
  6. package/dist/chunks/register-uV9z3usH.js +1 -0
  7. package/dist/chunks/{tree-utils-D7kpr-Wj.js → tree-utils-B2JEGXHR.js} +2 -1
  8. package/dist/chunks/tree-utils-BYnipT-p.js +1 -0
  9. package/dist/chunks/zoo-CY2QpG41.js +52 -0
  10. package/dist/chunks/zoo-DgdxBjlN.js +390 -0
  11. package/dist/zooy.cjs.js +4 -4
  12. package/dist/zooy.es.js +226 -237
  13. package/package.json +1 -1
  14. package/dist/chunks/16-B2HVhDIW.js +0 -1
  15. package/dist/chunks/16-B9Ad4Fob.js +0 -19
  16. package/dist/chunks/16-BXsOcjPx.js +0 -19
  17. package/dist/chunks/16-BZCBqUx6.js +0 -1
  18. package/dist/chunks/16-BmOXGjZf.js +0 -1
  19. package/dist/chunks/16-BsQdCz_w.js +0 -27
  20. package/dist/chunks/16-C-Rp3Nso.js +0 -1
  21. package/dist/chunks/16-C36sVk5F.js +0 -26
  22. package/dist/chunks/16-CZycT1I8.js +0 -1
  23. package/dist/chunks/16-Ce_hDgPW.js +0 -1
  24. package/dist/chunks/16-CinLDpNC.js +0 -19
  25. package/dist/chunks/16-Cj0hOjaI.js +0 -1
  26. package/dist/chunks/16-Cx-PCMJJ.js +0 -26
  27. package/dist/chunks/16-D8XFc44J.js +0 -110
  28. package/dist/chunks/16-DVx7Niko.js +0 -33
  29. package/dist/chunks/16-DZJZDJYY.js +0 -1
  30. package/dist/chunks/16-DoCnqtvj.js +0 -35
  31. package/dist/chunks/16-DyCV3lkl.js +0 -19
  32. package/dist/chunks/16-SwMpxJpB.js +0 -19
  33. package/dist/chunks/16-jVjxC8Bu.js +0 -1
  34. package/dist/chunks/16-ma2Q_204.js +0 -1
  35. package/dist/chunks/16-qZ3FOIw0.js +0 -1
  36. package/dist/chunks/20-BwzzGcZC.js +0 -80
  37. package/dist/chunks/20-CqNSki3g.js +0 -1
  38. package/dist/chunks/accordion-0mybViUv.js +0 -236
  39. package/dist/chunks/accordion-CvcaulG8.js +0 -45
  40. package/dist/chunks/badge-indicator-BUdDkz6Z.js +0 -18
  41. package/dist/chunks/badge-indicator-DuYbJV5o.js +0 -1
  42. package/dist/chunks/breadcrumb-CYKgjbdB.js +0 -19
  43. package/dist/chunks/breadcrumb-DB0PkiBX.js +0 -140
  44. package/dist/chunks/button-1g5b3tWS.js +0 -268
  45. package/dist/chunks/button-BKj8189A.js +0 -4
  46. package/dist/chunks/button-DAOoyQ8b.js +0 -67
  47. package/dist/chunks/button-DfRkC-OR.js +0 -72
  48. package/dist/chunks/button-skeleton-C0mW3D7v.js +0 -44
  49. package/dist/chunks/button-skeleton-KFGdwtUH.js +0 -21
  50. package/dist/chunks/carbon-element-BsPGNbmz.js +0 -1
  51. package/dist/chunks/carbon-element-Z5iEnFdr.js +0 -24
  52. package/dist/chunks/checkbox-CBD8Qmjx.js +0 -37
  53. package/dist/chunks/checkbox-CewERWBu.js +0 -40
  54. package/dist/chunks/checkbox-CxxD4wgP.js +0 -176
  55. package/dist/chunks/checkbox-DKS7fw29.js +0 -168
  56. package/dist/chunks/class-map-BwUbMyhc.js +0 -1
  57. package/dist/chunks/class-map-qeLb1IA_.js +0 -27
  58. package/dist/chunks/code-snippet-BJhK27fG.js +0 -205
  59. package/dist/chunks/code-snippet-BUQFh_v7.js +0 -53
  60. package/dist/chunks/collection-helpers-DPVzwwb8.js +0 -7
  61. package/dist/chunks/collection-helpers-g7DrZSRQ.js +0 -1
  62. package/dist/chunks/combo-box-BCOUQHyG.js +0 -39
  63. package/dist/chunks/combo-box-Bms5blM6.js +0 -325
  64. package/dist/chunks/combo-button-BSBAvBIW.js +0 -15
  65. package/dist/chunks/combo-button-Bc3hx7VJ.js +0 -92
  66. package/dist/chunks/component-library-registry-CJ1Yb_8E.js +0 -98
  67. package/dist/chunks/component-library-registry-Co7WzTfw.js +0 -1
  68. package/dist/chunks/content-switcher-BuLZ3Aae.js +0 -1
  69. package/dist/chunks/content-switcher-DIODRHwc.js +0 -2
  70. package/dist/chunks/content-switcher-item-0YPDXW1z.js +0 -27
  71. package/dist/chunks/content-switcher-item-DkRD8k8n.js +0 -272
  72. package/dist/chunks/copy-button-XD4reiTK.js +0 -121
  73. package/dist/chunks/copy-button-eI9B8iKc.js +0 -17
  74. package/dist/chunks/data-table-BImLEoIA.js +0 -1243
  75. package/dist/chunks/data-table-YLNCQhJx.js +0 -158
  76. package/dist/chunks/date-picker-CWIAwkKj.js +0 -66
  77. package/dist/chunks/date-picker-CXjiOkZH.js +0 -2167
  78. package/dist/chunks/decorate-Cnz2C5jL.js +0 -62
  79. package/dist/chunks/decorate-DT052P_1.js +0 -72
  80. package/dist/chunks/decorators-CHZSYVOk.js +0 -1
  81. package/dist/chunks/decorators-CK8kfuyw.js +0 -87
  82. package/dist/chunks/deep-shadow-contains-BlQ_KSu4.js +0 -15
  83. package/dist/chunks/deep-shadow-contains-OTuAt1VE.js +0 -1
  84. package/dist/chunks/directive-CtTB8jL3.js +0 -31
  85. package/dist/chunks/directive-DWoJrOxt.js +0 -1
  86. package/dist/chunks/dropdown-Cg9JduA5.js +0 -4
  87. package/dist/chunks/dropdown-item-CYwutWei.js +0 -677
  88. package/dist/chunks/dropdown-item-H53zayYk.js +0 -73
  89. package/dist/chunks/dropdown-jdFaaXEa.js +0 -32
  90. package/dist/chunks/file-uploader-6FOP_GAh.js +0 -79
  91. package/dist/chunks/file-uploader-BTk1MqcJ.js +0 -342
  92. package/dist/chunks/floating-controller-BphaSUPY.js +0 -1012
  93. package/dist/chunks/floating-controller-C4ivnNvp.js +0 -1
  94. package/dist/chunks/focus-C1mbe9-i.js +0 -1
  95. package/dist/chunks/focus-Dpis0wA_.js +0 -13
  96. package/dist/chunks/form-BEmId1-D.js +0 -20
  97. package/dist/chunks/form-BmSVyKnm.js +0 -1
  98. package/dist/chunks/form-DUzcwJO9.js +0 -23
  99. package/dist/chunks/form-crnrWPVH.js +0 -3
  100. package/dist/chunks/form-group-Dax3eYD4.js +0 -43
  101. package/dist/chunks/form-group-dIvuqjw2.js +0 -12
  102. package/dist/chunks/heading-BbB6mvMG.js +0 -47
  103. package/dist/chunks/heading-UN9MO1TN.js +0 -5
  104. package/dist/chunks/host-listener-BBI7oAFw.js +0 -37
  105. package/dist/chunks/host-listener-BzjpIsFF.js +0 -1
  106. package/dist/chunks/host-listener-CtA1D-wt.js +0 -1
  107. package/dist/chunks/host-listener-DJEakRMM.js +0 -17
  108. package/dist/chunks/icon-B_S1_kDJ.js +0 -1
  109. package/dist/chunks/icon-CINf5Icb.js +0 -28
  110. package/dist/chunks/icon-button-BtE0-oCE.js +0 -1
  111. package/dist/chunks/icon-button-CACU21y5.js +0 -16
  112. package/dist/chunks/icon-button-D2STrB4d.js +0 -6
  113. package/dist/chunks/icon-button-D569kvcZ.js +0 -84
  114. package/dist/chunks/icon-indicator-BkILzP5o.js +0 -1
  115. package/dist/chunks/icon-indicator-D_IHkSon.js +0 -445
  116. package/dist/chunks/icon-loader-B9uu2SkP.js +0 -7
  117. package/dist/chunks/icon-loader-CZ8MQjNl.js +0 -1
  118. package/dist/chunks/icon-loader-utils-BKulYpY6.js +0 -110
  119. package/dist/chunks/icon-loader-utils-C-vWa1iy.js +0 -1
  120. package/dist/chunks/if-defined-C4rY5CqG.js +0 -1
  121. package/dist/chunks/if-defined-DvPh-nZx.js +0 -5
  122. package/dist/chunks/if-non-empty-CqihXhSU.js +0 -1
  123. package/dist/chunks/if-non-empty-DIcT03Pc.js +0 -5
  124. package/dist/chunks/inline-loading-BIB-coVZ.js +0 -83
  125. package/dist/chunks/inline-loading-C4MpPNzv.js +0 -12
  126. package/dist/chunks/link-Bz8knkhr.js +0 -1
  127. package/dist/chunks/link-CyrOt3Yx.js +0 -24
  128. package/dist/chunks/link-DlDoN1r0.js +0 -1
  129. package/dist/chunks/link-MrslkhR7.js +0 -106
  130. package/dist/chunks/lit-BNk7ncU9.js +0 -3
  131. package/dist/chunks/lit-uyM4-HrV.js +0 -552
  132. package/dist/chunks/loading-CUUY8ITP.js +0 -68
  133. package/dist/chunks/loading-CX_B-YYv.js +0 -1
  134. package/dist/chunks/loading-SDDHeWof.js +0 -1
  135. package/dist/chunks/loading-icon-BsInpAjb.js +0 -16
  136. package/dist/chunks/loading-icon-iCI-C5ZG.js +0 -24
  137. package/dist/chunks/loading-xKooWNUJ.js +0 -2
  138. package/dist/chunks/menu-D2kFhclQ.js +0 -56
  139. package/dist/chunks/menu-DG7s9yXJ.js +0 -682
  140. package/dist/chunks/modal-C2EEHjQh.js +0 -27
  141. package/dist/chunks/modal-DEGWE2iT.js +0 -414
  142. package/dist/chunks/multi-select-BXST526m.js +0 -63
  143. package/dist/chunks/multi-select-CgDCOBWa.js +0 -384
  144. package/dist/chunks/notification-BEvb6zBP.js +0 -89
  145. package/dist/chunks/notification-DLOgEfr6.js +0 -426
  146. package/dist/chunks/number-input-CRIgLD3k.js +0 -284
  147. package/dist/chunks/number-input-CiXkIGVz.js +0 -76
  148. package/dist/chunks/on-D2_IwJad.js +0 -8
  149. package/dist/chunks/on-_BJL2XbM.js +0 -1
  150. package/dist/chunks/overflow-menu-BSMy7pUY.js +0 -34
  151. package/dist/chunks/overflow-menu-CGghH3Mz.js +0 -387
  152. package/dist/chunks/pagination-4SuGaSx6.js +0 -77
  153. package/dist/chunks/pagination-D7VFRyN2.js +0 -293
  154. package/dist/chunks/password-input-Cx2ItLqG.js +0 -68
  155. package/dist/chunks/password-input-NoZg_DjL.js +0 -210
  156. package/dist/chunks/popover--wvkgqdv.js +0 -1
  157. package/dist/chunks/popover-Ca4f4ZCE.js +0 -6
  158. package/dist/chunks/popover-content-BOaLSQt3.js +0 -15
  159. package/dist/chunks/popover-content-Bi-ydBhZ.js +0 -277
  160. package/dist/chunks/progress-bar-BTHREDPK.js +0 -101
  161. package/dist/chunks/progress-bar-p0YwLsuh.js +0 -22
  162. package/dist/chunks/progress-indicator-BP8k-xTC.js +0 -252
  163. package/dist/chunks/progress-indicator-cr687P29.js +0 -35
  164. package/dist/chunks/radio-button-CNOPBUK8.js +0 -396
  165. package/dist/chunks/radio-button-CU2ngHxo.js +0 -44
  166. package/dist/chunks/radio-group-manager-iPCcbWB8.js +0 -60
  167. package/dist/chunks/radio-group-manager-zfU1GLIW.js +0 -1
  168. package/dist/chunks/register-BXKEXKsC.js +0 -15
  169. package/dist/chunks/register-Bx7SlevL.js +0 -8198
  170. package/dist/chunks/register-CnJjkv07.js +0 -1
  171. package/dist/chunks/register-DqgfpeXv.js +0 -1399
  172. package/dist/chunks/search-BYWQ80wI.js +0 -4
  173. package/dist/chunks/search-BgSG9LA9.js +0 -22
  174. package/dist/chunks/search-CET7sHGW.js +0 -173
  175. package/dist/chunks/search-CUuRRsTX.js +0 -31
  176. package/dist/chunks/select-BifhTIxt.js +0 -37
  177. package/dist/chunks/select-Dh4AFZ2v.js +0 -4
  178. package/dist/chunks/select-item-BvwJ4Wc-.js +0 -77
  179. package/dist/chunks/select-item-DLWdT1CE.js +0 -272
  180. package/dist/chunks/shared-enums-BdDASwq-.js +0 -1
  181. package/dist/chunks/shared-enums-Cd0vBQFM.js +0 -6
  182. package/dist/chunks/skeleton-placeholder-Czj5sAeI.js +0 -28
  183. package/dist/chunks/skeleton-placeholder-aS-woCl8.js +0 -1
  184. package/dist/chunks/skeleton-text-BIHdj7Jx.js +0 -1
  185. package/dist/chunks/skeleton-text-CZ2bSuDE.js +0 -6
  186. package/dist/chunks/skeleton-text-DJrow5mh.js +0 -1
  187. package/dist/chunks/skeleton-text-INjLvc2Y.js +0 -71
  188. package/dist/chunks/slider-CoHP_UJ2.js +0 -878
  189. package/dist/chunks/slider-DhIZP9Ms.js +0 -246
  190. package/dist/chunks/stack-C66k74Zo.js +0 -1
  191. package/dist/chunks/stack-vrK3hQYJ.js +0 -85
  192. package/dist/chunks/structured-list-BWjXHFbX.js +0 -19
  193. package/dist/chunks/structured-list-lqhD2RqL.js +0 -234
  194. package/dist/chunks/tabs-DixpRz83.js +0 -58
  195. package/dist/chunks/tabs-DkIGB3cC.js +0 -316
  196. package/dist/chunks/tag-DpezbQqm.js +0 -93
  197. package/dist/chunks/tag-rQOD2v2s.js +0 -412
  198. package/dist/chunks/text-input-BYjtsh0H.js +0 -26
  199. package/dist/chunks/text-input-C2jRG8Lb.js +0 -72
  200. package/dist/chunks/text-input-DvygxhCJ.js +0 -4
  201. package/dist/chunks/text-input-DzSNpORC.js +0 -309
  202. package/dist/chunks/textarea-BZ34-RaT.js +0 -190
  203. package/dist/chunks/textarea-Be3YTme6.js +0 -57
  204. package/dist/chunks/tile-CQ9nINGM.js +0 -524
  205. package/dist/chunks/tile-DNWy90OU.js +0 -74
  206. package/dist/chunks/time-picker-CJ_ONMZi.js +0 -267
  207. package/dist/chunks/time-picker-DK_Lu3AK.js +0 -52
  208. package/dist/chunks/toggle-BBdusHAx.js +0 -36
  209. package/dist/chunks/toggle-Bfx6cOUM.js +0 -156
  210. package/dist/chunks/toggle-tip-CkH7fFX4.js +0 -46
  211. package/dist/chunks/toggle-tip-DF_GKfoM.js +0 -169
  212. package/dist/chunks/tooltip-COwRDvmc.js +0 -85
  213. package/dist/chunks/tooltip-DbGsUOZ8.js +0 -23
  214. package/dist/chunks/tooltip-content-BDcgoT6r.js +0 -1
  215. package/dist/chunks/tooltip-content-CkxKIMDr.js +0 -116
  216. package/dist/chunks/tree-utils-AeNlEhIR.js +0 -1
  217. package/dist/chunks/tree-view-BmoD8n0Y.js +0 -292
  218. package/dist/chunks/tree-view-Drfa7DNm.js +0 -82
  219. package/dist/chunks/unsafe-html-BP-z2WTp.js +0 -26
  220. package/dist/chunks/unsafe-html-Dego4Lbw.js +0 -1
  221. package/dist/chunks/validity-CMW3OiFU.js +0 -31
  222. package/dist/chunks/validity-zT-XWh2t.js +0 -1
  223. package/dist/chunks/zoo-Bb5HHyrn.js +0 -721
  224. package/dist/chunks/zoo-C_CBOaHL.js +0 -52
@@ -1,878 +0,0 @@
1
- import { o as b, t as S, u as ae } from "./lit-uyM4-HrV.js";
2
- import { t as d } from "./decorate-DT052P_1.js";
3
- import { t as R } from "./carbon-element-Z5iEnFdr.js";
4
- import { i as l, n as V } from "./decorators-CK8kfuyw.js";
5
- import { t as W } from "./icon-loader-B9uu2SkP.js";
6
- import { t as ee } from "./focus-Dpis0wA_.js";
7
- import { t as k } from "./class-map-qeLb1IA_.js";
8
- import { t as Z } from "./if-defined-DvPh-nZx.js";
9
- import { t as te } from "./host-listener-DJEakRMM.js";
10
- import { t as ne } from "./host-listener-BBI7oAFw.js";
11
- import { t as oe } from "./form-BEmId1-D.js";
12
- import { t as le } from "./16-C36sVk5F.js";
13
- import { t as ce } from "./16-DVx7Niko.js";
14
- import "./tooltip-COwRDvmc.js";
15
- var O = ae(['.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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);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{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.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{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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;font-weight:400;max-block-size:12.5rem;overflow:visible}.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;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;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{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--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}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;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-sm)),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));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);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:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.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{align-items:center;display:inline-flex;overflow:visible;position:relative}.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{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@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{block-size:0;border-style:solid;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{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@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{margin:auto;overflow:visible;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{margin:-1px;overflow:hidden;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{block-size:.75rem;content:"";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.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-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;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{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.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{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.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,hsla(0,0%,9%,.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,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.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--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.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{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.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 wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;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;font-weight:400;max-block-size:12.5rem;overflow:visible}.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>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;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:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input: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--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.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;inline-size:100%;justify-content:space-between}.cds--slider-container{align-items:center;display:flex;gap:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--slider{cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem;padding:1rem 0;position:relative}.cds--slider-container--two-handles .cds--slider{margin-inline:.25rem}.cds--slider__range-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);white-space:nowrap}.cds--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds--slider__track,.cds--slider__track:before{background:var(--cds-border-subtle);position:absolute}.cds--slider__track:before{block-size:.25rem;content:"";display:inline-block;inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds--slider__filled-track{background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb-wrapper{block-size:.875rem;inline-size:.875rem;position:absolute;transform:translate(-50%,-50%);z-index:3;--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{background:var(--cds-layer-selected-inverse,#161616);border-radius:50%;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;position:absolute;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{background-color:transparent;border-radius:unset;box-shadow:none;inset:0;position:absolute;transition:none}.cds--slider__thumb--lower:before,.cds--slider__thumb--upper:before{background:var(--cds-background,#fff);block-size:.125rem;content:"";display:block;inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0;position:absolute;z-index:-1}.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;max-block-size:100%;overflow:visible}.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,hsla(0,0%,9%,.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{background-color:var(--cds-field);border:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.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,hsla(0,0%,9%,.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;max-block-size:100%;overflow:visible}.cds--slider-container.cds--skeleton .cds--slider__range-label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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{block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%);z-index:3}: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);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);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){block-size:100%;display:block;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)}']);
16
- function H(s) {
17
- var t = typeof s;
18
- return s != null && (t == "object" || t == "function");
19
- }
20
- var pe = typeof global == "object" && global && global.Object === Object && global, ue = typeof self == "object" && self && self.Object === Object && self, ie = pe || ue || Function("return this")(), B = function() {
21
- return ie.Date.now();
22
- }, he = /\s/;
23
- function me(s) {
24
- for (var t = s.length; t-- && he.test(s.charAt(t)); ) ;
25
- return t;
26
- }
27
- var be = /^\s+/;
28
- function ve(s) {
29
- return s && s.slice(0, me(s) + 1).replace(be, "");
30
- }
31
- var E = ie.Symbol, se = Object.prototype, _e = se.hasOwnProperty, fe = se.toString, U = E ? E.toStringTag : void 0;
32
- function ge(s) {
33
- var t = _e.call(s, U), e = s[U];
34
- try {
35
- s[U] = void 0;
36
- var i = !0;
37
- } catch {
38
- }
39
- var r = fe.call(s);
40
- return i && (t ? s[U] = e : delete s[U]), r;
41
- }
42
- var xe = Object.prototype.toString;
43
- function ye(s) {
44
- return xe.call(s);
45
- }
46
- var we = "[object Null]", ke = "[object Undefined]", Y = E ? E.toStringTag : void 0;
47
- function ze(s) {
48
- return s == null ? s === void 0 ? ke : we : Y && Y in Object(s) ? ge(s) : ye(s);
49
- }
50
- function $e(s) {
51
- return s != null && typeof s == "object";
52
- }
53
- var Me = "[object Symbol]";
54
- function Ne(s) {
55
- return typeof s == "symbol" || $e(s) && ze(s) == Me;
56
- }
57
- var K = NaN, Te = /^[-+]0x[0-9a-f]+$/i, Ce = /^0b[01]+$/i, Ue = /^0o[0-7]+$/i, Se = parseInt;
58
- function G(s) {
59
- if (typeof s == "number") return s;
60
- if (Ne(s)) return K;
61
- if (H(s)) {
62
- var t = typeof s.valueOf == "function" ? s.valueOf() : s;
63
- s = H(t) ? t + "" : t;
64
- }
65
- if (typeof s != "string") return s === 0 ? s : +s;
66
- s = ve(s);
67
- var e = Ce.test(s);
68
- return e || Ue.test(s) ? Se(s.slice(2), e ? 2 : 8) : Te.test(s) ? K : +s;
69
- }
70
- var Ie = "Expected a function", qe = Math.max, He = Math.min;
71
- function Ee(s, t, e) {
72
- var i, r, o, c, a, n, u = 0, v = !1, x = !1, f = !0;
73
- if (typeof s != "function") throw new TypeError(Ie);
74
- t = G(t) || 0, H(e) && (v = !!e.leading, x = "maxWait" in e, o = x ? qe(G(e.maxWait) || 0, t) : o, f = "trailing" in e ? !!e.trailing : f);
75
- function g(m) {
76
- var M = i, N = r;
77
- return i = r = void 0, u = m, c = s.apply(N, M), c;
78
- }
79
- function y(m) {
80
- return u = m, a = setTimeout(_, t), v ? g(m) : c;
81
- }
82
- function $(m) {
83
- var M = m - n, N = m - u, C = t - M;
84
- return x ? He(C, o - N) : C;
85
- }
86
- function w(m) {
87
- var M = m - n, N = m - u;
88
- return n === void 0 || M >= t || M < 0 || x && N >= o;
89
- }
90
- function _() {
91
- var m = B();
92
- if (w(m)) return h(m);
93
- a = setTimeout(_, $(m));
94
- }
95
- function h(m) {
96
- return a = void 0, f && i ? g(m) : (i = r = void 0, c);
97
- }
98
- function I() {
99
- a !== void 0 && clearTimeout(a), u = 0, i = n = r = a = void 0;
100
- }
101
- function q() {
102
- return a === void 0 ? c : h(B());
103
- }
104
- function T() {
105
- var m = B(), M = w(m);
106
- if (i = arguments, r = this, n = m, M) {
107
- if (a === void 0) return y(n);
108
- if (x)
109
- return clearTimeout(a), a = setTimeout(_, t), g(n);
110
- }
111
- return a === void 0 && (a = setTimeout(_, t)), c;
112
- }
113
- return T.cancel = I, T.flush = q, T;
114
- }
115
- var Be = "Expected a function";
116
- function J(s, t, e) {
117
- var i = !0, r = !0;
118
- if (typeof s != "function") throw new TypeError(Be);
119
- return H(e) && (i = "leading" in e ? !!e.leading : i, r = "trailing" in e ? !!e.trailing : r), Ee(s, t, {
120
- leading: i,
121
- maxWait: t,
122
- trailing: r
123
- });
124
- }
125
- var Q = {
126
- Left: -1,
127
- ArrowLeft: -1,
128
- Up: -1,
129
- ArrowUp: -1,
130
- Right: 1,
131
- ArrowRight: 1,
132
- Down: 1,
133
- ArrowDown: 1
134
- }, Le = 16, p = class extends ne(oe(ee(S))) {
135
- constructor(...t) {
136
- super(...t), this._cachedRateUpper = 1, this._cachedRate = 0, this.dragCooldownTimeout = null, this.dragCoolDown = !1, this._max = "100", this._min = "0", this._step = "1", this._stepMultiplier = "4", this._throttledHandlePointermoveImpl = null, this._dragging = !1, this._draggingUpper = !1, this.onDrag = J(this._startDrag, Le, {
137
- leading: !0,
138
- trailing: !1
139
- }), this._handlePointermove = (e) => {
140
- const { disabled: i, _dragging: r, _draggingUpper: o } = this;
141
- !i && (r || o) && this._throttledHandlePointermoveImpl(e);
142
- }, this._endDrag = () => {
143
- const e = this._dragging, i = this._draggingUpper;
144
- this._dragging || this._draggingUpper ? this.dragCoolDown = !0 : this.dragCoolDown = !1, this._dragging ? (this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
145
- bubbles: !0,
146
- composed: !0,
147
- detail: { value: this.value }
148
- })), this._dragging = !1, this._thumbNode.style.touchAction = "") : this._draggingUpper && (this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
149
- bubbles: !0,
150
- composed: !0,
151
- detail: { value: this.unstable_valueUpper }
152
- })), this._draggingUpper = !1, this._thumbNodeUpper.style.touchAction = ""), e ? this._thumbNode?.matches(":hover") || this.shadowRoot?.activeElement === this._thumbNode || this._setThumbTooltipOpen(this._thumbNode, !1) : i && (this._thumbNodeUpper?.matches(":hover") || this.shadowRoot?.activeElement === this._thumbNodeUpper || this._setThumbTooltipOpen(this._thumbNodeUpper, !1)), (this._dragging || this._draggingUpper) && (this.dragCooldownTimeout = window.setTimeout(() => {
153
- this.dragCoolDown = !1;
154
- }, 100));
155
- }, this._handleChangeInput = (e) => {
156
- const i = e.target, r = i.shadowRoot?.querySelector("input");
157
- this.isValid = i.tagName === "CDS-SLIDER-INPUT" ? this._getInputValidity(i) : this.isValid, this.warn = this._getInputWarnigState(r);
158
- const o = e.target.id, { detail: c } = e, { intermediate: a, value: n } = c;
159
- this.warnText = a ? `The inputted value ${a} was corrected to the nearest allowed digit` : "", a !== n && (o === "upper" ? this.unstable_valueUpper = n : this.value = n);
160
- const u = o === "upper" ? this.unstable_valueUpper : this.value;
161
- u !== "" && this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
162
- bubbles: !0,
163
- composed: !0,
164
- detail: {
165
- value: u,
166
- intermediate: a
167
- }
168
- }));
169
- }, this.disabled = !1, this.required = !1, this.readonly = !1, this.labelText = "", this.maxLabel = "", this.minLabel = "", this.hideLabel = !1, this.formatLabel = (e, i) => `${e}${i ?? ""}`, this.formatMaxText = (e, i) => this.formatLabel(Number(e), i), this.formatMinText = (e, i) => this.formatLabel(Number(e), i), this.invalid = !1, this.invalidText = "", this.warn = !1, this.warnText = "", this.hideTextInput = !1;
170
- }
171
- get _rate() {
172
- const { max: t, min: e, value: i } = this;
173
- if (i) {
174
- const r = (Math.min(Number(t), Math.max(Number(e), i)) - Number(e)) / (Number(t) - Number(e));
175
- return this._cachedRate = r, r;
176
- } else return this._cachedRate;
177
- }
178
- set _rate(t) {
179
- const { max: e, min: i, step: r } = this;
180
- this.value = Number(i) + Math.round((Number(e) - Number(i)) * Math.min(1, Math.max(0, t)) / Number(r)) * Number(r);
181
- }
182
- get _rateUpper() {
183
- const { max: t, min: e, unstable_valueUpper: i } = this;
184
- if (i) {
185
- const r = (Math.min(Number(t), Math.max(Number(e), i)) - Number(e)) / (Number(t) - Number(e));
186
- return this._cachedRateUpper = r, r;
187
- } else return this._cachedRateUpper;
188
- }
189
- set _rateUpper(t) {
190
- const { max: e, min: i, step: r } = this;
191
- this.unstable_valueUpper = Number(i) + Math.round((Number(e) - Number(i)) * Math.min(1, Math.max(0, t)) / Number(r)) * Number(r);
192
- }
193
- _handleClickLabel() {
194
- this._thumbNode?.focus();
195
- }
196
- _setThumbTooltipOpen(t, e) {
197
- if (!this.hideTextInput || !t) return;
198
- const i = t.closest("cds-tooltip");
199
- i && (i.open = e);
200
- }
201
- _handleFormdata(t) {
202
- const { formData: e } = t, { disabled: i, name: r, value: o } = this;
203
- i || e.append(r, String(o));
204
- }
205
- _handleKeydown(t) {
206
- const e = t.target.id, { key: i, shiftKey: r } = t;
207
- if (!this.disabled && !this.readonly && i in Q) {
208
- const { max: o, min: c, step: a, stepMultiplier: n, value: u, unstable_valueUpper: v } = this, x = Number(o), f = Number(c), g = Number(a), y = Number(n), $ = (r ? (x - f) / y : g) * Q[i];
209
- if (e == "thumb-upper") {
210
- const w = (v + $) / g, _ = Math.min(x, Math.max(f, ($ >= 0 ? Math.floor(w) : Math.ceil(w)) * g));
211
- _ >= this.value && (this.unstable_valueUpper = _), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
212
- bubbles: !0,
213
- composed: !0,
214
- detail: {
215
- value: this.unstable_valueUpper,
216
- intermediate: !1
217
- }
218
- }));
219
- } else {
220
- const w = (u + $) / g, _ = Math.min(x, Math.max(f, ($ >= 0 ? Math.floor(w) : Math.ceil(w)) * g));
221
- (!this.unstable_valueUpper || _ <= this.unstable_valueUpper) && (this.value = _), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
222
- bubbles: !0,
223
- composed: !0,
224
- detail: {
225
- value: this.value,
226
- intermediate: !1
227
- }
228
- }));
229
- }
230
- }
231
- }
232
- _startDrag(t) {
233
- if (!this.readonly && !this.disabled) {
234
- let e = t.target.id;
235
- e || (e = t.target.closest(".cds--slider__thumb")?.id ?? ""), e === "thumb" ? (this._dragging = !0, this._thumbNode.style.touchAction = "none", this._setThumbTooltipOpen(this._thumbNode, !0)) : e === "thumb-upper" && (this._draggingUpper = !0, this._thumbNodeUpper.style.touchAction = "none", this._setThumbTooltipOpen(this._thumbNodeUpper, !0));
236
- }
237
- }
238
- _handleClick(t) {
239
- let e = t.target.id;
240
- if (e || (e = t.target.closest(".cds--slider__thumb")?.id ?? ""), !this.disabled && !this.readonly) {
241
- const { _trackNode: i } = this, r = i.ownerDocument.defaultView.getComputedStyle(i).getPropertyValue("direction") === "rtl", o = t.clientX, { left: c, width: a } = i.getBoundingClientRect();
242
- if (e === "thumb-upper")
243
- this._rateUpper = (r ? c + a - o : o - c) / a, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
244
- bubbles: !0,
245
- composed: !0,
246
- detail: { value: this.unstable_valueUpper }
247
- }));
248
- else if (!this.unstable_valueUpper)
249
- this._rate = (r ? c + a - o : o - c) / a, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
250
- bubbles: !0,
251
- composed: !0,
252
- detail: { value: this.value }
253
- }));
254
- else if (!this.dragCoolDown) {
255
- const n = (r ? c + a - o : o - c) / a * 100, u = n > this.value ? n - this.value : this.value - n, v = n > this.unstable_valueUpper ? n - this.unstable_valueUpper : this.unstable_valueUpper - n;
256
- u > v ? this._rateUpper = n / 100 : u < v ? this._rate = n / 100 : !this._dragging && !this._draggingUpper && u === v && (Math.round(n) > this.unstable_valueUpper ? this._rateUpper = n / 100 : this._rate = n / 100), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
257
- bubbles: !0,
258
- composed: !0,
259
- detail: { value: this.value }
260
- }));
261
- }
262
- }
263
- }
264
- _handlePointermoveImpl(t) {
265
- const { disabled: e, _dragging: i, _trackNode: r, _draggingUpper: o } = this;
266
- if (!e) {
267
- const c = r.ownerDocument.defaultView.getComputedStyle(r).getPropertyValue("direction") === "rtl", a = t.clientX, { left: n, width: u } = this._trackNode.getBoundingClientRect();
268
- if (i) {
269
- this._setThumbTooltipOpen(this._thumbNode, !0);
270
- const v = (c ? n + u - a : a - n) / u;
271
- (!this.unstable_valueUpper || v * 100 <= this.unstable_valueUpper) && (this._rate = v, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
272
- bubbles: !0,
273
- composed: !0,
274
- detail: {
275
- value: this.value,
276
- intermediate: !0
277
- }
278
- })));
279
- } else if (o) {
280
- this._setThumbTooltipOpen(this._thumbNodeUpper, !0);
281
- const v = (c ? n + u - a : a - n) / u;
282
- v * 100 >= this.value && (this._rateUpper = v, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
283
- bubbles: !0,
284
- composed: !0,
285
- detail: {
286
- value: this.unstable_valueUpper,
287
- intermediate: !0
288
- }
289
- })));
290
- }
291
- }
292
- }
293
- get max() {
294
- return this._max.toString();
295
- }
296
- set max(t) {
297
- const { max: e } = this;
298
- this._max = t, this.requestUpdate("max", e);
299
- }
300
- get min() {
301
- return this._min.toString();
302
- }
303
- set min(t) {
304
- const { min: e } = this;
305
- this._min = t, this.requestUpdate("min", e);
306
- }
307
- get step() {
308
- return this._step.toString();
309
- }
310
- set step(t) {
311
- const { step: e } = this;
312
- this._step = t, this.requestUpdate("step", e);
313
- }
314
- get stepMultiplier() {
315
- return this._stepMultiplier.toString();
316
- }
317
- set stepMultiplier(t) {
318
- const { stepMultiplier: e } = this;
319
- this._stepMultiplier = t, this.requestUpdate("stepMultiplier", e);
320
- }
321
- _getInputValidity(t) {
322
- const e = t?.shadowRoot?.querySelector("input");
323
- return !(this.invalid || t?.invalid || e?.valueAsNumber > Number(this.max) || e?.valueAsNumber < Number(this.min));
324
- }
325
- _getInputWarnigState(t) {
326
- return t?.valueAsNumber > Number(t.max) || t?.valueAsNumber < Number(t.min);
327
- }
328
- connectedCallback() {
329
- super.connectedCallback(), this._throttledHandlePointermoveImpl || (this._throttledHandlePointermoveImpl = J(this._handlePointermoveImpl, 10));
330
- }
331
- disconnectedCallback() {
332
- this._throttledHandlePointermoveImpl && (this._throttledHandlePointermoveImpl.cancel(), this._throttledHandlePointermoveImpl = null), clearTimeout(this.dragCooldownTimeout), super.disconnectedCallback();
333
- }
334
- updated() {
335
- const t = this?.shadowRoot?.querySelector(".cds--slider__filled-track");
336
- t && (this.unstable_valueUpper || this.unstable_valueUpper === "" ? t.style.transform = this.unstable_valueUpper ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})` : `translate(0%, -50%) scaleX(${this._rate})` : t.style.transform = this.unstable_valueUpper ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})` : `translate(0%, -50%) scaleX(${this._rate})`);
337
- }
338
- shouldUpdate(t) {
339
- return this.querySelectorAll(this.constructor.selectorInput).forEach((e, i) => {
340
- t.has("disabled") && (e && (e.disabled = this.disabled), this.disabled && (this._dragging = !1)), t.has("readonly") && (e && (e.readonly = this.readonly), this.readonly && (this._dragging = !1)), t.has("invalid") && (e.invalid = this.invalid), t.has("warn") && (e.warn = this.warn), t.has("hideTextInput") && (e.hideTextInput = this.hideTextInput), e && ((this.unstable_valueUpper || this.unstable_valueUpper === "") && i > 0 ? [
341
- "max",
342
- "min",
343
- "step",
344
- "unstable_valueUpper"
345
- ].forEach((r) => {
346
- r === "unstable_valueUpper" ? e.value = this.unstable_valueUpper : r === "min" ? e[r] = this.value : e[r] = this[r];
347
- }) : [
348
- "max",
349
- "min",
350
- "step",
351
- "value"
352
- ].forEach((r) => {
353
- this.unstable_valueUpper && r === "max" ? e[r] = this.unstable_valueUpper : e[r] = this[r];
354
- }), (t.has("value") || t.has("invalid") || t.has("warn") || t.has("readonly")) && (this.isValid = this._getInputValidity(e), !this.readonly && !this.isValid ? e.invalid = !0 : e.invalid = !1));
355
- }), !0;
356
- }
357
- render() {
358
- const { disabled: t, formatLabel: e, formatMaxText: i, formatMinText: r, labelText: o, hideLabel: c, hideTextInput: a, max: n, min: u, maxLabel: v, minLabel: x, readonly: f, invalidText: g, isValid: y, warn: $, warnText: w, value: _, unstable_valueUpper: h, _rate: I, _rateUpper: q, _handleClickLabel: T, _handleKeydown: m, _handleClick: M, onDrag: N, _endDrag: C } = this, D = !f && !t, j = {
359
- invalid: D && !y,
360
- warn: D && y && $
361
- }, re = k({
362
- "cds--label": !0,
363
- "cds--visually-hidden": c,
364
- "cds--label--disabled": t
365
- }), de = k({
366
- "cds--slider": !0,
367
- "cds--slider--disabled": t,
368
- "cds--slider--readonly": f
369
- }), P = k({
370
- "cds--icon-tooltip": !0,
371
- "cds--slider__thumb-wrapper": !0,
372
- "cds--slider__thumb-wrapper--lower": h || h === ""
373
- }), F = k({
374
- "cds--slider__thumb": !0,
375
- "cds--slider__thumb--lower": h || h === "",
376
- "cds--slider__thumb-disabled": t
377
- }), X = k({
378
- "cds--icon-tooltip": !0,
379
- "cds--slider__thumb-wrapper": !0,
380
- "cds--slider__thumb-wrapper--upper": !0
381
- }), A = k({
382
- "cds--slider__thumb": !0,
383
- "cds--slider__thumb--upper": !0,
384
- "cds--slider__thumb-disabled": t
385
- });
386
- return b`
387
- <label class="${re}" @click="${T}">
388
- <slot name="label-text">${o}</slot>
389
- </label>
390
- <div class="${"cds"}--slider-container">
391
- ${h || h === "" ? b` <slot name="lower-input"></slot>` : ""}
392
- <span class="${"cds"}--slider__range-label">
393
- <slot name="min-text">${r(u, x)}</slot>
394
- </span>
395
- <div
396
- @keydown="${m}"
397
- @click="${M}"
398
- @pointerup="${C}"
399
- @pointerleave="${C}"
400
- class="${de}"
401
- tabindex="-1"
402
- role="presentation">
403
- ${a ? b`
404
- <cds-tooltip
405
- class="${P}"
406
- style="left: ${I * 100}%"
407
- align="top"
408
- .dropShadow=${!1}>
409
- <div
410
- id="thumb"
411
- class="${F}"
412
- role="slider"
413
- tabindex="${f ? -1 : 0}"
414
- aria-valuemax="${n}"
415
- aria-valuemin="${u}"
416
- aria-valuenow="${_}"
417
- aria-valuetext="${e(Number(_), void 0)}"
418
- @pointerdown="${N}">
419
- ${h || h === "" ? b`
420
- <svg
421
- xmlns="http://www.w3.org/2000/svg"
422
- viewBox="0 0 16 24"
423
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--lower">
424
- <path
425
- 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>
426
- <path fill="none" d="M-4 0h24v24H-4z"></path>
427
- </svg>
428
- <svg
429
- xmlns="http://www.w3.org/2000/svg"
430
- viewBox="0 0 16 24"
431
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--lower cds--slider__thumb-icon--focus">
432
- <path
433
- 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>
434
- <path fill="none" d="M-4 0h24v24H-4z"></path>
435
- <path d="M15.08 0H16v6.46h-.92z"></path>
436
- <path d="M0 0h.92v24H0zM15.08 0H16v24h-.92z"></path>
437
- <path d="M0 .92V0h16v.92zM0 24v-.92h16V24z"></path>
438
- </svg>
439
- ` : ""}
440
- </div>
441
- <cds-tooltip-content>
442
- ${e(Number(_), void 0)}
443
- </cds-tooltip-content>
444
- </cds-tooltip>
445
- ` : b`
446
- <div
447
- class="${P}"
448
- style="left: ${I * 100}%">
449
- <div
450
- id="thumb"
451
- class="${F}"
452
- role="slider"
453
- tabindex="${f ? -1 : 0}"
454
- aria-valuemax="${n}"
455
- aria-valuemin="${u}"
456
- aria-valuenow="${_}"
457
- aria-valuetext="${e(Number(_), void 0)}"
458
- @pointerdown="${N}">
459
- ${h || h === "" ? b`
460
- <svg
461
- xmlns="http://www.w3.org/2000/svg"
462
- viewBox="0 0 16 24"
463
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--lower">
464
- <path
465
- 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>
466
- <path fill="none" d="M-4 0h24v24H-4z"></path>
467
- </svg>
468
- <svg
469
- xmlns="http://www.w3.org/2000/svg"
470
- viewBox="0 0 16 24"
471
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--lower cds--slider__thumb-icon--focus">
472
- <path
473
- 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>
474
- <path fill="none" d="M-4 0h24v24H-4z"></path>
475
- <path d="M15.08 0H16v6.46h-.92z"></path>
476
- <path d="M0 0h.92v24H0zM15.08 0H16v24h-.92z"></path>
477
- <path d="M0 .92V0h16v.92zM0 24v-.92h16V24z"></path>
478
- </svg>
479
- ` : ""}
480
- </div>
481
- </div>
482
- `}
483
- ${h || h === "" ? a ? b`
484
- <cds-tooltip
485
- class="${X}"
486
- style="left: ${q * 100}%"
487
- align="top"
488
- .dropShadow=${!1}>
489
- <div
490
- id="thumb-upper"
491
- class="${A}"
492
- role="slider"
493
- tabindex="${f ? -1 : 0}"
494
- aria-valuemax="${n}"
495
- aria-valuemin="${u}"
496
- aria-valuenow="${h}"
497
- aria-valuetext="${e(Number(h), void 0)}"
498
- @pointerdown="${N}">
499
- <svg
500
- xmlns="http://www.w3.org/2000/svg"
501
- viewBox="0 0 16 24"
502
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--upper">
503
- <path
504
- 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>
505
- <path fill="none" d="M-4 0h24v24H-4z"></path>
506
- </svg>
507
- <svg
508
- xmlns="http://www.w3.org/2000/svg"
509
- viewBox="0 0 16 24"
510
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--upper cds--slider__thumb-icon--focus">
511
- <path
512
- 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>
513
- <path fill="none" d="M-4 0h24v24H-4z"></path>
514
- <path d="M.92 24H0v-6.46h.92z"></path>
515
- <path d="M16 24h-.92V0H16zM.92 24H0V0h.92z"></path>
516
- <path d="M16 23.08V24H0v-.92zM16 0v.92H0V0z"></path>
517
- </svg>
518
- </div>
519
- <cds-tooltip-content>
520
- ${e(Number(h), void 0)}
521
- </cds-tooltip-content>
522
- </cds-tooltip>
523
- ` : b`
524
- <div
525
- class="${X}"
526
- style="left: ${q * 100}%">
527
- <div
528
- id="thumb-upper"
529
- class="${A}"
530
- role="slider"
531
- tabindex="${f ? -1 : 0}"
532
- aria-valuemax="${n}"
533
- aria-valuemin="${u}"
534
- aria-valuenow="${h}"
535
- aria-valuetext="${e(Number(h), void 0)}"
536
- @pointerdown="${N}">
537
- <svg
538
- xmlns="http://www.w3.org/2000/svg"
539
- viewBox="0 0 16 24"
540
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--upper">
541
- <path
542
- 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>
543
- <path fill="none" d="M-4 0h24v24H-4z"></path>
544
- </svg>
545
- <svg
546
- xmlns="http://www.w3.org/2000/svg"
547
- viewBox="0 0 16 24"
548
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--upper cds--slider__thumb-icon--focus">
549
- <path
550
- 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>
551
- <path fill="none" d="M-4 0h24v24H-4z"></path>
552
- <path d="M.92 24H0v-6.46h.92z"></path>
553
- <path d="M16 24h-.92V0H16zM.92 24H0V0h.92z"></path>
554
- <path d="M16 23.08V24H0v-.92zM16 0v.92H0V0z"></path>
555
- </svg>
556
- </div>
557
- </div>
558
- ` : b``}
559
- <div id="track" class="${"cds"}--slider__track"></div>
560
- ${h || h === "" ? b` <div class="${"cds"}--slider__filled-track"></div> ` : b` <div class="${"cds"}-ce--slider__filled-track-container">
561
- <div class="${"cds"}--slider__filled-track"></div>
562
- </div>`}
563
- </div>
564
- <span class="${"cds"}--slider__range-label">
565
- <slot name="max-text">${i(n, v)}</slot>
566
- </span>
567
- <slot></slot>
568
- </div>
569
-
570
- ${j.invalid ? b`
571
- <div
572
- class="${"cds"}--slider__validation-msg ${"cds"}--slider__validation-msg--invalid ${"cds"}--form-requirement">
573
- ${g}
574
- </div>
575
- ` : null}
576
- ${j.warn ? b`<div
577
- class="${"cds"}--slider__validation-msg ${"cds"}--form-requirement">
578
- ${w}
579
- </div>` : null}
580
- `;
581
- }
582
- static get selectorInput() {
583
- return "cds-slider-input";
584
- }
585
- static get eventChange() {
586
- return "cds-slider-changed";
587
- }
588
- static get eventChangeInput() {
589
- return "cds-slider-input-changed";
590
- }
591
- static {
592
- this.shadowRootOptions = {
593
- ...S.shadowRootOptions,
594
- delegatesFocus: !0
595
- };
596
- }
597
- static {
598
- this.styles = O;
599
- }
600
- };
601
- d([l({
602
- type: Number,
603
- attribute: "value-upper"
604
- })], p.prototype, "unstable_valueUpper", void 0);
605
- d([V("#thumb")], p.prototype, "_thumbNode", void 0);
606
- d([V("#thumb-upper")], p.prototype, "_thumbNodeUpper", void 0);
607
- d([V("#track")], p.prototype, "_trackNode", void 0);
608
- d([te("document:pointermove")], p.prototype, "_handlePointermove", void 0);
609
- d([te("eventChangeInput")], p.prototype, "_handleChangeInput", void 0);
610
- d([l({
611
- type: Boolean,
612
- reflect: !0
613
- })], p.prototype, "disabled", void 0);
614
- d([l({
615
- type: Boolean,
616
- reflect: !0
617
- })], p.prototype, "required", void 0);
618
- d([l({
619
- type: Boolean,
620
- reflect: !0
621
- })], p.prototype, "readonly", void 0);
622
- d([l({ attribute: "label-text" })], p.prototype, "labelText", void 0);
623
- d([l({
624
- attribute: "max-label",
625
- reflect: !0
626
- })], p.prototype, "maxLabel", void 0);
627
- d([l({
628
- attribute: "min-label",
629
- reflect: !0
630
- })], p.prototype, "minLabel", void 0);
631
- d([l({
632
- attribute: "hide-label",
633
- type: Boolean,
634
- reflect: !0
635
- })], p.prototype, "hideLabel", void 0);
636
- d([l({ attribute: !1 })], p.prototype, "formatLabel", void 0);
637
- d([l({ attribute: !1 })], p.prototype, "formatMaxText", void 0);
638
- d([l({ attribute: !1 })], p.prototype, "formatMinText", void 0);
639
- d([l({
640
- type: Number,
641
- reflect: !0
642
- })], p.prototype, "max", null);
643
- d([l({
644
- type: Number,
645
- reflect: !0
646
- })], p.prototype, "min", null);
647
- d([l()], p.prototype, "name", void 0);
648
- d([l({
649
- type: Boolean,
650
- reflect: !0
651
- })], p.prototype, "invalid", void 0);
652
- d([l({ attribute: "invalid-text" })], p.prototype, "invalidText", void 0);
653
- d([l({
654
- type: Boolean,
655
- reflect: !0
656
- })], p.prototype, "warn", void 0);
657
- d([l({ attribute: "warn-text" })], p.prototype, "warnText", void 0);
658
- d([l({
659
- type: Boolean,
660
- attribute: "hide-text-input",
661
- reflect: !0
662
- })], p.prototype, "hideTextInput", void 0);
663
- d([l({
664
- type: Number,
665
- reflect: !0
666
- })], p.prototype, "step", null);
667
- d([l({
668
- type: Number,
669
- reflect: !0,
670
- attribute: "step-multiplier"
671
- })], p.prototype, "stepMultiplier", null);
672
- d([l({ type: Number })], p.prototype, "value", void 0);
673
- d([l({ type: Boolean })], p.prototype, "isValid", void 0);
674
- p = d([R("cds-slider")], p);
675
- var z = class extends ee(S) {
676
- constructor(...t) {
677
- super(...t), this._max = "100", this._min = "0", this._step = "1", this.disabled = !1, this.invalid = !1, this.warn = !1, this.hideTextInput = !1, this.type = "number", this.readonly = !1;
678
- }
679
- _handleChange({ target: t }) {
680
- const e = Number(this.min), i = Number(this.max), r = this.value, o = t.value, c = Number(o);
681
- if (c >= e && c <= i && o !== "")
682
- this.value = c, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
683
- bubbles: !0,
684
- composed: !0,
685
- detail: {
686
- value: this.value,
687
- intermediate: r
688
- }
689
- }));
690
- else {
691
- this.invalid = o === "", this.warn = (c < e || c > i) && o !== "";
692
- const a = this.value;
693
- o !== "" ? this.value = c < e ? e : i : this.value = "", this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
694
- bubbles: !0,
695
- composed: !0,
696
- detail: {
697
- value: this.value,
698
- intermediate: a
699
- }
700
- }));
701
- }
702
- }
703
- _handleInput({ target: t }) {
704
- const e = t.value;
705
- e && (this.value = Number(e), this.invalid = !1, this.value >= Number(this.min) && this.value <= Number(this.max) && (this.warn = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
706
- bubbles: !0,
707
- composed: !0,
708
- detail: {
709
- value: this.value,
710
- intermediate: !0
711
- }
712
- }))));
713
- }
714
- get max() {
715
- return this._max.toString();
716
- }
717
- set max(t) {
718
- const { max: e } = this;
719
- this._max = t, this.requestUpdate("max", e);
720
- }
721
- get min() {
722
- return this._min.toString();
723
- }
724
- set min(t) {
725
- const { min: e } = this;
726
- this._min = t, this.requestUpdate("min", e);
727
- }
728
- get step() {
729
- return this._step.toString();
730
- }
731
- set step(t) {
732
- const { step: e } = this;
733
- this._step = t, this.requestUpdate("step", e);
734
- }
735
- render() {
736
- const { disabled: t, hideTextInput: e, max: i, min: r, readonly: o, step: c, type: a, value: n, invalid: u, warn: v, _handleChange: x, _handleInput: f } = this, g = !o && !t, y = {
737
- invalid: g && u,
738
- warn: g && !u && v
739
- }, $ = k({
740
- "cds--text-input": !0,
741
- "cds--slider-text-input": !0,
742
- "cds--text-input--invalid": y.invalid,
743
- "cds--slider-text-input--warn": y.warn
744
- }), w = W(le, { class: "cds--slider__invalid-icon" }), _ = W(ce, { class: "cds--slider__invalid-icon cds--slider__invalid-icon--warning" });
745
- return b`
746
- <input
747
- ?disabled="${t}"
748
- ?data-invalid="${y.invalid}"
749
- type="${e ? "hidden" : Z(a)}"
750
- class="${$}"
751
- max="${i}"
752
- min="${r}"
753
- ?readonly="${Z(o)}"
754
- step="${c}"
755
- .value="${n}"
756
- @change="${x}"
757
- @input="${f}" />
758
- ${!e && y.invalid ? b`${w}` : null}
759
- ${!e && y.warn ? b`${_}` : null}
760
- `;
761
- }
762
- static get selectorParent() {
763
- return "cds-slider";
764
- }
765
- static get eventChange() {
766
- return "cds-slider-input-changed";
767
- }
768
- static {
769
- this.shadowRootOptions = {
770
- ...S.shadowRootOptions,
771
- delegatesFocus: !0
772
- };
773
- }
774
- static {
775
- this.styles = O;
776
- }
777
- };
778
- d([l({
779
- type: Boolean,
780
- reflect: !0
781
- })], z.prototype, "disabled", void 0);
782
- d([l({
783
- type: Boolean,
784
- reflect: !0
785
- })], z.prototype, "invalid", void 0);
786
- d([l({
787
- type: Boolean,
788
- reflect: !0
789
- })], z.prototype, "warn", void 0);
790
- d([l({ type: Boolean })], z.prototype, "hideTextInput", void 0);
791
- d([l({
792
- type: Number,
793
- reflect: !0
794
- })], z.prototype, "max", null);
795
- d([l({
796
- type: Number,
797
- reflect: !0
798
- })], z.prototype, "min", null);
799
- d([l({
800
- type: Number,
801
- reflect: !0
802
- })], z.prototype, "step", null);
803
- d([l()], z.prototype, "type", void 0);
804
- d([l({ type: Number })], z.prototype, "value", void 0);
805
- d([l({
806
- type: Boolean,
807
- reflect: !0
808
- })], z.prototype, "readonly", void 0);
809
- z = d([R("cds-slider-input")], z);
810
- var L = class extends S {
811
- constructor(...t) {
812
- super(...t), this.twoHandles = !1;
813
- }
814
- render() {
815
- const { twoHandles: t } = this, e = k({
816
- "cds--slider-container": !0,
817
- "cds--skeleton": !0,
818
- "cds--slider-container--two-handles": t
819
- }), i = k({
820
- "cds--slider__thumb": !0,
821
- "cds--slider__thumb--lower": t
822
- }), r = k({
823
- "cds--slider__thumb": !0,
824
- "cds--slider__thumb--upper": t
825
- }), o = k({
826
- "cds--slider__thumb-wrapper": !0,
827
- "cds--slider__thumb-wrapper--lower": t
828
- }), c = k({
829
- "cds--slider__thumb-wrapper": !0,
830
- "cds--slider__thumb-wrapper--upper": t
831
- });
832
- return b`
833
- <span class="${"cds"}--label ${"cds"}--skeleton"></span>
834
- <div class="${e}">
835
- <span class="${"cds"}--slider__range-label"></span>
836
- <div class="${"cds"}--slider">
837
- <div class="${"cds"}--slider__track"></div>
838
- <div class="${"cds"}--slider__filled-track"></div>
839
- ${t ? b`
840
- <div class="${o}">
841
- <div class="${i}">
842
- <svg
843
- xmlns="http://www.w3.org/2000/svg"
844
- viewBox="0 0 16 24"
845
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--lower">
846
- <path
847
- 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>
848
- <path fill="none" d="M-4 0h24v24H-4z"></path>
849
- </svg>
850
- </div>
851
- </div>
852
- ` : b` <div class="${i}"></div> `}
853
- ${t ? b` <div class="${c}">
854
- <div class="${r}">
855
- <svg
856
- xmlns="http://www.w3.org/2000/svg"
857
- viewBox="0 0 16 24"
858
- class="${"cds"}--slider__thumb-icon ${"cds"}--slider__thumb-icon--upper">
859
- <path
860
- 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>
861
- <path fill="none" d="M-4 0h24v24H-4z"></path>
862
- </svg>
863
- </div>
864
- </div>` : void 0}
865
- </div>
866
- <span class="${"cds"}--slider__range-label"></span>
867
- </div>
868
- `;
869
- }
870
- static {
871
- this.styles = O;
872
- }
873
- };
874
- d([l({
875
- type: Boolean,
876
- reflect: !0
877
- })], L.prototype, "twoHandles", void 0);
878
- L = d([R("cds-slider-skeleton")], L);