@camunda/copilot-chat 0.4.2 → 0.4.4

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 (222) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +5423 -28
  3. package/dist/package.json +6 -2
  4. package/package.json +6 -2
  5. package/dist/ConversationHistoryPanel/ConversationHistoryPanel.d.ts +0 -19
  6. package/dist/ConversationHistoryPanel/ConversationHistoryPanel.d.ts.map +0 -1
  7. package/dist/ConversationHistoryPanel/ConversationHistoryRow.d.ts +0 -14
  8. package/dist/ConversationHistoryPanel/ConversationHistoryRow.d.ts.map +0 -1
  9. package/dist/ConversationHistoryPanel/index.d.ts +0 -2
  10. package/dist/ConversationHistoryPanel/index.d.ts.map +0 -1
  11. package/dist/CopilotChat.d.ts +0 -18
  12. package/dist/CopilotChat.d.ts.map +0 -1
  13. package/dist/CopilotSidecar.d.ts +0 -12
  14. package/dist/CopilotSidecar.d.ts.map +0 -1
  15. package/dist/apl-B2DGVGxc.mjs +0 -76
  16. package/dist/asciiarmor-2LVJmxlE.mjs +0 -34
  17. package/dist/asn1-jKiBa2Ya.mjs +0 -95
  18. package/dist/asterisk-DS281yxp.mjs +0 -271
  19. package/dist/clike-BMALKCNj.mjs +0 -620
  20. package/dist/clojure-CCKyeQKf.mjs +0 -800
  21. package/dist/cmake-CuaCgAKt.mjs +0 -28
  22. package/dist/cobol-BlTKFDRj.mjs +0 -72
  23. package/dist/codemirror-runtime-DN57DLqx.mjs +0 -14620
  24. package/dist/coffeescript-BVCvwO8I.mjs +0 -179
  25. package/dist/commonlisp-D_kxz07b.mjs +0 -75
  26. package/dist/crystal-D309uH6_.mjs +0 -217
  27. package/dist/css-BkF-NPzE.mjs +0 -1553
  28. package/dist/cypher-BMq4Fwjl.mjs +0 -68
  29. package/dist/d-BZcgY6La.mjs +0 -127
  30. package/dist/diff-Cg9d_RX2.mjs +0 -18
  31. package/dist/dockerfile-BmicwmnY.mjs +0 -194
  32. package/dist/dtd-CtLokQ-U.mjs +0 -84
  33. package/dist/dylan-QYeExnWK.mjs +0 -234
  34. package/dist/ebnf-DUPDuY4r.mjs +0 -78
  35. package/dist/ecl-CiXN-g_D.mjs +0 -121
  36. package/dist/eiffel-yQhjl4T1.mjs +0 -110
  37. package/dist/elm-CNT9vbN0.mjs +0 -108
  38. package/dist/erlang-CFOYdy9e.mjs +0 -487
  39. package/dist/factor-CYi8BYN3.mjs +0 -65
  40. package/dist/fcl-CPC2WYrI.mjs +0 -103
  41. package/dist/forth-BmxRyE9S.mjs +0 -60
  42. package/dist/fortran-9bvPyrOW.mjs +0 -442
  43. package/dist/gas-cpmYfFX2.mjs +0 -183
  44. package/dist/gherkin-CJuwpceU.mjs +0 -34
  45. package/dist/groovy-DZeT_VM-.mjs +0 -146
  46. package/dist/haskell-CxiO_7JL.mjs +0 -375
  47. package/dist/haxe-70NVW1pR.mjs +0 -359
  48. package/dist/hooks/index.d.ts +0 -7
  49. package/dist/hooks/index.d.ts.map +0 -1
  50. package/dist/hooks/useAgentAdapter.d.ts +0 -3
  51. package/dist/hooks/useAgentAdapter.d.ts.map +0 -1
  52. package/dist/hooks/useConversationLifecycle.d.ts +0 -16
  53. package/dist/hooks/useConversationLifecycle.d.ts.map +0 -1
  54. package/dist/hooks/useCopilotSidecar.d.ts +0 -6
  55. package/dist/hooks/useCopilotSidecar.d.ts.map +0 -1
  56. package/dist/hooks/useEventProcessing.d.ts +0 -26
  57. package/dist/hooks/useEventProcessing.d.ts.map +0 -1
  58. package/dist/hooks/useToolExecution.d.ts +0 -11
  59. package/dist/hooks/useToolExecution.d.ts.map +0 -1
  60. package/dist/hooks/useTransportSubscription.d.ts +0 -6
  61. package/dist/hooks/useTransportSubscription.d.ts.map +0 -1
  62. package/dist/http-D9LttvKF.mjs +0 -44
  63. package/dist/idl-B6TRFYjl.mjs +0 -947
  64. package/dist/index-61nyxvLt.mjs +0 -138
  65. package/dist/index-9DDv9i4k.mjs +0 -555
  66. package/dist/index-9LzGM3Tf.mjs +0 -101
  67. package/dist/index-B68tiRpB.mjs +0 -342
  68. package/dist/index-BFfuxTl0.mjs +0 -248
  69. package/dist/index-BN1g2LCp.mjs +0 -270
  70. package/dist/index-BZylef8t.mjs +0 -612
  71. package/dist/index-BsJOd3yN.mjs +0 -253
  72. package/dist/index-BvOoeB_X.mjs +0 -310
  73. package/dist/index-C2BPUXNG.mjs +0 -946
  74. package/dist/index-CNSMHaJL.mjs +0 -302
  75. package/dist/index-CWVsn7Ik.mjs +0 -1918
  76. package/dist/index-CYJusi0T.mjs +0 -565
  77. package/dist/index-CYMOKrFz.mjs +0 -157
  78. package/dist/index-Cu_bl2ol.mjs +0 -1307
  79. package/dist/index-Ddm1PyM_.mjs +0 -289
  80. package/dist/index-DfGa1EZ6.mjs +0 -960
  81. package/dist/index-FIfj5vEl.mjs +0 -94
  82. package/dist/index-K8lyX8F9.mjs +0 -76
  83. package/dist/index-TBOAg0OP.mjs +0 -21326
  84. package/dist/index-bxhTUN49.mjs +0 -74
  85. package/dist/index-mqjp_-mu.mjs +0 -59
  86. package/dist/index-snW0nLB3.mjs +0 -136
  87. package/dist/index.d.ts +0 -20
  88. package/dist/index.d.ts.map +0 -1
  89. package/dist/javascript-DOuB9oqA.mjs +0 -691
  90. package/dist/julia-DpvXAuO6.mjs +0 -241
  91. package/dist/layout/attachSidecarLayout.d.ts +0 -4
  92. package/dist/layout/attachSidecarLayout.d.ts.map +0 -1
  93. package/dist/layout/index.d.ts +0 -2
  94. package/dist/layout/index.d.ts.map +0 -1
  95. package/dist/layout/sidecarDom.d.ts +0 -10
  96. package/dist/layout/sidecarDom.d.ts.map +0 -1
  97. package/dist/layout/sidecarMediaQuery.d.ts +0 -3
  98. package/dist/layout/sidecarMediaQuery.d.ts.map +0 -1
  99. package/dist/layout/sidecarState.d.ts +0 -29
  100. package/dist/layout/sidecarState.d.ts.map +0 -1
  101. package/dist/layout/sidecarTypes.d.ts +0 -14
  102. package/dist/layout/sidecarTypes.d.ts.map +0 -1
  103. package/dist/livescript-CanGTf8u.mjs +0 -272
  104. package/dist/lua-XplVlWi_.mjs +0 -217
  105. package/dist/mathematica-jaRHnSxC.mjs +0 -35
  106. package/dist/mbox-BctzC1hL.mjs +0 -76
  107. package/dist/mirc-CFBPAOaF.mjs +0 -72
  108. package/dist/mllike-BSnXJBGA.mjs +0 -272
  109. package/dist/modelica-vUgVs--1.mjs +0 -93
  110. package/dist/mscgen-Cpl0NYLN.mjs +0 -104
  111. package/dist/mumps-CQoS1kWX.mjs +0 -25
  112. package/dist/nginx-zDPm3Z74.mjs +0 -89
  113. package/dist/nsis-DYWPgAyk.mjs +0 -62
  114. package/dist/ntriples-CsNjv2QF.mjs +0 -79
  115. package/dist/octave-C8PmmSRH.mjs +0 -143
  116. package/dist/oz-Ce8aN8oE.mjs +0 -151
  117. package/dist/pascal-De0D6mP7.mjs +0 -77
  118. package/dist/perl-B4bSCe1C.mjs +0 -915
  119. package/dist/pig-D24Z8EXi.mjs +0 -54
  120. package/dist/powershell-DkYVfTzP.mjs +0 -249
  121. package/dist/properties-Dn9wna3M.mjs +0 -26
  122. package/dist/protobuf-BPIjwpzm.mjs +0 -49
  123. package/dist/pug-Bz8aeT0D.mjs +0 -248
  124. package/dist/puppet-nyd4dhjf.mjs +0 -45
  125. package/dist/python-BkR3uSy8.mjs +0 -313
  126. package/dist/q-DyHZGnqm.mjs +0 -86
  127. package/dist/r-LKEuhEGI.mjs +0 -104
  128. package/dist/registry/index.d.ts +0 -2
  129. package/dist/registry/index.d.ts.map +0 -1
  130. package/dist/registry/toolDefinitions.d.ts +0 -10
  131. package/dist/registry/toolDefinitions.d.ts.map +0 -1
  132. package/dist/registry/toolRegistry.d.ts +0 -29
  133. package/dist/registry/toolRegistry.d.ts.map +0 -1
  134. package/dist/rpm-IznJm2Xc.mjs +0 -57
  135. package/dist/ruby-CcYfvIk6.mjs +0 -228
  136. package/dist/sas-7E8yHoCW.mjs +0 -105
  137. package/dist/scheme-DjibxsNh.mjs +0 -124
  138. package/dist/shell-C0C2sNA_.mjs +0 -182
  139. package/dist/sidecar-api.d.ts +0 -5
  140. package/dist/sidecar-api.d.ts.map +0 -1
  141. package/dist/sieve-Bwz7vjP5.mjs +0 -72
  142. package/dist/simple-mode-mNVtnu0l.mjs +0 -89
  143. package/dist/smalltalk-Bhddl2pB.mjs +0 -48
  144. package/dist/solr-BNlsLglM.mjs +0 -41
  145. package/dist/sparql-FarWu_Gb.mjs +0 -197
  146. package/dist/spreadsheet-C-cy4P5N.mjs +0 -49
  147. package/dist/sql-CfG5lQ3l.mjs +0 -282
  148. package/dist/stex-Du4h4KAU.mjs +0 -129
  149. package/dist/store/agentStore.d.ts +0 -27
  150. package/dist/store/agentStore.d.ts.map +0 -1
  151. package/dist/store/agentStoreEventProcessor.d.ts +0 -21
  152. package/dist/store/agentStoreEventProcessor.d.ts.map +0 -1
  153. package/dist/store/chatStore.d.ts +0 -36
  154. package/dist/store/chatStore.d.ts.map +0 -1
  155. package/dist/store/historyStore.d.ts +0 -25
  156. package/dist/store/historyStore.d.ts.map +0 -1
  157. package/dist/store/index.d.ts +0 -5
  158. package/dist/store/index.d.ts.map +0 -1
  159. package/dist/store/sidecarStore.d.ts +0 -9
  160. package/dist/store/sidecarStore.d.ts.map +0 -1
  161. package/dist/styles/ensureSidecarStyles.d.ts +0 -2
  162. package/dist/styles/ensureSidecarStyles.d.ts.map +0 -1
  163. package/dist/stylus-CAdqWld3.mjs +0 -250
  164. package/dist/swift-DSxqR9R6.mjs +0 -230
  165. package/dist/sync-ottB0RsS.mjs +0 -1251
  166. package/dist/table-runtime-eW_FiMnH.mjs +0 -3606
  167. package/dist/tcl-xfoLljhY.mjs +0 -81
  168. package/dist/test-setup.d.ts +0 -1
  169. package/dist/test-setup.d.ts.map +0 -1
  170. package/dist/textile-D1AWE-pc.mjs +0 -295
  171. package/dist/tiddlywiki-5wqsXtSk.mjs +0 -155
  172. package/dist/tiki-__Kn3CeS.mjs +0 -181
  173. package/dist/toml-DWAmxCjl.mjs +0 -58
  174. package/dist/tools/kapaAi/KapaSearchBridge.d.ts +0 -7
  175. package/dist/tools/kapaAi/KapaSearchBridge.d.ts.map +0 -1
  176. package/dist/tools/kapaAi/kapaSearchExecutor.d.ts +0 -35
  177. package/dist/tools/kapaAi/kapaSearchExecutor.d.ts.map +0 -1
  178. package/dist/tools/kapaAi/kapaSearchTool.d.ts +0 -24
  179. package/dist/tools/kapaAi/kapaSearchTool.d.ts.map +0 -1
  180. package/dist/troff-D2UO-fKf.mjs +0 -35
  181. package/dist/ttcn-Bsa4sfRm.mjs +0 -123
  182. package/dist/ttcn-cfg-Bac_acMi.mjs +0 -88
  183. package/dist/turtle-xwJUxoPV.mjs +0 -80
  184. package/dist/types/agentTypes.d.ts +0 -11
  185. package/dist/types/agentTypes.d.ts.map +0 -1
  186. package/dist/types/chatTypes.d.ts +0 -45
  187. package/dist/types/chatTypes.d.ts.map +0 -1
  188. package/dist/types/eventTypes.d.ts +0 -28
  189. package/dist/types/eventTypes.d.ts.map +0 -1
  190. package/dist/types/historyTypes.d.ts +0 -34
  191. package/dist/types/historyTypes.d.ts.map +0 -1
  192. package/dist/types/index.d.ts +0 -5
  193. package/dist/types/index.d.ts.map +0 -1
  194. package/dist/types/toolTypes.d.ts +0 -51
  195. package/dist/types/toolTypes.d.ts.map +0 -1
  196. package/dist/types/transportTypes.d.ts +0 -49
  197. package/dist/types/transportTypes.d.ts.map +0 -1
  198. package/dist/utils/eventHandlers.d.ts +0 -34
  199. package/dist/utils/eventHandlers.d.ts.map +0 -1
  200. package/dist/utils/eventPredicates.d.ts +0 -10
  201. package/dist/utils/eventPredicates.d.ts.map +0 -1
  202. package/dist/utils/index.d.ts +0 -7
  203. package/dist/utils/index.d.ts.map +0 -1
  204. package/dist/utils/mapConversationMessages.d.ts +0 -12
  205. package/dist/utils/mapConversationMessages.d.ts.map +0 -1
  206. package/dist/utils/parseToolArguments.d.ts +0 -6
  207. package/dist/utils/parseToolArguments.d.ts.map +0 -1
  208. package/dist/utils/statusLabels.d.ts +0 -3
  209. package/dist/utils/statusLabels.d.ts.map +0 -1
  210. package/dist/utils/thinkingBlockUtils.d.ts +0 -18
  211. package/dist/utils/thinkingBlockUtils.d.ts.map +0 -1
  212. package/dist/utils/toolResultFormatter.d.ts +0 -6
  213. package/dist/utils/toolResultFormatter.d.ts.map +0 -1
  214. package/dist/vb-c2kQGd6-.mjs +0 -74
  215. package/dist/vbscript-1f_Dhg5H.mjs +0 -324
  216. package/dist/velocity-DJd0pTTC.mjs +0 -96
  217. package/dist/verilog-CiS1jyi5.mjs +0 -262
  218. package/dist/vhdl-T9HkrbI2.mjs +0 -106
  219. package/dist/webidl-CjfDENEo.mjs +0 -155
  220. package/dist/xquery-Ct6lEb4B.mjs +0 -422
  221. package/dist/yacas-C0absKBh.mjs +0 -73
  222. package/dist/z80-Pki2zAjW.mjs +0 -61
@@ -1,3606 +0,0 @@
1
- import { e as Ze, H as K, i as x, p as t, b as p, s as M, _ as i, r as H, n as a, a as T, c as $, A as Ye, d as J, F as ve, f as D, g as I, h as ce, o as oe, j as ye, k as Ie, l as De, m as Qe, q as Je } from "./index-TBOAg0OP.mjs";
2
- let et;
3
- function tt(n) {
4
- return (e, s) => Ze(e, s, { get() {
5
- return (this.renderRoot ?? (et ??= document.createDocumentFragment())).querySelectorAll(n);
6
- } });
7
- }
8
- const st = (n, e, s) => Array.prototype.filter.call(n, e, s), ot = (n, e, s) => Array.prototype.find.call(n, e, s), V = (n, e, s) => Array.prototype.forEach.call(n, e, s);
9
- var ke;
10
- (function(n) {
11
- n.XS = "xs", n.SM = "sm", n.MD = "md", n.LG = "lg", n.XL = "xl";
12
- })(ke || (ke = {}));
13
- var E;
14
- (function(n) {
15
- n.NONE = "none", n.ASCENDING = "ascending", n.DESCENDING = "descending";
16
- })(E || (E = {}));
17
- var Q;
18
- (function(n) {
19
- n.BI_STATES_FROM_ASCENDING = "bi-states-from-ascending", n.BI_STATES_FROM_DESCENDING = "bi-states-from-descending", n.TRI_STATES_FROM_ASCENDING = "tri-states-from-ascending", n.TRI_STATES_FROM_DESCENDING = "tri-states-from-descending";
20
- })(Q || (Q = {}));
21
- const it = {
22
- [Q.BI_STATES_FROM_ASCENDING]: [
23
- E.ASCENDING,
24
- E.DESCENDING
25
- ],
26
- [Q.BI_STATES_FROM_DESCENDING]: [
27
- E.DESCENDING,
28
- E.ASCENDING
29
- ],
30
- [Q.TRI_STATES_FROM_ASCENDING]: [
31
- E.NONE,
32
- E.ASCENDING,
33
- E.DESCENDING
34
- ],
35
- [Q.TRI_STATES_FROM_DESCENDING]: [
36
- E.NONE,
37
- E.DESCENDING,
38
- E.ASCENDING
39
- ]
40
- };
41
- let m = class extends K(x) {
42
- constructor() {
43
- super(...arguments), this.collationFactors = {
44
- [E.ASCENDING]: 1,
45
- [E.DESCENDING]: -1
46
- }, this._searchValue = "", this._selectedRows = [], this.batchExpansion = !1, this.expandable = !1, this.filterRows = (e, s) => e.toLowerCase().indexOf(s.toLowerCase()) < 0, this.headerCount = 0, this.isSelectable = !1, this.isSortable = !1, this.locale = "en", this.overflowMenuOnHover = !1, this.radio = !1, this.size = ke.LG, this.useStaticWidth = !1, this.useZebraStyles = !1, this.withRowAILabels = !1, this.withRowSlugs = !1, this._handleBatchExpansion = async (e) => {
47
- const { detail: s, target: o } = e, { expanded: r } = s;
48
- o === this._tableHeaderRow && this._tableRows.forEach((c) => c.expanded = r);
49
- }, this._handleSort = async (e) => {
50
- const { detail: s, target: o } = e, { sortDirection: r } = s;
51
- if (!this.contains(o))
52
- return;
53
- const c = [...this._tableHeaderRow.children], d = c.indexOf(o);
54
- c.forEach((u) => {
55
- (u !== o && this.isSortable || u.hasAttribute("is-sortable")) && u.setAttribute("sort-direction", "none");
56
- }), this._handleSortAction(d, r);
57
- const l = {
58
- bubbles: !0,
59
- cancelable: !0,
60
- composed: !0,
61
- detail: {
62
- sortedHeader: c[d]
63
- }
64
- };
65
- this.dispatchEvent(new CustomEvent(this.constructor.eventTableSorted, l)), this._handleFilterRows();
66
- }, this._handleSearchInput = async (e) => {
67
- const { detail: s, target: o } = e;
68
- if (this.contains(o)) {
69
- const { value: r } = s;
70
- this._searchValue = r, this._handleFilterRows();
71
- }
72
- }, this._handleRowSelect = async (e) => {
73
- var s, o;
74
- const { detail: r, target: c } = e, { selected: d } = r, { _tableBatchActions: l, _tableToolbarContent: u, _tableHeaderRow: b, _selectedRows: v } = this;
75
- if (!this.contains(c))
76
- return;
77
- this.radio ? (this._tableRows.forEach((k) => {
78
- k !== c && (k.removeAttribute("selected"), k.shadowRoot.querySelector(`${t}-radio-button`).checked = !1);
79
- }), this._selectedRows.push(c)) : (v.includes(c) ? this._selectedRows = v.filter((k) => k !== c) : v.push(c), l && (l.active = (s = this._selectedRows) === null || s === void 0 ? void 0 : s.length, l.selectedRowsCount += d ? 1 : -1), u && (u.hasBatchActions = this._selectedRows.length));
80
- const h = [...this._tableRows].filter((k) => !k.hasAttribute("filtered") && !k.hasAttribute("disabled")).length, g = (o = b.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector(`${t}-checkbox`).shadowRoot.querySelector(`.${t}--checkbox`), f = this._selectedRows.length === h;
81
- g.checked = !!this._selectedRows.length, g.indeterminate = !f && this._selectedRows.length > 0;
82
- const z = {
83
- bubbles: !0,
84
- cancelable: !0,
85
- composed: !0,
86
- detail: {
87
- selectedRow: c,
88
- selectedRows: v
89
- }
90
- };
91
- this.dispatchEvent(new CustomEvent(this.constructor.eventTableRowSelect, z));
92
- }, this._handleAllRowsSelect = async (e) => {
93
- const { detail: s, target: o } = e, { selected: r } = s, { _tableBatchActions: c, _tableToolbarContent: d, _tableRows: l } = this;
94
- if (!this.contains(o))
95
- return;
96
- let u = 0;
97
- V(l, (v) => {
98
- if (!v.filtered && !v.disabled) {
99
- if (v.selected = r, this.radio) {
100
- const f = v.shadowRoot.querySelector(`${t}-radio-button`);
101
- f.checked = r;
102
- }
103
- this._selectedRows.push(v), u++;
104
- const { selectorTableExpandedRows: h } = this.constructor, { nextElementSibling: g } = v;
105
- g?.matches(h) && (v.nextElementSibling.selected = r);
106
- }
107
- }), r || (this._selectedRows = []), c && (c.selectedRowsCount = r ? u : 0, c.active = r), d && (d.hasBatchActions = r);
108
- const b = {
109
- bubbles: !0,
110
- cancelable: !0,
111
- composed: !0,
112
- detail: {
113
- selectedRows: this._selectedRows
114
- }
115
- };
116
- this.dispatchEvent(new CustomEvent(this.constructor.eventTableRowSelectAll, b));
117
- }, this._handleCancelSelection = async (e) => {
118
- var s;
119
- const { target: o } = e, { _tableHeaderRow: r } = this;
120
- this.contains(o) && ((s = r.shadowRoot) === null || s === void 0 || s.querySelector(`${t}-checkbox`).shadowRoot.querySelector(`.${t}--checkbox`).click());
121
- };
122
- }
123
- /**
124
- * @param lhs A value.
125
- * @param rhs Another value.
126
- * @param collator A custom collator.
127
- * @returns
128
- * `0` if the given two values are equal
129
- * A negative value to sort `lhs` to an index lower than `rhs`
130
- * A positive value to sort `rhs` to an index lower than `lhs`
131
- */
132
- customSortRow(e, s, o) {
133
- return typeof e == "number" && typeof s == "number" ? e - s : o.compare(e, s);
134
- }
135
- _handleSlotChange({ target: e }) {
136
- const s = e.assignedNodes().some(
137
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
138
- (o) => o.nodeType !== Node.TEXT_NODE || o.textContent.trim()
139
- );
140
- this.withHeader = s;
141
- }
142
- _handleTableBodyChange() {
143
- this._tableBody = this.querySelector(this.constructor.selectorTableBody), this._tableExpandedRows = this.querySelectorAll(this.constructor.selectorTableExpandedRows), this._tableRows = this.querySelectorAll(this.constructor.selectorTableRow), this.updateExpandable();
144
- }
145
- _handleSortAction(e, s) {
146
- const o = [...this._tableRows];
147
- if (o.sort((r, c) => {
148
- const d = r.querySelectorAll(this.constructor.selectorTableRowCells)[e].textContent, l = c.querySelectorAll(this.constructor.selectorTableRowCells)[e].textContent;
149
- return this.collationFactors[s] * this.customSortRow(d, l, this.collator);
150
- }), this.expandable) {
151
- const r = [...this._tableRows], c = [...this._tableExpandedRows], d = r.reduce((u, b, v) => {
152
- const h = b.getAttribute("sort-id");
153
- return u[h] = c[v], u;
154
- }, {}), l = [];
155
- o.forEach((u) => {
156
- const b = u.getAttribute("sort-id");
157
- l.push(u), d[b] && l.push(d[b]);
158
- }), l.forEach((u) => {
159
- this._tableBody.insertBefore(u, null);
160
- });
161
- } else
162
- o.forEach((r) => {
163
- this._tableBody.insertBefore(r, null);
164
- });
165
- }
166
- _handleFilterRows() {
167
- const e = [];
168
- V(this._tableRows, (o) => {
169
- var r, c, d;
170
- let l = (r = o.textContent) === null || r === void 0 ? void 0 : r.trim(), u = this.filterRows(l, this._searchValue);
171
- if (o.filtered = u, u && this.expandable && (l = (c = o.nextElementSibling.textContent) === null || c === void 0 ? void 0 : c.trim(), u = this.filterRows(l, this._searchValue), o.filtered = u), u || e.push(o), this.isSelectable) {
172
- const b = e.filter((h) => !h.hasAttribute("disabled")).length, v = (d = this._tableHeaderRow.shadowRoot) === null || d === void 0 ? void 0 : d.querySelector(`${t}-checkbox`).shadowRoot.querySelector(`.${t}--checkbox`);
173
- v.disabled = b === 0;
174
- }
175
- this.expandable && (o.nextElementSibling.filtered = u);
176
- });
177
- const s = {
178
- bubbles: !0,
179
- cancelable: !0,
180
- composed: !0,
181
- detail: {
182
- unfilteredRows: e
183
- }
184
- };
185
- this.dispatchEvent(new CustomEvent(this.constructor.eventTableFiltered, s));
186
- }
187
- /**
188
- * Download manager for selected rows.
189
- */
190
- _handleDownload({ target: e }) {
191
- const s = [], o = (u) => (
192
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
193
- Array.from(u, (b) => b.textContent)
194
- ), r = this.querySelectorAll(this.constructor.selectorHeaderCell), c = this._selectedRows, d = o(r);
195
- c.forEach((u) => {
196
- const b = {};
197
- o(u.querySelectorAll(this.constructor.selectorTableRowCells)).forEach((h, g) => {
198
- const f = d[g];
199
- b[f] = h;
200
- }), s.push(b);
201
- });
202
- const l = new Blob([JSON.stringify(s)], { type: "application/json" });
203
- e.href = URL.createObjectURL(l);
204
- }
205
- connectedCallback() {
206
- this.hasAttribute("role") || this.setAttribute("role", "table"), this.withRowSlugs && (this.setAttribute("with-rows-ai-labels", ""), this.withRowAILabels = !0), super.connectedCallback();
207
- }
208
- firstUpdated() {
209
- this._tableBatchActions = this.querySelector(this.constructor.selectorTableBatchActions), this._tableToolbar = this.querySelector(this.constructor.selectorTableToolbar), this._tableToolbarContent = this.querySelector(this.constructor.selectorTableToolbarContent), this._tableBody = this.querySelector(this.constructor.selectorTableBody), this._tableHeaderRow = this.querySelector(this.constructor.selectorRowsWithHeader), this._tableExpandedRows = this.querySelectorAll(this.constructor.selectorTableExpandedRows), this._tableRows = this.querySelectorAll(this.constructor.selectorTableRow), this._downloadButton = this.querySelector(this.constructor.selectorToolbarDownload), this._downloadButton && (this._downloadButton.onclick = this._handleDownload.bind(this)), this.headerCount = this._tableHeaderRow.children.length;
210
- }
211
- updateExpandable() {
212
- const { selectorTableExpandedRows: e } = this.constructor;
213
- this._tableRows.forEach((s, o) => {
214
- var r;
215
- const c = (r = s.nextElementSibling) === null || r === void 0 ? void 0 : r.matches(e);
216
- s.expandable = this.expandable && c, s.setAttribute("sort-id", o);
217
- }), this._tableHeaderRow.expandable = this.expandable, this._tableHeaderRow.batchExpansion = this.batchExpansion, this.headerCount += this.expandable ? 1 : -1;
218
- }
219
- updated(e) {
220
- var s;
221
- if (e.has("expandable") && this.updateExpandable(), e.has("headerCount") && this._tableExpandedRows.forEach((r) => {
222
- r.setAttribute("colspan", this.headerCount);
223
- }), e.has("isSelectable") && (this.isSelectable && (this._tableHeaderRow.setAttribute("selection-name", "header"), this._tableRows.forEach((r, c) => {
224
- r.hasAttribute("selection-name") || r.setAttribute("selection-name", c);
225
- })), this.headerCount++), e.has("locale") && (this.collator = new Intl.Collator(this.locale)), e.has("isSortable") && this.isSortable && this._enableSortAction(), (e.has("overflowMenuOnHover") || e.has("size")) && V(this.querySelectorAll(this.constructor.selectorTableCellOverflowMenu), (r) => {
226
- const c = r.parentNode, d = c.parentNode;
227
- c.overflowMenuOnHover = this.overflowMenuOnHover, d.overflowMenuOnHover = this.overflowMenuOnHover, c.setAttribute("size", this.size), r.setAttribute("size", this.size), r.setAttribute("data-table", "");
228
- }), e.has("radio") && (V(this.querySelectorAll(this.constructor.selectorTableRow), (r) => {
229
- r.radio = this.radio;
230
- }), this._tableHeaderRow && (this._tableHeaderRow.hideCheckbox = this.radio)), e.has("size")) {
231
- V(this.querySelectorAll(this.constructor.selectorAllRows), (c) => {
232
- c.setAttribute("size", this.size);
233
- }), (s = this._tableToolbar) === null || s === void 0 || s.setAttribute("size", this.size);
234
- const r = this.querySelector(this.constructor.selectorTableBatchActions);
235
- r && r.setAttribute("size", this.size);
236
- }
237
- if (e.has("useZebraStyles")) {
238
- const r = this.querySelector(this.constructor.selectorTableBody);
239
- r.useZebraStyles = this.useZebraStyles;
240
- }
241
- this.withRowAILabels ? (this._tableHeaderRow.setAttribute("rows-with-ai-label", ""), this._tableRows.forEach((r) => {
242
- r.setAttribute("rows-with-ai-label", "");
243
- })) : (this._tableHeaderRow.removeAttribute("rows-with-ai-label"), this._tableRows.forEach((r) => {
244
- r.removeAttribute("rows-with-ai-label");
245
- }));
246
- const o = [];
247
- Array.prototype.slice.call(this._tableHeaderRow.children).forEach((r, c) => {
248
- r.querySelector(`${t}-ai-label`) || r.querySelector(`${t}-slug`) ? (r.setAttribute("ai-label", ""), o.push(c)) : r.removeAttribute("ai-label");
249
- }), this._tableRows.forEach((r) => {
250
- Array.prototype.slice.call(r.children).forEach((c, d) => {
251
- o.includes(d) ? c.setAttribute("ai-label-in-header", "") : c.removeAttribute("ai-label-in-header");
252
- });
253
- });
254
- }
255
- render() {
256
- return p` <div class="${t}--data-table-header-container">
257
- <div ?hidden="${!this.withHeader}" class="${t}--data-table-header">
258
- <slot @slotchange="${this._handleSlotChange}" name="title"></slot>
259
- <slot
260
- @slotchange="${this._handleSlotChange}"
261
- name="description"></slot>
262
- </div>
263
- <slot name="toolbar"></slot>
264
- </div>
265
-
266
- <div part="inner-container" class="${t}--data-table_inner-container">
267
- <div part="content" class="${t}--data-table-content">
268
- <slot
269
- @cds-table-body-content-change="${this._handleTableBodyChange}"></slot>
270
- </div>
271
- </div>`;
272
- }
273
- /**
274
- * Adds isSortable value for table header cells.
275
- */
276
- _enableSortAction() {
277
- this.querySelectorAll(this.constructor.selectorHeaderCell).forEach((c) => {
278
- c.isSortable = this.isSortable, c.isSelectable = this.isSelectable, c.isExpandable = this.expandable;
279
- });
280
- const s = [...this._tableHeaderRow.children];
281
- let o, r = 0;
282
- s.forEach((c, d) => {
283
- c.hasAttribute("sort-direction") && c.getAttribute("sort-direction") !== "none" && (o = c.getAttribute("sort-direction"), r = d);
284
- }), s.forEach((c, d) => {
285
- (d !== r && this.isSortable || c.hasAttribute("is-sortable")) && c.setAttribute("sort-direction", "none");
286
- }), this._handleSortAction(r, o);
287
- }
288
- /**
289
- * The name of the custom event fired before a new sort direction is set upon a user gesture.
290
- * Cancellation of this event stops the user-initiated change in sort direction.
291
- */
292
- static get eventBeforeSort() {
293
- return `${t}-table-header-cell-sort`;
294
- }
295
- /**
296
- * The name of the custom event fired during search bar input
297
- */
298
- static get eventSearchInput() {
299
- return `${t}-search-input`;
300
- }
301
- /**
302
- * The name of the custom event fired before header row is selected/unselected upon a user gesture.
303
- */
304
- static get eventBeforeChangeSelectionAll() {
305
- return `${t}-table-change-selection-all`;
306
- }
307
- /**
308
- * The name of the custom event fired before a row is selected/unselected upon a user gesture.
309
- */
310
- static get eventBeforeChangeSelection() {
311
- return `${t}-table-row-change-selection`;
312
- }
313
- /**
314
- * The name of the custom event fired after the Cancel button is clicked.
315
- */
316
- static get eventClickCancel() {
317
- return `${t}-table-batch-actions-cancel-clicked`;
318
- }
319
- /**
320
- * The name of the custom event fired after the expanded state a row is toggled upon a user gesture.
321
- */
322
- static get eventExpandoToggle() {
323
- return `${t}-table-row-expando-toggled`;
324
- }
325
- /**
326
- * The name of the custom event fired after a row has been selected
327
- */
328
- static get eventTableRowSelect() {
329
- return `${t}-table-row-selected`;
330
- }
331
- /**
332
- * The name of the custom event fired after all rows have been selected
333
- */
334
- static get eventTableRowSelectAll() {
335
- return `${t}-table-row-all-selected`;
336
- }
337
- /**
338
- * The name of the custom event fired after the table has been sorted
339
- */
340
- static get eventTableSorted() {
341
- return `${t}-table-sorted`;
342
- }
343
- /**
344
- * The name of the custom event fired after the table has been filtered containing remaining rows.
345
- */
346
- static get eventTableFiltered() {
347
- return `${t}-table-filtered`;
348
- }
349
- /**
350
- * The CSS selector to find the overflow menu on the table cell
351
- */
352
- static get selectorTableCellOverflowMenu() {
353
- return `${t}-table-cell ${t}-overflow-menu`;
354
- }
355
- /**
356
- * The CSS selector to find the download button
357
- */
358
- static get selectorToolbarDownload() {
359
- return `${t}-button[download]`;
360
- }
361
- /**
362
- * The CSS selector to find the table batch actions
363
- */
364
- static get selectorTableBatchActions() {
365
- return `${t}-table-batch-actions`;
366
- }
367
- /**
368
- * The CSS selector to find the table toolbar
369
- */
370
- static get selectorTableToolbar() {
371
- return `${t}-table-toolbar`;
372
- }
373
- /**
374
- * The CSS selector to find the table toolbar content
375
- */
376
- static get selectorTableToolbarContent() {
377
- return `${t}-table-toolbar-content`;
378
- }
379
- /**
380
- * The CSS selector to find the table toolbar search
381
- */
382
- static get selectorTableToolbarSearch() {
383
- return `${t}-table-toolbar-search`;
384
- }
385
- /**
386
- * The CSS selector to find the table head
387
- */
388
- static get selectorTableHead() {
389
- return `${t}-table-head`;
390
- }
391
- /**
392
- * The CSS selector to find the table body
393
- */
394
- static get selectorTableBody() {
395
- return `${t}-table-body`;
396
- }
397
- /**
398
- * The CSS selector to find the table expanded rows
399
- */
400
- static get selectorTableExpandedRows() {
401
- return `${t}-table-expanded-row`;
402
- }
403
- /**
404
- * The CSS selector to find the table rows
405
- */
406
- static get selectorTableRow() {
407
- return `${t}-table-row`;
408
- }
409
- /**
410
- * The CSS selector to find the rows cells.
411
- */
412
- static get selectorTableRowCells() {
413
- return `${t}-table-cell`;
414
- }
415
- /**
416
- * The CSS selector to find the rows cells, including header cells.
417
- */
418
- static get selectorTableCells() {
419
- return `${t}-table-cell, ${t}-table-header-cell`;
420
- }
421
- /**
422
- * The CSS selector to find the header cell
423
- */
424
- static get selectorHeaderCell() {
425
- return `${t}-table-header-cell`;
426
- }
427
- /**
428
- * The CSS selector to find the rows, including header rows.
429
- */
430
- static get selectorRowsWithHeader() {
431
- return `${t}-table-header-row,${t}-table-row`;
432
- }
433
- /**
434
- * The CSS selector to find all rows
435
- */
436
- static get selectorAllRows() {
437
- return `${t}-table-header-row,${t}-table-row,${t}-table-expanded-row`;
438
- }
439
- };
440
- m.styles = M;
441
- i([
442
- H()
443
- ], m.prototype, "_downloadButton", void 0);
444
- i([
445
- H()
446
- ], m.prototype, "_searchValue", void 0);
447
- i([
448
- H()
449
- ], m.prototype, "_tableHeaderRow", void 0);
450
- i([
451
- H()
452
- ], m.prototype, "_tableBody", void 0);
453
- i([
454
- H()
455
- ], m.prototype, "_tableExpandedRows", void 0);
456
- i([
457
- H()
458
- ], m.prototype, "_tableRows", void 0);
459
- i([
460
- H()
461
- ], m.prototype, "_tableBatchActions", void 0);
462
- i([
463
- H()
464
- ], m.prototype, "_tableToolbar", void 0);
465
- i([
466
- H()
467
- ], m.prototype, "_tableToolbarContent", void 0);
468
- i([
469
- H()
470
- ], m.prototype, "_selectedRows", void 0);
471
- i([
472
- a({ type: Boolean, reflect: !0, attribute: "batch-expansion" })
473
- ], m.prototype, "batchExpansion", void 0);
474
- i([
475
- a({ attribute: !1 })
476
- ], m.prototype, "collator", void 0);
477
- i([
478
- a({ type: Boolean, reflect: !0 })
479
- ], m.prototype, "expandable", void 0);
480
- i([
481
- a()
482
- ], m.prototype, "filterRows", void 0);
483
- i([
484
- a()
485
- ], m.prototype, "headerCount", void 0);
486
- i([
487
- a({ type: Boolean, reflect: !0, attribute: "is-selectable" })
488
- ], m.prototype, "isSelectable", void 0);
489
- i([
490
- a({ type: Boolean, reflect: !0, attribute: "is-sortable" })
491
- ], m.prototype, "isSortable", void 0);
492
- i([
493
- a({ reflect: !0 })
494
- ], m.prototype, "locale", void 0);
495
- i([
496
- a({
497
- type: Boolean,
498
- reflect: !0,
499
- attribute: "overflow-menu-on-hover"
500
- })
501
- ], m.prototype, "overflowMenuOnHover", void 0);
502
- i([
503
- a({ type: Boolean, reflect: !0 })
504
- ], m.prototype, "radio", void 0);
505
- i([
506
- a({ reflect: !0 })
507
- ], m.prototype, "size", void 0);
508
- i([
509
- a({ type: Boolean, attribute: "use-static-width", reflect: !0 })
510
- ], m.prototype, "useStaticWidth", void 0);
511
- i([
512
- a({ type: Boolean, attribute: "use-zebra-styles", reflect: !0 })
513
- ], m.prototype, "useZebraStyles", void 0);
514
- i([
515
- a({ type: Boolean, attribute: "with-header", reflect: !0 })
516
- ], m.prototype, "withHeader", void 0);
517
- i([
518
- a({ type: Boolean, attribute: "with-row-ai-labels" })
519
- ], m.prototype, "withRowAILabels", void 0);
520
- i([
521
- a({ type: Boolean, attribute: "with-row-slugs" })
522
- ], m.prototype, "withRowSlugs", void 0);
523
- i([
524
- T("eventExpandoToggle")
525
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
526
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
527
- ], m.prototype, "_handleBatchExpansion", void 0);
528
- i([
529
- T("eventBeforeSort")
530
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
531
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
532
- ], m.prototype, "_handleSort", void 0);
533
- i([
534
- T("eventSearchInput")
535
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
536
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
537
- ], m.prototype, "_handleSearchInput", void 0);
538
- i([
539
- T("eventBeforeChangeSelection")
540
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
541
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
542
- ], m.prototype, "_handleRowSelect", void 0);
543
- i([
544
- T("eventBeforeChangeSelectionAll")
545
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
546
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
547
- ], m.prototype, "_handleAllRowsSelect", void 0);
548
- i([
549
- T("eventClickCancel")
550
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
551
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
552
- ], m.prototype, "_handleCancelSelection", void 0);
553
- m = i([
554
- $(`${t}-table`)
555
- ], m);
556
- let $e = class extends x {
557
- render() {
558
- return p` <slot></slot> `;
559
- }
560
- };
561
- $e.styles = M;
562
- $e = i([
563
- $(`${t}-table-header-title`)
564
- ], $e);
565
- let Se = class extends x {
566
- render() {
567
- return p` <slot></slot> `;
568
- }
569
- };
570
- Se.styles = M;
571
- Se = i([
572
- $(`${t}-table-header-description`)
573
- ], Se);
574
- var Ce;
575
- let W = Ce = class extends x {
576
- constructor() {
577
- super(...arguments), this.active = !1, this.formatSelectedItemsCount = ({ count: e }) => `${e} item${e <= 1 ? "" : "s"} selected`, this.selectedRowsCount = 0, this.totalRowsCount = 0, this.size = "lg";
578
- }
579
- /**
580
- * Handles `click` event on the Cancel button.
581
- */
582
- _handleCancel() {
583
- const { eventClickCancel: e } = this.constructor;
584
- this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 }));
585
- }
586
- /**
587
- * Handles `click` event on the Select all button.
588
- */
589
- _handleSelectAll() {
590
- this.dispatchEvent(new CustomEvent(Ce.eventClickSelectAll, {
591
- bubbles: !0,
592
- composed: !0
593
- }));
594
- }
595
- firstUpdated() {
596
- this._updateButtons(), this._setupHoverListeners();
597
- }
598
- _setupHoverListeners() {
599
- var e, s;
600
- const o = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector("slot"), r = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(`${t}-button.${t}--batch-summary__cancel`);
601
- if (o && r) {
602
- const c = () => {
603
- const d = o.assignedElements(), l = d[d.length - 1];
604
- if (l) {
605
- const u = () => {
606
- r.style.setProperty("--divider-opacity", "0");
607
- }, b = () => {
608
- r.style.setProperty("--divider-opacity", "1");
609
- };
610
- l.removeEventListener("mouseenter", u), l.removeEventListener("mouseleave", b), l.addEventListener("mouseenter", u), l.addEventListener("mouseleave", b);
611
- }
612
- };
613
- c(), o.addEventListener("slotchange", c);
614
- }
615
- }
616
- updated(e) {
617
- e.has("active") && this.setAttribute("tabindex", `${this.active ? "" : "-1"}`), e.has("size") && this._updateButtons();
618
- }
619
- _updateButtons() {
620
- this.querySelectorAll(this.constructor.selectorButtons).forEach((e) => {
621
- e.setAttribute("batch-action", "");
622
- const s = this.size === "xs" || this.size === "sm" ? "sm" : "lg";
623
- e.setAttribute("size", s);
624
- });
625
- }
626
- render() {
627
- const { formatSelectedItemsCount: e, selectedRowsCount: s, totalRowsCount: o, _handleCancel: r, _handleSelectAll: c, size: d } = this, l = d === "xs" || d === "sm" ? "sm" : "lg";
628
- return p`
629
- <div class="${t}--batch-summary">
630
- <p class="${t}--batch-summary__para">
631
- ${e({ count: s })}
632
- </p>
633
- ${o > 0 ? p`
634
- <span class="${t}--batch-summary__divider">|</span>
635
- <button
636
- class="${t}--btn ${t}--btn--primary ${t}--batch-summary__select-all"
637
- @click=${c}>
638
- <slot name="select-all-button-content"
639
- >Select all (${o})</slot
640
- >
641
- </button>
642
- ` : Ye}
643
- </div>
644
-
645
- <div class="${t}--action-list">
646
- <slot></slot>
647
- <cds-button
648
- kind="primary"
649
- size="${l}"
650
- class="${t}--batch-summary__cancel"
651
- batch-action
652
- @click=${r}>
653
- <slot name="cancel-button-content">Cancel</slot>
654
- </cds-button>
655
- </div>
656
- `;
657
- }
658
- /**
659
- * The CSS selector to find the action buttons.
660
- */
661
- static get selectorButtons() {
662
- return `${t}-button`;
663
- }
664
- /**
665
- * The name of the custom event fired after the Cancel button is clicked.
666
- */
667
- static get eventClickCancel() {
668
- return `${t}-table-batch-actions-cancel-clicked`;
669
- }
670
- /**
671
- * The name of the custom event fired after the Select all button is clicked.
672
- */
673
- static get eventClickSelectAll() {
674
- return `${t}-table-batch-actions-select-all-clicked`;
675
- }
676
- };
677
- W.styles = M;
678
- i([
679
- a({ type: Boolean, reflect: !0 })
680
- ], W.prototype, "active", void 0);
681
- i([
682
- a({ attribute: !1 })
683
- ], W.prototype, "formatSelectedItemsCount", void 0);
684
- i([
685
- a({ type: Number, attribute: "selected-rows-count" })
686
- ], W.prototype, "selectedRowsCount", void 0);
687
- i([
688
- a({ type: Number, attribute: "total-rows-count" })
689
- ], W.prototype, "totalRowsCount", void 0);
690
- i([
691
- a({ reflect: !0 })
692
- ], W.prototype, "size", void 0);
693
- W = Ce = i([
694
- $(`${t}-table-batch-actions`)
695
- ], W);
696
- let le = class extends x {
697
- constructor() {
698
- super(...arguments), this._handleSlotChange = () => {
699
- this._updateZebra(), this.dispatchEvent(new CustomEvent(this.constructor.eventTableBodyContentChange, { bubbles: !0, cancelable: !1 }));
700
- }, this.useZebraStyles = !1;
701
- }
702
- /**
703
- * Updates `even`/`odd` properties of the child `<cds-table-row>`s.
704
- */
705
- _updateZebra() {
706
- const { useZebraStyles: e, _slotNode: s } = this;
707
- s.assignedNodes().forEach((o) => {
708
- if (o.nodeType === Node.ELEMENT_NODE) {
709
- const r = o.matches("*:nth-of-type(even)");
710
- o.even = e && r, o.odd = e && !r;
711
- }
712
- });
713
- }
714
- connectedCallback() {
715
- this.hasAttribute("role") || this.setAttribute("role", "rowgroup"), super.connectedCallback();
716
- }
717
- updated(e) {
718
- e.has("useZebraStyles") && this._updateZebra();
719
- }
720
- render() {
721
- const { _handleSlotChange: e } = this;
722
- return p` <slot @slotchange="${e}"></slot> `;
723
- }
724
- /**
725
- * The name of the custom event fired after the body slot content changes
726
- */
727
- static get eventTableBodyContentChange() {
728
- return `${t}-table-body-content-change`;
729
- }
730
- };
731
- le.styles = M;
732
- i([
733
- J("slot")
734
- ], le.prototype, "_slotNode", void 0);
735
- i([
736
- a({ type: Boolean, reflect: !0, attribute: "use-zebra-styles" })
737
- ], le.prototype, "useZebraStyles", void 0);
738
- le = i([
739
- $(`${t}-table-body`)
740
- ], le);
741
- let pe = class extends x {
742
- constructor() {
743
- super(...arguments), this.overflowMenuOnHover = !1;
744
- }
745
- /**
746
- * TODO: Uncomment when Carbon fully implements sticky header
747
- * Specify whether the header should be sticky.
748
- * Still experimental: may not work with every combination of table props
749
- */
750
- // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
751
- // stickyHeader = false;
752
- connectedCallback() {
753
- this.hasAttribute("role") || this.setAttribute("role", "cell"), super.connectedCallback();
754
- }
755
- render() {
756
- return p`<slot></slot>`;
757
- }
758
- };
759
- pe.styles = M;
760
- i([
761
- a({
762
- type: Boolean,
763
- reflect: !0,
764
- attribute: "overflow-menu-on-hover"
765
- })
766
- ], pe.prototype, "overflowMenuOnHover", void 0);
767
- i([
768
- a({ reflect: !0 })
769
- ], pe.prototype, "size", void 0);
770
- pe = i([
771
- $(`${t}-table-cell`)
772
- ], pe);
773
- let Re = class extends x {
774
- render() {
775
- return p` <slot></slot> `;
776
- }
777
- };
778
- Re.styles = M;
779
- Re = i([
780
- $(`${t}-table-cell-content`)
781
- ], Re);
782
- let j = class extends K(x) {
783
- constructor() {
784
- super(...arguments), this.colSpan = 1, this.expanded = !1, this.filtered = !1, this.highlighted = !1, this.selected = !1;
785
- }
786
- /**
787
- * Handles `mouseover`/`mouseout` event handler on this element.
788
- *
789
- * @param event The event.
790
- */
791
- _handleMouseOverOut(e) {
792
- const { selectorRow: s } = this.constructor, { previousElementSibling: o } = this;
793
- o?.matches(s) && (o.highlighted = e.type === "mouseover");
794
- }
795
- render() {
796
- const { colSpan: e } = this;
797
- return p`
798
- <td colspan="${e}">
799
- <div class="${t}--child-row-inner-container">
800
- <slot></slot>
801
- </div>
802
- </td>
803
- `;
804
- }
805
- updated() {
806
- var e;
807
- !((e = this.previousElementSibling) === null || e === void 0) && e.hasAttribute("ai-label") ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
808
- }
809
- /**
810
- * A selector that will return the previous sibling row.
811
- */
812
- static get selectorRow() {
813
- return `${t}-table-row`;
814
- }
815
- };
816
- j.styles = M;
817
- i([
818
- T("mouseover"),
819
- T("mouseout")
820
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
821
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
822
- ], j.prototype, "_handleMouseOverOut", null);
823
- i([
824
- a({ type: Number, attribute: "colspan" })
825
- ], j.prototype, "colSpan", void 0);
826
- i([
827
- a({ type: Boolean, reflect: !0 })
828
- ], j.prototype, "expanded", void 0);
829
- i([
830
- a({ type: Boolean, reflect: !0 })
831
- ], j.prototype, "filtered", void 0);
832
- i([
833
- a({ type: Boolean, reflect: !0 })
834
- ], j.prototype, "highlighted", void 0);
835
- i([
836
- a({ type: Boolean, reflect: !0 })
837
- ], j.prototype, "selected", void 0);
838
- j = i([
839
- $(`${t}-table-expanded-row`)
840
- ], j);
841
- let qe = class extends x {
842
- /**
843
- * TODO: Uncomment when Carbon fully implements sticky header
844
- * Specify whether the header should be sticky.
845
- * Still experimental: may not work with every combination of table props
846
- */
847
- //@property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
848
- // stickyHeader = false;
849
- connectedCallback() {
850
- this.hasAttribute("role") || this.setAttribute("role", "rowgroup"), super.connectedCallback();
851
- }
852
- render() {
853
- return p` <slot></slot> `;
854
- }
855
- };
856
- qe.styles = M;
857
- qe = i([
858
- $(`${t}-table-head`)
859
- ], qe);
860
- var rt = {
861
- elem: "svg",
862
- attrs: {
863
- xmlns: "http://www.w3.org/2000/svg",
864
- viewBox: "0 0 32 32",
865
- fill: "currentColor",
866
- width: 32,
867
- height: 32
868
- },
869
- content: [{
870
- elem: "path",
871
- attrs: {
872
- d: "M27.6 20.6 24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22z"
873
- }
874
- }, {
875
- elem: "path",
876
- attrs: {
877
- d: "M9 4 3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
878
- }
879
- }],
880
- name: "arrows--vertical",
881
- size: 32
882
- }, at = {
883
- elem: "svg",
884
- attrs: {
885
- xmlns: "http://www.w3.org/2000/svg",
886
- viewBox: "0 0 32 32",
887
- fill: "currentColor",
888
- width: 32,
889
- height: 32
890
- },
891
- content: [{
892
- elem: "path",
893
- attrs: {
894
- d: "M24.59 16.59 17 24.17 17 4 15 4 15 24.17 7.41 16.59 6 18 16 28 26 18 24.59 16.59z"
895
- }
896
- }],
897
- name: "arrow--down",
898
- size: 32
899
- };
900
- let N = class extends ve(x) {
901
- constructor() {
902
- super(...arguments), this._hasAILabel = !1, this.isExpandable = !1, this.isSelectable = !1, this.isSortable = !1, this.sortActive = !1;
903
- }
904
- /**
905
- * Handles `click` event on the sort button.
906
- *
907
- */
908
- _handleClickSortButton(e) {
909
- if (!e.target.matches(this.constructor.aiLabelItem) && !e.target.matches(this.constructor.slugItem)) {
910
- const s = this._getNextSort(), o = {
911
- bubbles: !0,
912
- cancelable: !0,
913
- composed: !0,
914
- detail: {
915
- oldSortDirection: this.sortDirection,
916
- sortDirection: s
917
- }
918
- }, r = this.constructor;
919
- this.dispatchEvent(new CustomEvent(r.eventBeforeSort, o)) && (this.sortActive = !0, this.sortDirection = s);
920
- }
921
- }
922
- /**
923
- * Handles `slotchange` event.
924
- *
925
- */
926
- _handleSlotChange() {
927
- this.requestUpdate();
928
- }
929
- /**
930
- * Handles `slotchange` event.
931
- */
932
- _handleAILabelSlotChange({ target: e }) {
933
- const s = e.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || o.matches(this.constructor.slugItem) : !1);
934
- s.length > 0 && (this._hasAILabel = !!s, s[0].setAttribute("size", "mini")), this.requestUpdate();
935
- }
936
- /**
937
- * @returns The next sort direction.
938
- */
939
- _getNextSort() {
940
- const { sortCycle: e = Q.TRI_STATES_FROM_ASCENDING, sortDirection: s } = this;
941
- if (!s)
942
- throw new TypeError("Table sort direction is not defined. Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.");
943
- const o = this.constructor.TABLE_SORT_CYCLES[e], r = o.indexOf(s);
944
- if (r < 0) {
945
- if (s === E.NONE)
946
- return o[0];
947
- throw new RangeError(`The given sort state (${s}) is not found in the given table sort cycle: ${e}`);
948
- }
949
- return o[(r + 1) % o.length];
950
- }
951
- /**
952
- * TODO: Uncomment when Carbon fully implements sticky header
953
- * Specify whether the header should be sticky.
954
- * Still experimental: may not work with every combination of table props
955
- */
956
- // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
957
- // stickyHeader = false;
958
- connectedCallback() {
959
- this.hasAttribute("role") || this.setAttribute("role", "columnheader"), super.connectedCallback();
960
- }
961
- updated(e) {
962
- this.isSortable && !e.has("sortDirection") && !this.sortDirection && (this.sortDirection = E.NONE), this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
963
- }
964
- render() {
965
- const { sortDirection: e } = this, s = D({
966
- [`${t}--table-header-label`]: !0,
967
- [`${t}--table-header-label--slug`]: this._hasAILabel
968
- });
969
- if (e) {
970
- const o = e === E.NONE ? I(rt, {
971
- part: "sort-icon",
972
- class: `${t}--table-sort__icon-unsorted`
973
- }) : I(at, {
974
- part: "sort-icon",
975
- class: `${t}--table-sort__icon`
976
- });
977
- return p`
978
- <button
979
- part="sort-button"
980
- class="${t}--table-sort"
981
- title="${this.innerText}"
982
- @click=${this._handleClickSortButton}>
983
- <span class="${t}--table-sort__flex">
984
- <span part="label-text" class="${t}--table-header-label"
985
- ><slot @slotchange=${this._handleSlotChange}></slot
986
- ></span>
987
- ${o}
988
- <slot
989
- name="ai-label"
990
- @slotchange="${this._handleAILabelSlotChange}"></slot>
991
- <slot
992
- name="slug"
993
- @slotchange="${this._handleAILabelSlotChange}"></slot>
994
- </span>
995
- </button>
996
- `;
997
- }
998
- return p`<span part="label-text" class="${s}">
999
- <slot></slot
1000
- ><slot
1001
- name="ai-label"
1002
- @slotchange="${this._handleAILabelSlotChange}"></slot>
1003
- <slot name="slug" @slotchange="${this._handleAILabelSlotChange}"></slot
1004
- ></span> `;
1005
- }
1006
- /**
1007
- * A selector that will return the slug item.
1008
- *
1009
- * remove in v12
1010
- */
1011
- static get slugItem() {
1012
- return `${t}-slug`;
1013
- }
1014
- /**
1015
- * A selector that will return the AI Label item.
1016
- */
1017
- static get aiLabelItem() {
1018
- return `${t}-ai-label`;
1019
- }
1020
- /**
1021
- * The name of the custom event fired before a new sort direction is set upon a user gesture.
1022
- * Cancellation of this event stops the user-initiated change in sort direction.
1023
- */
1024
- static get eventBeforeSort() {
1025
- return `${t}-table-header-cell-sort`;
1026
- }
1027
- };
1028
- N.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
1029
- N.styles = M;
1030
- N.TABLE_SORT_CYCLES = it;
1031
- i([
1032
- a({ type: Boolean, reflect: !0, attribute: "expandable" })
1033
- ], N.prototype, "isExpandable", void 0);
1034
- i([
1035
- a({ type: Boolean, reflect: !0, attribute: "is-selectable" })
1036
- ], N.prototype, "isSelectable", void 0);
1037
- i([
1038
- a({ type: Boolean, reflect: !0, attribute: "is-sortable" })
1039
- ], N.prototype, "isSortable", void 0);
1040
- i([
1041
- a({ type: Boolean, reflect: !0, attribute: "sort-active" })
1042
- ], N.prototype, "sortActive", void 0);
1043
- i([
1044
- a({ reflect: !0, attribute: "sort-cycle" })
1045
- ], N.prototype, "sortCycle", void 0);
1046
- i([
1047
- a({ reflect: !0, attribute: "sort-direction" })
1048
- ], N.prototype, "sortDirection", void 0);
1049
- N = i([
1050
- $(`${t}-table-header-cell`)
1051
- ], N);
1052
- var ct = {
1053
- elem: "svg",
1054
- attrs: {
1055
- xmlns: "http://www.w3.org/2000/svg",
1056
- viewBox: "0 0 16 16",
1057
- fill: "currentColor",
1058
- width: 16,
1059
- height: 16
1060
- },
1061
- content: [{
1062
- elem: "path",
1063
- attrs: {
1064
- d: "M11 8 6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"
1065
- }
1066
- }],
1067
- name: "chevron--right",
1068
- size: 16
1069
- }, F;
1070
- (function(n) {
1071
- n[n.BACKWARD = -1] = "BACKWARD", n[n.FORWARD = 1] = "FORWARD";
1072
- })(F || (F = {}));
1073
- class _e {
1074
- constructor(e) {
1075
- this._groups = {}, this.constructor._instances.set(e, this);
1076
- }
1077
- /**
1078
- * @param radio A radio button.
1079
- * @returns
1080
- * `true` if the given radio button should be focusable, which is either:
1081
- * - The radio button is selected
1082
- * - No radio button is selected and the radio button is first one in the radio group
1083
- */
1084
- shouldBeFocusable(e) {
1085
- if (e.checked)
1086
- return !0;
1087
- const { name: s } = e, o = this._groups[s];
1088
- return o && Array.from(o).some((d) => d.checked) ? !1 : !o || o.size === 1 || this.getSortedGroup(e)[0] === e;
1089
- }
1090
- /**
1091
- * @param radio A radio button.
1092
- * @returns The sorted radio group the given radio button is in.
1093
- */
1094
- getSortedGroup(e) {
1095
- const s = this._groups[e.name];
1096
- return s && Array.from(s).sort((o, r) => {
1097
- const c = o.compareDocumentPosition(r);
1098
- return c & Node.DOCUMENT_POSITION_FOLLOWING || c & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : c & Node.DOCUMENT_POSITION_PRECEDING || c & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
1099
- });
1100
- }
1101
- /**
1102
- * Manages a radio button.
1103
- *
1104
- * @param radio The radio button to manage.
1105
- * @returns This object.
1106
- */
1107
- add(e) {
1108
- const { name: s } = e;
1109
- if (s) {
1110
- const o = this._groups;
1111
- o[s] || (o[s] = /* @__PURE__ */ new Set()), o[s].add(e);
1112
- }
1113
- return this;
1114
- }
1115
- /**
1116
- * Unmanages a radio button.
1117
- *
1118
- * @param radio The radio button to unmanage.
1119
- * @param name The old name of the radio button to unmanage.
1120
- * @returns `true` if `element` was actually managed.
1121
- */
1122
- delete(e, s = e.name) {
1123
- const o = this._groups[s];
1124
- return o ? o.delete(e) : !1;
1125
- }
1126
- /**
1127
- * Selects or focuses on a radio button.
1128
- *
1129
- * @param radio The radio button to select.
1130
- * @param readOnly optional if radio button has readOnly.
1131
- */
1132
- select(e, s) {
1133
- const o = this._groups[e.name];
1134
- if (o) {
1135
- if (e.disabled)
1136
- return;
1137
- e.checked = !s || !0, e.tabIndex = 0, e.focus(), o.forEach((r) => {
1138
- e !== r && (r.checked = s || !1, r.tabIndex = -1);
1139
- });
1140
- }
1141
- }
1142
- /**
1143
- * @param radio The currently selected radio button.
1144
- * @param direction The direction to navigate to.
1145
- * @returns The radio button that should be selected next.
1146
- */
1147
- navigate(e, s) {
1148
- const o = this.getSortedGroup(e), r = o.length;
1149
- let c = o.indexOf(e);
1150
- for (let d = 0; d < r; d++) {
1151
- c = (c + s + r) % r;
1152
- const l = o[c];
1153
- if (!l.disabled)
1154
- return l;
1155
- }
1156
- return e;
1157
- }
1158
- /**
1159
- * @param document A document element.
1160
- * @returns The `RadioGroupManager` instance associated with the given document.
1161
- */
1162
- static get(e) {
1163
- return this._instances.get(e) || new _e(e);
1164
- }
1165
- }
1166
- _e._instances = /* @__PURE__ */ new WeakMap();
1167
- var he;
1168
- (function(n) {
1169
- n.LEFT = "left", n.RIGHT = "right";
1170
- })(he || (he = {}));
1171
- var ue;
1172
- (function(n) {
1173
- n.HORIZONTAL = "horizontal", n.VERTICAL = "vertical";
1174
- })(ue || (ue = {}));
1175
- var Me = ce(['@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}}.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--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)}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,:host(cds-radio-button-group){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--radio-button-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--radio-button-group *,.cds--radio-button-group :after,.cds--radio-button-group :before{box-sizing:inherit}.cds--radio-button-group{align-items:center;display:flex;position:relative}.cds--label+.cds--form-item .cds--radio-button-group,.cds--label+:host(cds-radio-button-group) .cds--radio-button-group{margin-block-start:0}.cds--radio-button-group--vertical,:host(cds-radio-button-group[orientation=vertical]){align-items:flex-start;flex-direction:column}.cds--radio-button-group--vertical.cds--radio-button-group--label-left{align-items:flex-end}.cds--radio-button-group--vertical .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label{margin-inline-end:0}.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label:not(:last-of-type){margin-block-end:.5rem}.cds--radio-button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;margin-block-start:.9rem;margin-inline-start:.63rem;visibility:inherit;white-space:nowrap}.cds--radio-button__label{align-items:center;cursor:pointer;display:flex;margin-inline-end:1rem}.cds--radio-button__label-text{flex:1;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--radio-button__appearance{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--radio-button__appearance *,.cds--radio-button__appearance :after,.cds--radio-button__appearance :before{box-sizing:inherit}.cds--radio-button__appearance{background-color:transparent;block-size:1.125rem;border:1px solid var(--cds-icon-primary,#161616);border-radius:50%;flex-shrink:0;inline-size:1.125rem;margin-block:.0625rem .125rem;margin-inline:.125rem .625rem}.cds--radio-button-group--vertical .cds--radio-button__appearance,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__appearance{margin-block:0}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance{align-items:center;border-color:var(--cds-icon-primary,#161616);display:flex;justify-content:center}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance:before{background-color:var(--cds-icon-primary,#161616);block-size:100%;border-radius:50%;content:"";display:inline-block;inline-size:100%;position:relative;transform:scale(.5)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance:before{background-color:ButtonText}}@media print{.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds--radio-button:disabled+.cds--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance:before,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance:before{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--radio-button-group--readonly .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance,:host(cds-radio-button[readOnly]) .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--radio-button-group--readonly .cds--radio-button__label,:host(cds-radio-button[readOnly]) .cds--radio-button__label{cursor:default}.cds--radio-button-group--readonly .cds--radio-button__label-text,:host(cds-radio-button[readOnly]) .cds--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--radio-button-group--invalid .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds--radio-button__validation-msg{align-items:flex-end;display:none;margin-block-start:.375rem}.cds--radio-button__invalid-icon{fill:var(--cds-support-error,#da1e28);margin-inline:.1875rem .0625rem}.cds--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg,.cds--radio-button-group--warning+.cds--radio-button__validation-msg{display:flex}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement,.cds--radio-button-group--warning+.cds--radio-button__validation-msg .cds--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--radio-button-group~.cds--form__helper-text{margin-block-start:.375rem}.cds--radio-button:focus+.cds--radio-button__label .cds--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds--radio-button__label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--radio-button__label.cds--skeleton:active,.cds--radio-button__label.cds--skeleton:focus,.cds--radio-button__label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--radio-button__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--radio-button__label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--radio-button__label.cds--skeleton{background:CanvasText}.cds--radio-button__label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--radio-button__label.cds--skeleton{block-size:1.125rem;inline-size:6.25rem}.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance{display:none}.cds--radio-button-wrapper .cds--radio-button__label,:host(cds-radio-button) .cds--radio-button__label{align-items:flex-start;display:flex;justify-content:center;margin:0}.cds--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-radio-button){margin-inline-end:1rem}.cds--radio-button-group--vertical .cds--radio-button-wrapper,.cds--radio-button-group--vertical :host(cds-radio-button),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button-wrapper,:host(cds-radio-button-group[orientation=vertical]) :host(cds-radio-button){margin-block-end:.375rem;margin-inline-end:0}.cds--radio-button-group--vertical .cds--radio-button-wrapper .cds--radio-button__label,.cds--radio-button-group--vertical :host(cds-radio-button) .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button-wrapper .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) :host(cds-radio-button) .cds--radio-button__label{padding-block-start:.125rem}.cds--radio-button-group--label-right .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label{flex-direction:row}.cds--radio-button-group--label-left .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}.cds--radio-button-group--label-left .cds--radio-button__appearance,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__appearance{margin-inline:.5rem 0}.cds--radio-button-group--decorator legend.cds--label,.cds--radio-button-group--slug legend.cds--label,.cds--radio-button-wrapper--decorator .cds--radio-button__label-text,.cds--radio-button-wrapper--slug .cds--radio-button__label-text{display:flex}.cds--radio-button-group--decorator legend.cds--label .cds--radio-button-group-inner--decorator>*,.cds--radio-button-group--slug legend.cds--label .cds--ai-label,.cds--radio-button-group--slug legend.cds--label .cds--slug,.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--radio-button-wrapper-inner--decorator>*,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug{margin-inline-start:.5rem}.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--ai-label__button--inline,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label__button--inline,.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-radio-button-group[invalid]:not([disabled])) .cds--radio-button__validation-msg,:host(cds-radio-button-group[warn]:not([disabled])) .cds--radio-button__validation-msg{display:flex}:host(cds-radio-button-group[invalid]:not([disabled])) .cds--radio-button__validation-msg .cds--form-requirement,:host(cds-radio-button-group[warn]:not([disabled])) .cds--radio-button__validation-msg .cds--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}:host(cds-radio-button-group[invalid]:not([disabled])) .cds--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-radio-button){outline:none}:host(cds-radio-button) .cds--radio-button__label{flex-direction:row}:host(cds-radio-button:not(:last-of-type)){margin-inline-end:1rem}:host(cds-radio-button[orientation=vertical]){margin-block-end:.375rem;margin-inline-end:0}:host(cds-radio-button[invalid]:not([readOnly]):not([disabled]):not([disabledItem])) .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)!important}:host(cds-radio-button[data-table]) .cds--radio-button__label{inline-size:1.75rem}:host(cds-radio-button[data-table]) .cds--radio-button__appearance{margin-inline-end:-.125rem}:host(cds-radio-button[disabledItem]) .cds--radio-button__label,:host(cds-radio-button[disabled]) .cds--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance,:host(cds-radio-button[disabled]) .cds--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance:before,:host(cds-radio-button[disabled]) .cds--radio-button__appearance:before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}:host(cds-radio-button[label-position=left]) .cds--radio-button__appearance{margin-inline:.5rem 0}:host(cds-radio-button[ai-label]) .cds--radio-button__label-text{display:flex}:host(cds-radio-button[ai-label]) ::slotted(cds-ai-label[inline]),:host(cds-radio-button[ai-label]) ::slotted(cds-slug[inline]){line-height:inherit;margin-block-start:-.0625rem}:host(cds-radio-button-group) .cds--radio-button-group--slug ::slotted(cds-ai-label),:host(cds-radio-button-group) .cds--radio-button-group--slug ::slotted(cds-slug),:host(cds-radio-button[ai-label]) ::slotted(cds-ai-label),:host(cds-radio-button[ai-label]) ::slotted(cds-slug){margin-inline-start:.5rem}']);
1176
- const dt = {
1177
- ArrowLeft: F.BACKWARD,
1178
- Left: F.BACKWARD,
1179
- // IE
1180
- ArrowRight: F.FORWARD,
1181
- Right: F.FORWARD
1182
- // IE
1183
- }, nt = {
1184
- ArrowUp: F.BACKWARD,
1185
- Up: F.BACKWARD,
1186
- // IE
1187
- ArrowDown: F.FORWARD,
1188
- Down: F.FORWARD
1189
- // IE
1190
- };
1191
- class lt {
1192
- constructor(e) {
1193
- this._radio = e;
1194
- }
1195
- get checked() {
1196
- return this._radio.checked;
1197
- }
1198
- set checked(e) {
1199
- const { host: s } = this._radio.getRootNode(), { eventChange: o } = s.constructor;
1200
- s.checked = e, this._radio.tabIndex = e ? 0 : -1, s.dispatchEvent(new CustomEvent(o, {
1201
- bubbles: !0,
1202
- composed: !0,
1203
- detail: {
1204
- checked: e,
1205
- value: this._radio.value,
1206
- name: this._radio.name
1207
- }
1208
- }));
1209
- }
1210
- get tabIndex() {
1211
- return this._radio.tabIndex;
1212
- }
1213
- set tabIndex(e) {
1214
- this._radio.tabIndex = e;
1215
- }
1216
- get name() {
1217
- return this._radio.name;
1218
- }
1219
- get disabled() {
1220
- return this._radio.disabled;
1221
- }
1222
- compareDocumentPosition(e) {
1223
- return this._radio.compareDocumentPosition(e._radio);
1224
- }
1225
- focus() {
1226
- this._radio.focus();
1227
- }
1228
- }
1229
- let R = class extends K(ve(x)) {
1230
- constructor() {
1231
- super(...arguments), this._manager = null, this._handleClick = (e) => {
1232
- var s, o;
1233
- if (!e.target.matches((s = this.constructor) === null || s === void 0 ? void 0 : s.aiLabelItem) && !e.target.matches((o = this.constructor) === null || o === void 0 ? void 0 : o.slugItem)) {
1234
- const { disabled: r, _radioButtonDelegate: c, readOnly: d } = this;
1235
- if (d) {
1236
- e.preventDefault();
1237
- return;
1238
- }
1239
- c && !r && !this.disabledItem && (this.checked = !0, this._manager && this._manager.select(c, this.readOnly), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
1240
- bubbles: !0,
1241
- composed: !0,
1242
- detail: {
1243
- checked: this.checked,
1244
- value: this.value,
1245
- name: this.name,
1246
- event: e
1247
- }
1248
- }))), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
1249
- bubbles: !0,
1250
- composed: !0,
1251
- detail: {
1252
- checked: this.checked,
1253
- value: this.value,
1254
- name: this.name,
1255
- event: e
1256
- }
1257
- }));
1258
- }
1259
- }, this._handleKeydown = (e) => {
1260
- var s, o;
1261
- if (!e.target.matches((s = this.constructor) === null || s === void 0 ? void 0 : s.aiLabelItem) && !e.target.matches((o = this.constructor) === null || o === void 0 ? void 0 : o.slugItem)) {
1262
- const { orientation: r, _radioButtonDelegate: c, disabled: d, disabledItem: l, readOnly: u } = this, b = this._manager;
1263
- if (u) {
1264
- e.preventDefault();
1265
- return;
1266
- }
1267
- if (c && b && !d && !l) {
1268
- const h = (r === ue.HORIZONTAL ? dt : nt)[e.key];
1269
- h && b.select(b.navigate(c, h), this.readOnly), (e.key === " " || e.key === "Enter") && b.select(c, this.readOnly);
1270
- }
1271
- }
1272
- }, this._hasAILabel = !1, this.checked = !1, this.dataTable = !1, this.defaultChecked = !1, this.disabledItem = !1, this.disabled = !1, this.hideLabel = !1, this.invalid = !1, this.warn = !1, this.warnText = "", this.labelPosition = he.RIGHT, this.labelText = "", this.orientation = ue.HORIZONTAL, this.readOnly = !1, this.required = !1;
1273
- }
1274
- /**
1275
- * Handles `slotchange` event.
1276
- */
1277
- _handleSlotChange({ target: e }) {
1278
- const s = e.assignedNodes().filter((r) => r.matches !== void 0 ? r.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
1279
- r.matches(this.constructor.slugItem) : !1);
1280
- this._hasAILabel = !!s;
1281
- const o = s[0].getAttribute("kind");
1282
- s[0].setAttribute("size", o === "inline" ? "md" : "mini"), this.requestUpdate();
1283
- }
1284
- disconnectedCallback() {
1285
- this._manager && this._manager.delete(this._radioButtonDelegate), super.disconnectedCallback();
1286
- }
1287
- firstUpdated() {
1288
- this._radioButtonDelegate = new lt(this._inputNode), this.defaultChecked && this.checked === !1 && (this.checked = !0);
1289
- }
1290
- updated(e) {
1291
- const { _hasAILabel: s, _inputNode: o, _radioButtonDelegate: r, name: c, disabled: d, disabledItem: l, readOnly: u, invalid: b, warn: v } = this, h = {
1292
- invalid: !u && !d && !l && b,
1293
- warn: !u && !d && !l && !b && v
1294
- };
1295
- if (e.has("checked") || e.has("name")) {
1296
- this._manager || (this._manager = _e.get(this.getRootNode({ composed: !0 })));
1297
- const { _manager: g } = this;
1298
- e.has("name") && (g.delete(r, e.get("name")), c && g.add(r)), o.setAttribute("tabindex", !c || !g || this.disabled || this.disabledItem || !g.shouldBeFocusable(r) ? "-1" : "0");
1299
- }
1300
- (e.has("invalid") || e.has("warn") || e.has("disabled") || e.has("disabledItem") || e.has("readOnly")) && (h.invalid ? (this.setAttribute("invalid", ""), this.removeAttribute("warn")) : h.warn ? (this.setAttribute("warn", ""), this.removeAttribute("invalid")) : (this.removeAttribute("invalid"), this.removeAttribute("warn"))), s ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
1301
- }
1302
- render() {
1303
- const { checked: e, hideLabel: s, labelText: o, name: r, value: c, disabled: d, disabledItem: l, readOnly: u, invalid: b, warn: v } = this, h = {
1304
- invalid: !u && !d && !l && b,
1305
- warn: !u && !d && !l && !b && v
1306
- }, g = D({
1307
- [`${t}--radio-button__label-text`]: !0,
1308
- [`${t}--visually-hidden`]: s
1309
- });
1310
- return p`
1311
- <input
1312
- id="radio"
1313
- type="radio"
1314
- class="${t}--radio-button"
1315
- .checked=${e}
1316
- ?disabled="${l || d}"
1317
- ?required=${this.required}
1318
- aria-readonly="${String(!!u)}"
1319
- name=${oe(r)}
1320
- value=${oe(c)} />
1321
- <label
1322
- for="input"
1323
- class="${t}--radio-button__label ${h.invalid ? `${t}--radio-button__label--invalid` : ""} ${h.warn ? `${t}--radio-button__label--warn` : ""}">
1324
- <span class="${t}--radio-button__appearance"></span>
1325
- <span class="${g}">
1326
- <slot> ${o} </slot>
1327
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
1328
- <slot name="slug" @slotchange="${this._handleSlotChange}"></slot
1329
- ></span>
1330
- </label>
1331
- `;
1332
- }
1333
- /**
1334
- * A selector that will return the slug item.
1335
- *
1336
- * remove in v12
1337
- */
1338
- static get slugItem() {
1339
- return `${t}-slug`;
1340
- }
1341
- /**
1342
- * A selector that will return the AI Label item.
1343
- */
1344
- static get aiLabelItem() {
1345
- return `${t}-ai-label`;
1346
- }
1347
- /**
1348
- * The name of the custom event fired after this radio button changes its checked state.
1349
- */
1350
- static get eventChange() {
1351
- return `${t}-radio-button-changed`;
1352
- }
1353
- };
1354
- R.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
1355
- R.styles = Me;
1356
- i([
1357
- J("input")
1358
- ], R.prototype, "_inputNode", void 0);
1359
- i([
1360
- T("click")
1361
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
1362
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
1363
- ], R.prototype, "_handleClick", void 0);
1364
- i([
1365
- T("keydown")
1366
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
1367
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
1368
- ], R.prototype, "_handleKeydown", void 0);
1369
- i([
1370
- a({ type: Boolean, reflect: !0 })
1371
- ], R.prototype, "checked", void 0);
1372
- i([
1373
- a({ type: Boolean, reflect: !0, attribute: "data-table" })
1374
- ], R.prototype, "dataTable", void 0);
1375
- i([
1376
- a({ type: Boolean, attribute: "default-checked" })
1377
- ], R.prototype, "defaultChecked", void 0);
1378
- i([
1379
- a({ type: Boolean, reflect: !0 })
1380
- ], R.prototype, "disabledItem", void 0);
1381
- i([
1382
- a({ type: Boolean, reflect: !0 })
1383
- ], R.prototype, "disabled", void 0);
1384
- i([
1385
- a({ type: Boolean, reflect: !0, attribute: "hide-label" })
1386
- ], R.prototype, "hideLabel", void 0);
1387
- i([
1388
- a({ type: Boolean, reflect: !0 })
1389
- ], R.prototype, "invalid", void 0);
1390
- i([
1391
- a({ type: Boolean, reflect: !0 })
1392
- ], R.prototype, "warn", void 0);
1393
- i([
1394
- a({ attribute: "warn-text" })
1395
- ], R.prototype, "warnText", void 0);
1396
- i([
1397
- a({ reflect: !0, attribute: "label-position" })
1398
- ], R.prototype, "labelPosition", void 0);
1399
- i([
1400
- a({ attribute: "label-text" })
1401
- ], R.prototype, "labelText", void 0);
1402
- i([
1403
- a()
1404
- ], R.prototype, "name", void 0);
1405
- i([
1406
- a({ reflect: !0 })
1407
- ], R.prototype, "orientation", void 0);
1408
- i([
1409
- a({ type: Boolean, reflect: !0 })
1410
- ], R.prototype, "readOnly", void 0);
1411
- i([
1412
- a({ type: Boolean, reflect: !0 })
1413
- ], R.prototype, "required", void 0);
1414
- i([
1415
- a()
1416
- ], R.prototype, "value", void 0);
1417
- R = i([
1418
- $(`${t}-radio-button`)
1419
- ], R);
1420
- let A = class extends ye(K(x)) {
1421
- constructor() {
1422
- super(...arguments), this._handleAfterChangeRadioButton = (e) => {
1423
- if (this.readOnly)
1424
- return;
1425
- const { selectorRadioButton: s } = this.constructor, o = ot(this.querySelectorAll(s), (c) => c.checked), r = this.value;
1426
- if (this.value = o && o.value, r !== this.value) {
1427
- const { eventChange: c } = this.constructor;
1428
- this.dispatchEvent(new CustomEvent(c, {
1429
- bubbles: !0,
1430
- composed: !0,
1431
- detail: {
1432
- value: this.value,
1433
- name: this.name,
1434
- event: e
1435
- }
1436
- }));
1437
- }
1438
- }, this._hasAILabel = !1, this.disabled = !1, this.labelPosition = he.RIGHT, this.legendText = "", this.warn = !1, this.warnText = "", this.invalid = !1, this.invalidText = "", this.orientation = ue.HORIZONTAL, this.readOnly = !1, this.required = !1;
1439
- }
1440
- _handleFormdata(e) {
1441
- const { formData: s } = e, { disabled: o, name: r, value: c } = this;
1442
- !o && typeof r < "u" && typeof c < "u" && s.append(r, c);
1443
- }
1444
- /**
1445
- * Handles `slotchange` event.
1446
- */
1447
- _handleSlotChange({ target: e }) {
1448
- const s = e.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
1449
- o.matches(this.constructor.slugItem) : !1);
1450
- this._hasAILabel = !!s, s[0].setAttribute("size", "mini"), this.requestUpdate();
1451
- }
1452
- updated(e) {
1453
- const { selectorRadioButton: s } = this.constructor;
1454
- if ([
1455
- "disabled",
1456
- "labelPosition",
1457
- "orientation",
1458
- "readOnly",
1459
- "name",
1460
- "required"
1461
- ].forEach((o) => {
1462
- if (e.has(o)) {
1463
- const { [o]: r } = this;
1464
- V(this.querySelectorAll(s), (c) => {
1465
- c[o] = r;
1466
- });
1467
- }
1468
- }), e.has("value")) {
1469
- const { value: o } = this;
1470
- V(this.querySelectorAll(s), (r) => {
1471
- r.checked = o === r.value;
1472
- });
1473
- }
1474
- e.has("invalid") && V(this.querySelectorAll(s), (o) => {
1475
- o.invalid = this.invalid;
1476
- });
1477
- }
1478
- render() {
1479
- const { readOnly: e, invalid: s, invalidText: o, warn: r, warnText: c, disabled: d, orientation: l, legendText: u, helperText: b, _hasAILabel: v, _handleSlotChange: h } = this, g = !e && !d && !s && r, f = !s && !d && !r, z = I(Ie, {
1480
- class: `${t}--radio-button__invalid-icon`
1481
- }), k = I(De, {
1482
- class: `${t}--radio-button__invalid-icon ${t}--radio-button__invalid-icon--warning`
1483
- }), G = b ? p`<div class="${t}--form__helper-text">${b}</div>` : null, C = D({
1484
- [`${t}--radio-button-group`]: !0,
1485
- [`${t}--radio-button-group--readonly`]: e,
1486
- [`${t}--radio-button-group--${l}`]: l === "vertical",
1487
- [`${t}--radio-button-group--invalid`]: !e && !d && s,
1488
- [`${t}--radio-button-group--warning`]: g,
1489
- [`${t}--radio-button-group--slug`]: v
1490
- });
1491
- return p` <fieldset
1492
- class="${C}"
1493
- ?disabled="${d}"
1494
- aria-readonly="${e}">
1495
- ${u ? p` <legend class="${t}--label">
1496
- ${u}
1497
- <slot name="ai-label" @slotchange="${h}"></slot>
1498
- <slot name="slug" @slotchange="${h}"></slot>
1499
- </legend>` : ""}
1500
- <slot></slot>
1501
- </fieldset>
1502
- <div class="${t}--radio-button__validation-msg">
1503
- ${!e && !d && s ? p`
1504
- ${z}
1505
- <div class="${t}--form-requirement">${o}</div>
1506
- ` : null}
1507
- ${g ? p`${k}
1508
- <div class="${t}--form-requirement">${c}</div>` : null}
1509
- </div>
1510
- ${f ? G : null}`;
1511
- }
1512
- /**
1513
- * A selector that will return the radio buttons.
1514
- */
1515
- static get selectorRadioButton() {
1516
- return `${t}-radio-button`;
1517
- }
1518
- /**
1519
- * A selector that will return the slug item.
1520
- *
1521
- * remove in v12
1522
- */
1523
- static get slugItem() {
1524
- return `${t}-slug`;
1525
- }
1526
- /**
1527
- * A selector that will return the AI Label item.
1528
- */
1529
- static get aiLabelItem() {
1530
- return `${t}-ai-label`;
1531
- }
1532
- /**
1533
- * The name of the custom event fired after this radio button group changes its selected item.
1534
- */
1535
- static get eventChange() {
1536
- return `${t}-radio-button-group-changed`;
1537
- }
1538
- /**
1539
- * The name of the custom event fired after a radio button changes its checked state.
1540
- */
1541
- static get eventChangeRadioButton() {
1542
- return `${t}-radio-button-changed`;
1543
- }
1544
- };
1545
- A.styles = Me;
1546
- i([
1547
- T("eventChangeRadioButton")
1548
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
1549
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
1550
- ], A.prototype, "_handleAfterChangeRadioButton", void 0);
1551
- i([
1552
- a()
1553
- ], A.prototype, "defaultSelected", void 0);
1554
- i([
1555
- a({ type: Boolean, reflect: !0 })
1556
- ], A.prototype, "disabled", void 0);
1557
- i([
1558
- a({ reflect: !0, attribute: "label-position" })
1559
- ], A.prototype, "labelPosition", void 0);
1560
- i([
1561
- a({ reflect: !0, attribute: "legend-text" })
1562
- ], A.prototype, "legendText", void 0);
1563
- i([
1564
- a({ attribute: "helper-text" })
1565
- ], A.prototype, "helperText", void 0);
1566
- i([
1567
- a({ type: Boolean, reflect: !0 })
1568
- ], A.prototype, "warn", void 0);
1569
- i([
1570
- a({ attribute: "warn-text" })
1571
- ], A.prototype, "warnText", void 0);
1572
- i([
1573
- a({ type: Boolean, reflect: !0 })
1574
- ], A.prototype, "invalid", void 0);
1575
- i([
1576
- a({ attribute: "invalid-text" })
1577
- ], A.prototype, "invalidText", void 0);
1578
- i([
1579
- a()
1580
- ], A.prototype, "name", void 0);
1581
- i([
1582
- a({ reflect: !0 })
1583
- ], A.prototype, "orientation", void 0);
1584
- i([
1585
- a({ type: Boolean, reflect: !0 })
1586
- ], A.prototype, "readOnly", void 0);
1587
- i([
1588
- a({ type: Boolean, reflect: !0 })
1589
- ], A.prototype, "required", void 0);
1590
- i([
1591
- a()
1592
- ], A.prototype, "value", void 0);
1593
- A = i([
1594
- $(`${t}-radio-button-group`)
1595
- ], A);
1596
- let Te = class extends x {
1597
- render() {
1598
- return p`
1599
- <div class="${t}--radio-button ${t}--skeleton"></div>
1600
- <span class="${t}--radio-button__label ${t}--skeleton"></span>
1601
- `;
1602
- }
1603
- };
1604
- Te.styles = Me;
1605
- Te = i([
1606
- $(`${t}-radio-button-skeleton`)
1607
- ], Te);
1608
- let q = class extends K(ve(x)) {
1609
- constructor() {
1610
- super(...arguments), this._hasAILabel = !1, this.batchExpansion = !1, this.disabled = !1, this.even = !1, this.expandable = !1, this.expanded = !1, this.filtered = !1, this.hideCheckbox = !1, this.highlighted = !1, this.odd = !1, this.overflowMenuOnHover = !1, this.radio = !1, this.selected = !1, this.selectionLabel = "Select row", this.selectionName = "", this.selectionValue = "";
1611
- }
1612
- /**
1613
- * Handles `click` event on the radio button.
1614
- *
1615
- * @param event The event.
1616
- */
1617
- _handleClickSelectionRadio(e) {
1618
- var s;
1619
- const { detail: o } = e, r = o.checked, c = {
1620
- bubbles: !0,
1621
- cancelable: !0,
1622
- composed: !0,
1623
- detail: {
1624
- selected: r
1625
- }
1626
- }, d = this.constructor;
1627
- if (this.dispatchEvent(new CustomEvent(d.eventBeforeChangeSelection, c))) {
1628
- this.selected = r;
1629
- const { selectorExpandedRow: l } = this.constructor;
1630
- !((s = this.nextElementSibling) === null || s === void 0) && s.matches(l) && (this.nextElementSibling.selected = r);
1631
- }
1632
- }
1633
- /**
1634
- * Handles `click` event on the check box.
1635
- *
1636
- * @param event The event.
1637
- */
1638
- _handleClickSelectionCheckbox(e) {
1639
- var s;
1640
- const { detail: o } = e, r = o.checked, c = {
1641
- bubbles: !0,
1642
- cancelable: !0,
1643
- composed: !0,
1644
- detail: {
1645
- selected: r
1646
- }
1647
- }, d = this.constructor;
1648
- if (this.dispatchEvent(new CustomEvent(d.eventBeforeChangeSelection, c))) {
1649
- this.selected = r;
1650
- const { selectorExpandedRow: l } = this.constructor;
1651
- !((s = this.nextElementSibling) === null || s === void 0) && s.matches(l) && (this.nextElementSibling.selected = r);
1652
- }
1653
- }
1654
- /**
1655
- * Handles `click` event on the expando button.
1656
- */
1657
- _handleClickExpando() {
1658
- this._handleUserInitiatedToggleExpando();
1659
- }
1660
- /**
1661
- * Handles `mouseover`/`mouseout` event handler on this element.
1662
- *
1663
- * @param event The event.
1664
- */
1665
- _handleMouseOverOut(e) {
1666
- const { selectorExpandedRow: s, selectorTableCellOverflowMenu: o } = this.constructor, { nextElementSibling: r } = this;
1667
- if (r?.matches(s) && (r.highlighted = e.type === "mouseover"), this.overflowMenuOnHover) {
1668
- const c = this.querySelector(o), d = c?.parentElement;
1669
- e.type === "mouseout" ? d.overflowMenuOnHover = !0 : d.overflowMenuOnHover = !1;
1670
- }
1671
- }
1672
- /**
1673
- * Handles user-initiated toggle request of the expando button in this table row.
1674
- *
1675
- * @param expanded The new expanded state.
1676
- */
1677
- _handleUserInitiatedToggleExpando(e = !this.expanded) {
1678
- const s = {
1679
- bubbles: !0,
1680
- cancelable: !0,
1681
- composed: !0,
1682
- detail: {
1683
- expanded: e
1684
- }
1685
- };
1686
- this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeExpandoToggle, s)) && (this.expanded = e, this.dispatchEvent(new CustomEvent(this.constructor.eventExpandoToggle, s)));
1687
- }
1688
- _renderExpandButton() {
1689
- const { _handleClickExpando: e } = this;
1690
- return p`
1691
- <div class="${t}--table-expand">
1692
- <div>
1693
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
1694
- <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
1695
- ${this.expandable ? p`<button
1696
- class="${t}--table-expand__button"
1697
- @click="${e}">
1698
- ${I(ct, {
1699
- class: `${t}--table-expand__svg`
1700
- })}
1701
- </button>` : p`&nbsp;`}
1702
- <!-- Add non-breaking space for proper styling -->
1703
- </div>
1704
- </div>
1705
- `;
1706
- }
1707
- /**
1708
- * Handles `slotchange` event.
1709
- */
1710
- _handleSlotChange({ target: e }) {
1711
- const s = e.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || o.matches(this.constructor.slugItem) : !1);
1712
- s.length > 0 && (this._hasAILabel = !!s, s[0].setAttribute("size", "mini")), this.requestUpdate();
1713
- }
1714
- /**
1715
- * @returns The first set of table cells.
1716
- */
1717
- _renderFirstCells() {
1718
- const { disabled: e, hideCheckbox: s, radio: o, selected: r, selectionLabel: c, selectionName: d, selectionValue: l } = this;
1719
- return d ? p`
1720
- <div class="${t}--table-column-checkbox">
1721
- <div>
1722
- <slot
1723
- name="ai-label"
1724
- @slotchange="${this._handleSlotChange}"></slot>
1725
- <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
1726
- ${o ? p`<cds-radio-button data-table></cds-radio-button>` : p`<cds-checkbox
1727
- hide-label
1728
- ?hide-checkbox="${s}"
1729
- label-text="${c}"
1730
- name=${d}
1731
- data-table
1732
- ?disabled=${e}
1733
- ?checked=${r}
1734
- value=${l}></cds-checkbox> `}
1735
- </div>
1736
- </div>
1737
- ` : void 0;
1738
- }
1739
- /**
1740
- * TODO: Uncomment when Carbon fully implements sticky header
1741
- * Specify whether the header should be sticky.
1742
- * Still experimental: may not work with every combination of table props
1743
- */
1744
- // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
1745
- // stickyHeader = false;
1746
- connectedCallback() {
1747
- this.hasAttribute("role") || this.setAttribute("role", "row"), super.connectedCallback();
1748
- }
1749
- updated(e) {
1750
- if (e.has("expanded")) {
1751
- const { selectorExpandedRow: s } = this.constructor, { expanded: o, nextElementSibling: r } = this;
1752
- r?.matches(s) && (r.expanded = o);
1753
- }
1754
- if (e.has("highlighted")) {
1755
- const { selectorExpandedRow: s } = this.constructor, { highlighted: o, nextElementSibling: r } = this;
1756
- r?.matches(s) && (r.highlighted = o);
1757
- }
1758
- this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
1759
- }
1760
- render() {
1761
- var e, s;
1762
- this.selectionName && ((e = this.closest(this.constructor.selectorTable)) === null || e === void 0 || e.setAttribute("is-selectable", ""));
1763
- const o = (s = this.closest(this.constructor.selectorTable)) === null || s === void 0 ? void 0 : s.hasAttribute("expandable");
1764
- return p`
1765
- ${o ? this._renderExpandButton() : ""}
1766
- ${this._renderFirstCells()}
1767
- <slot></slot>
1768
- `;
1769
- }
1770
- /**
1771
- * The name of the custom event fired after this radio button changes its checked state.
1772
- */
1773
- static get eventRadioChange() {
1774
- return `${t}-radio-button-changed`;
1775
- }
1776
- /**
1777
- * The name of the custom event fired after this radio button changes its checked state.
1778
- */
1779
- static get eventCheckboxChange() {
1780
- return `${t}-checkbox-changed`;
1781
- }
1782
- /**
1783
- * The name of the custom event fired before this row is selected/unselected upon a user gesture.
1784
- * Cancellation of this event stops the user-initiated change in selection.
1785
- */
1786
- static get eventBeforeChangeSelection() {
1787
- return `${t}-table-row-change-selection`;
1788
- }
1789
- /**
1790
- * A selector that will return the parent table
1791
- */
1792
- static get selectorTable() {
1793
- return `${t}-table`;
1794
- }
1795
- /**
1796
- * The CSS selector to find the overflow menu on the table cell
1797
- */
1798
- static get selectorTableCellOverflowMenu() {
1799
- return `${t}-table-cell ${t}-overflow-menu`;
1800
- }
1801
- /**
1802
- * A selector that will return the corresponding expanded row.
1803
- */
1804
- static get selectorExpandedRow() {
1805
- return `${t}-table-expanded-row`;
1806
- }
1807
- /**
1808
- * A selector that will return the slug item.
1809
- *
1810
- * remove in v12
1811
- */
1812
- static get slugItem() {
1813
- return `${t}-slug`;
1814
- }
1815
- /**
1816
- * A selector that will return the AI Label item.
1817
- */
1818
- static get aiLabelItem() {
1819
- return `${t}-ai-label`;
1820
- }
1821
- /**
1822
- * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.
1823
- * Cancellation of this event stops the user-initiated action of toggling the expanded state.
1824
- */
1825
- static get eventBeforeExpandoToggle() {
1826
- return `${t}-table-row-expando-beingtoggled`;
1827
- }
1828
- /**
1829
- * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.
1830
- */
1831
- static get eventExpandoToggle() {
1832
- return `${t}-table-row-expando-toggled`;
1833
- }
1834
- };
1835
- q.styles = M;
1836
- i([
1837
- T("eventRadioChange")
1838
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
1839
- // @ts-ignore
1840
- ], q.prototype, "_handleClickSelectionRadio", null);
1841
- i([
1842
- T("eventCheckboxChange")
1843
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
1844
- // @ts-expect-error
1845
- ], q.prototype, "_handleClickSelectionCheckbox", null);
1846
- i([
1847
- T("mouseover"),
1848
- T("mouseout")
1849
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
1850
- ], q.prototype, "_handleMouseOverOut", null);
1851
- i([
1852
- a({ type: Boolean, reflect: !0, attribute: "batch-expansion" })
1853
- ], q.prototype, "batchExpansion", void 0);
1854
- i([
1855
- a({ type: Boolean, reflect: !0 })
1856
- ], q.prototype, "disabled", void 0);
1857
- i([
1858
- a({ type: Boolean, reflect: !0 })
1859
- ], q.prototype, "even", void 0);
1860
- i([
1861
- a({ type: Boolean, reflect: !0 })
1862
- ], q.prototype, "expandable", void 0);
1863
- i([
1864
- a({ type: Boolean, reflect: !0 })
1865
- ], q.prototype, "expanded", void 0);
1866
- i([
1867
- a({ type: Boolean, reflect: !0 })
1868
- ], q.prototype, "filtered", void 0);
1869
- i([
1870
- a({ type: Boolean, reflect: !0, attribute: "hide-checkbox" })
1871
- ], q.prototype, "hideCheckbox", void 0);
1872
- i([
1873
- a({ type: Boolean, reflect: !0 })
1874
- ], q.prototype, "highlighted", void 0);
1875
- i([
1876
- a({ type: Boolean, reflect: !0 })
1877
- ], q.prototype, "odd", void 0);
1878
- i([
1879
- a({
1880
- type: Boolean,
1881
- reflect: !0,
1882
- attribute: "overflow-menu-on-hover"
1883
- })
1884
- ], q.prototype, "overflowMenuOnHover", void 0);
1885
- i([
1886
- a({ type: Boolean, reflect: !0 })
1887
- ], q.prototype, "radio", void 0);
1888
- i([
1889
- a({ type: Boolean, reflect: !0 })
1890
- ], q.prototype, "selected", void 0);
1891
- i([
1892
- a({ attribute: "selection-label" })
1893
- ], q.prototype, "selectionLabel", void 0);
1894
- i([
1895
- a({ attribute: "selection-name" })
1896
- ], q.prototype, "selectionName", void 0);
1897
- i([
1898
- a({ attribute: "selection-value" })
1899
- ], q.prototype, "selectionValue", void 0);
1900
- q = i([
1901
- $(`${t}-table-row`)
1902
- ], q);
1903
- var pt = q;
1904
- let Fe = class extends pt {
1905
- /**
1906
- * The name of the custom event fired before this row is selected/unselected upon a user gesture.
1907
- * Cancellation of this event stops the user-initiated change in selection.
1908
- */
1909
- static get eventBeforeChangeSelection() {
1910
- return `${t}-table-change-selection-all`;
1911
- }
1912
- };
1913
- Fe = i([
1914
- $(`${t}-table-header-row`)
1915
- ], Fe);
1916
- let ge = class extends x {
1917
- connectedCallback() {
1918
- this.hasAttribute("role") || this.setAttribute("role", "toolbar"), super.connectedCallback();
1919
- }
1920
- updated(e) {
1921
- if (e.has("size")) {
1922
- const s = this.querySelector(this.constructor.selectorToolbarContent), o = this.querySelector(this.constructor.selectorBatchActions);
1923
- s && s.setAttribute("size", this.size), o && o.setAttribute("size", this.size);
1924
- }
1925
- }
1926
- render() {
1927
- return p` <slot></slot> `;
1928
- }
1929
- /**
1930
- * The CSS selector to find the toolbar contents
1931
- */
1932
- static get selectorToolbarContent() {
1933
- return `${t}-table-toolbar-content`;
1934
- }
1935
- /**
1936
- * The CSS selector to find the batch actions
1937
- */
1938
- static get selectorBatchActions() {
1939
- return `${t}-table-batch-actions`;
1940
- }
1941
- };
1942
- ge.styles = M;
1943
- i([
1944
- a({ reflect: !0 })
1945
- ], ge.prototype, "size", void 0);
1946
- ge = i([
1947
- $(`${t}-table-toolbar`)
1948
- ], ge);
1949
- let be = class extends x {
1950
- constructor() {
1951
- super(...arguments), this.hasBatchActions = !1;
1952
- }
1953
- updated(e) {
1954
- this.hasBatchActions ? this.setAttribute("tabindex", "-1") : this.removeAttribute("tabindex"), e.has("size") && [...this.children].forEach((s) => {
1955
- const o = this.size === "xs" ? "sm" : this.size === "md" || this.size === "xl" ? "lg" : this.size;
1956
- s.setAttribute("size", o);
1957
- });
1958
- }
1959
- render() {
1960
- return p` <slot></slot> `;
1961
- }
1962
- };
1963
- be.styles = M;
1964
- i([
1965
- a({ type: Boolean, reflect: !0, attribute: "has-batch-actions" })
1966
- ], be.prototype, "hasBatchActions", void 0);
1967
- i([
1968
- a({ reflect: !0 })
1969
- ], be.prototype, "size", void 0);
1970
- be = i([
1971
- $(`${t}-table-toolbar-content`)
1972
- ], be);
1973
- var X = (n) => oe(n === "" ? void 0 : n ?? void 0), ut = {
1974
- elem: "svg",
1975
- attrs: {
1976
- xmlns: "http://www.w3.org/2000/svg",
1977
- viewBox: "0 0 16 16",
1978
- fill: "currentColor",
1979
- width: 16,
1980
- height: 16
1981
- },
1982
- content: [{
1983
- elem: "path",
1984
- attrs: {
1985
- d: "M15.5,7.8C14.3,4.7,11.3,2.6,8,2.5C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3c1.2,3.1,4.1,5.2,7.5,5.3 c3.3-0.1,6.3-2.2,7.5-5.3C15.5,8.1,15.5,7.9,15.5,7.8z M8,12.5c-2.7,0-5.4-2-6.5-4.5c1-2.5,3.8-4.5,6.5-4.5s5.4,2,6.5,4.5 C13.4,10.5,10.6,12.5,8,12.5z"
1986
- }
1987
- }, {
1988
- elem: "path",
1989
- attrs: {
1990
- d: "M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z M8,10c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.1,10,8,10z"
1991
- }
1992
- }],
1993
- name: "view",
1994
- size: 16
1995
- }, bt = {
1996
- elem: "svg",
1997
- attrs: {
1998
- xmlns: "http://www.w3.org/2000/svg",
1999
- viewBox: "0 0 16 16",
2000
- fill: "currentColor",
2001
- width: 16,
2002
- height: 16
2003
- },
2004
- content: [{
2005
- elem: "path",
2006
- attrs: {
2007
- d: "M2.6,11.3l0.7-0.7C2.6,9.8,1.9,9,1.5,8c1-2.5,3.8-4.5,6.5-4.5c0.7,0,1.4,0.1,2,0.4l0.8-0.8C9.9,2.7,9,2.5,8,2.5 C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3C1,9.3,1.7,10.4,2.6,11.3z"
2008
- }
2009
- }, {
2010
- elem: "path",
2011
- attrs: {
2012
- d: "M6,7.9c0.1-1,0.9-1.8,1.8-1.8l0.9-0.9C7.2,4.7,5.5,5.6,5.1,7.2C5,7.7,5,8.3,5.1,8.8L6,7.9z"
2013
- }
2014
- }, {
2015
- elem: "path",
2016
- attrs: {
2017
- d: "M15.5,7.8c-0.6-1.5-1.6-2.8-2.9-3.7L15,1.7L14.3,1L1,14.3L1.7,15l2.6-2.6c1.1,0.7,2.4,1,3.7,1.1c3.3-0.1,6.3-2.2,7.5-5.3 C15.5,8.1,15.5,7.9,15.5,7.8z M10,8c0,1.1-0.9,2-2,2c-0.3,0-0.7-0.1-1-0.3L9.7,7C9.9,7.3,10,7.6,10,8z M8,12.5c-1,0-2.1-0.3-3-0.8 l1.3-1.3c1.4,0.9,3.2,0.6,4.2-0.8c0.7-1,0.7-2.4,0-3.4l1.4-1.4c1.1,0.8,2,1.9,2.6,3.2C13.4,10.5,10.6,12.5,8,12.5z"
2018
- }
2019
- }],
2020
- name: "view--off",
2021
- size: 16
2022
- }, Y;
2023
- (function(n) {
2024
- n.NO_ERROR = "", n.ERROR_REQUIRED = "required";
2025
- })(Y || (Y = {}));
2026
- const vt = (n) => {
2027
- class e extends n {
2028
- // Not using TypeScript `protected` due to: microsoft/TypeScript#17744
2029
- // Using `string` instead of `VALIDATION_STATUS` until we can require TypeScript 3.8
2030
- /**
2031
- * @param state The form validation status.
2032
- * @returns The form validation error messages associated with the given status.
2033
- * @protected
2034
- */
2035
- _getValidityMessage(o) {
2036
- return {
2037
- [Y.NO_ERROR]: "",
2038
- [Y.ERROR_REQUIRED]: this.requiredValidityMessage
2039
- }[o];
2040
- }
2041
- // Not using TypeScript `protected` due to: microsoft/TypeScript#17744
2042
- // Using `string` instead of `VALIDATION_STATUS` until we can require TypeScript 3.8
2043
- /**
2044
- * Checks if the value meets the constraints.
2045
- *
2046
- * @returns `VALIDATION_STATUS.NO_ERROR` if the value meets the constraints. Some other values otherwise.
2047
- * @protected
2048
- */
2049
- _testValidity() {
2050
- const { required: o, value: r } = this;
2051
- return o && !r ? Y.ERROR_REQUIRED : Y.NO_ERROR;
2052
- }
2053
- /**
2054
- * Checks if the value meets the constraints.
2055
- * Fires cancelable `invalid` event if it doesn't.
2056
- *
2057
- * @returns `true` if the value meets the constraints. `false` otherwise.
2058
- */
2059
- checkValidity() {
2060
- const o = this._testValidity();
2061
- return o !== Y.NO_ERROR ? (this.dispatchEvent(new CustomEvent("invalid", {
2062
- bubbles: !1,
2063
- cancelable: !0,
2064
- composed: !1
2065
- })) && (this.invalid = !0, this.validityMessage = this._getValidityMessage(o)), !1) : (this.invalid = !1, this.validityMessage = "", !0);
2066
- }
2067
- /**
2068
- * Sets the given custom validity message.
2069
- *
2070
- * @param validityMessage The custom validity message
2071
- */
2072
- setCustomValidity(o) {
2073
- this.invalid = !!o, this.validityMessage = o;
2074
- }
2075
- }
2076
- return e;
2077
- };
2078
- var ie;
2079
- (function(n) {
2080
- n.SMALL = "sm", n.MEDIUM = "md", n.LARGE = "lg", n.EXTRA_LARGE = "xl";
2081
- })(ie || (ie = {}));
2082
- var Be;
2083
- (function(n) {
2084
- n.START = "start", n.CENTER = "center", n.END = "end";
2085
- })(Be || (Be = {}));
2086
- var Ae;
2087
- (function(n) {
2088
- n.TOP = "top", n.RIGHT = "right", n.BOTTOM = "bottom", n.LEFT = "left";
2089
- })(Ae || (Ae = {}));
2090
- var O;
2091
- (function(n) {
2092
- n.EMAIL = "email", n.PASSWORD = "password", n.TEL = "tel", n.TEXT = "text", n.URL = "url";
2093
- })(O || (O = {}));
2094
- var ht = ce(['@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}}.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--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)}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--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}:host(cds-text-input),:host(cds-text-input-skeleton){--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;inline-size:100%;outline:none}:host(cds-text-input) ::slotted(cds-ai-label),:host(cds-text-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-text-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-text-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-text-input[show-password-visibility-toggle]) .cds--text-input{padding-inline-end:2.5rem}:host(cds-text-input[show-password-visibility-toggle]) .cds--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-text-input[invalid]) .cds--text-input__field-wrapper--decorator .cds--text-input,:host(cds-text-input[warn]) .cds--text-input__field-wrapper--decorator .cds--text-input{padding-inline-end:4rem}:host(cds-text-input[invalid]) ::slotted(cds-ai-label),:host(cds-text-input[invalid]) ::slotted(cds-slug),:host(cds-text-input[warn]) ::slotted(cds-ai-label),:host(cds-text-input[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}:host(cds-text-input[ai-label]) .cds--text-input__field-wrapper--decorator{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)}']);
2095
- let y = class extends vt(ye(x)) {
2096
- constructor() {
2097
- super(...arguments), this._hasAILabel = !1, this._value = "", this.autocomplete = "", this.autofocus = !1, this.disabled = !1, this.enableCounter = !1, this.helperText = "", this.invalid = !1, this.invalidText = "", this.warn = !1, this.warnText = "", this.hideLabel = !1, this.label = "", this.name = "", this.pattern = "", this.placeholder = "", this.readonly = !1, this.required = !1, this.requiredValidityMessage = "Please fill out this field.", this.hidePasswordLabel = "Hide password", this.showPasswordLabel = "Show password", this.showPasswordVisibilityToggle = !1, this.size = ie.MEDIUM, this.isFluid = !1, this.inline = !1, this.tooltipAlignment = Be.CENTER, this.tooltipDirection = Ae.BOTTOM, this.type = O.TEXT, this.validityMessage = "";
2098
- }
2099
- /**
2100
- * Handles `slotchange` event.
2101
- */
2102
- _handleSlotChange({ target: e }) {
2103
- const s = e.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
2104
- o.matches(this.constructor.slugItem) : !1);
2105
- this._hasAILabel = !!s, s[0].setAttribute("size", "mini"), this.requestUpdate();
2106
- }
2107
- /**
2108
- * Handles `oninput` event on the `input`.
2109
- *
2110
- * @param event The event.
2111
- * @param event.target The event target.
2112
- */
2113
- _handleInput({ target: e }) {
2114
- this.value = e.value;
2115
- }
2116
- _handleFormdata(e) {
2117
- const { formData: s } = e, { disabled: o, name: r, value: c } = this;
2118
- o || s.append(r, c);
2119
- }
2120
- /**
2121
- * The value of the input.
2122
- */
2123
- get value() {
2124
- return this._input ? this._input.value : this._value;
2125
- }
2126
- set value(e) {
2127
- const s = this._value;
2128
- this._value = e, this.requestUpdate("value", s), this._input && (this._input.value = e);
2129
- }
2130
- /**
2131
- * Handles password visibility toggle button click
2132
- *
2133
- * @deprecated will be removed in the next major version, use `cds-password-input` instead
2134
- */
2135
- togglePasswordVisibility() {
2136
- this.type = this.type === O.PASSWORD ? O.TEXT : O.PASSWORD;
2137
- }
2138
- render() {
2139
- const { disabled: e, enableCounter: s, helperText: o, hideLabel: r, inline: c, isFluid: d, invalid: l, invalidText: u, label: b, maxCount: v, readonly: h, required: g, size: f, type: z, warn: k, warnText: G, value: C, _handleInput: ee, _hasAILabel: de, _handleSlotChange: Z } = this, te = I(Ie, {
2140
- class: `${t}--text-input__invalid-icon`
2141
- }), U = I(De, {
2142
- class: `${t}--text-input__invalid-icon ${t}--text-input__invalid-icon--warning`
2143
- }), _ = {
2144
- disabled: !h && e,
2145
- invalid: !h && l,
2146
- warn: !h && !l && k,
2147
- "slot-name": "",
2148
- "slot-text": "",
2149
- icon: null
2150
- };
2151
- _.invalid ? (_.icon = te, _["slot-name"] = "invalid-text", _["slot-text"] = u) : _.warn && (_.icon = U, _["slot-name"] = "warn-text", _["slot-text"] = G);
2152
- const se = D({
2153
- [`${t}--label`]: !0,
2154
- [`${t}--text-input__label-counter`]: !0,
2155
- [`${t}--label--disabled`]: e
2156
- }), xe = D({
2157
- [`${t}--form-item`]: !0,
2158
- [`${t}--text-input-wrapper`]: !0,
2159
- [`${t}--text-input-wrapper--inline`]: c,
2160
- [`${t}--text-input-wrapper--readonly`]: h,
2161
- [`${t}--text-input-wrapper--inline--invalid`]: c && _.invalid
2162
- }), we = D({
2163
- [`${t}--text-input`]: !0,
2164
- [`${t}--text-input--invalid`]: _.invalid,
2165
- [`${t}--text-input--warning`]: _.warn,
2166
- [`${t}--text-input--${f}`]: f,
2167
- [`${t}--layout--size-${f}`]: f,
2168
- [`${t}--password-input`]: z === O.PASSWORD,
2169
- //TODO deprecated, remove in v12
2170
- [`${t}--text-input__field-wrapper--decorator`]: de
2171
- }), L = D({
2172
- [`${t}--text-input__field-outer-wrapper`]: !0,
2173
- [`${t}--text-input__field-outer-wrapper--inline`]: c
2174
- }), ne = D({
2175
- [`${t}--text-input__field-wrapper`]: !0,
2176
- [`${t}--text-input__field-wrapper--warning`]: _.warn
2177
- }), He = D({
2178
- [`${t}--label`]: !0,
2179
- [`${t}--visually-hidden`]: r,
2180
- [`${t}--label--disabled`]: _.disabled
2181
- }), Xe = D({
2182
- [`${t}--form__helper-text`]: !0,
2183
- [`${t}--form__helper-text--disabled`]: _.disabled
2184
- }), Ne = z !== O.PASSWORD, je = Ne ? I(bt, { class: `${t}--icon-visibility-off` }) : I(ut, { class: `${t}--icon-visibility-on` }), Ge = D({
2185
- [`${t}--text-input--password__visibility__toggle`]: !0,
2186
- [`${t}--btn`]: !0,
2187
- [`${t}--btn--icon-only`]: !0,
2188
- [`${t}--tooltip__trigger`]: !0,
2189
- [`${t}--tooltip--a11y`]: !0,
2190
- [`${t}--btn--disabled`]: _.disabled,
2191
- [`${t}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,
2192
- [`${t}--tooltip--align-${this.tooltipAlignment}`]: this.tooltipAlignment
2193
- }), Ue = p`
2194
- <span class="${t}--assistive-text">
2195
- ${Ne ? this.hidePasswordLabel : this.showPasswordLabel}
2196
- </span>
2197
- `, Ve = () => p`
2198
- <button
2199
- type="button"
2200
- class="${Ge}"
2201
- ?disabled="${_.disabled}"
2202
- @click="${this.togglePasswordVisibility}">
2203
- ${_.disabled ? null : Ue}
2204
- ${je}
2205
- </button>
2206
- `, We = C?.length, Ke = s && v ? p` <label class="${se}">
2207
- <slot name="label-text">${We}/${v}</slot>
2208
- </label>` : null, Le = p`<div class="${t}--text-input__label-wrapper">
2209
- <label class="${He}">
2210
- <slot name="label-text">${b}</slot>
2211
- </label>
2212
- ${Ke}
2213
- </div>`, Oe = o ? p`<div
2214
- class="${Xe}"
2215
- id="helper-text"
2216
- ?hidden="${_.invalid || _.warn}">
2217
- <slot name="helper-text"> ${o} </slot>
2218
- </div>` : null, ze = _.invalid || _.warn ? p`<div
2219
- class="${t}--form-requirement"
2220
- ?hidden="${!_.invalid && !_.warn}">
2221
- <slot name="${_["slot-name"]}">
2222
- ${_["slot-text"]}
2223
- </slot>
2224
- </div>` : null;
2225
- return p`
2226
- <div class="${xe}">
2227
- ${c ? p`<div class="${t}--text-input__label-helper-wrapper">
2228
- ${Le} ${d ? null : ze || Oe}
2229
- </div>` : Le}
2230
- <div class="${L}">
2231
- <div class="${ne}" ?data-invalid="${l}">
2232
- ${_.icon}
2233
- <input
2234
- autocomplete="${this.autocomplete}"
2235
- ?autofocus="${this.autofocus}"
2236
- class="${we}"
2237
- ?data-invalid="${l}"
2238
- ?disabled="${e}"
2239
- aria-describedby="helper-text"
2240
- id="input"
2241
- name="${X(this.name)}"
2242
- pattern="${X(this.pattern)}"
2243
- placeholder="${X(this.placeholder)}"
2244
- ?readonly="${h}"
2245
- ?required="${g}"
2246
- type="${X(z)}"
2247
- .value="${this._value}"
2248
- maxlength="${X(v)}"
2249
- @input="${ee}" />
2250
- <slot name="ai-label" @slotchange="${Z}"></slot>
2251
- <slot name="slug" @slotchange="${Z}"></slot>
2252
- ${this.showPasswordVisibilityToggle && (z === O.PASSWORD || z === O.TEXT) ? Ve() : null}
2253
- ${d ? p`<hr class="${t}--text-input__divider" />` : null}
2254
- ${d && !c ? ze : null}
2255
- </div>
2256
-
2257
- ${/* Non-fluid: validation and helper outside field wrapper */
2258
- ""}
2259
- ${!d && !c ? ze || Oe : null}
2260
- </div>
2261
- </div>
2262
- `;
2263
- }
2264
- updated() {
2265
- var e, s, o, r, c;
2266
- this.toggleAttribute("ai-label", this._hasAILabel);
2267
- const d = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector("slot[name='ai-label']");
2268
- d ? d?.classList.toggle(`${t}--slug--revert`, (s = this.querySelector(`${t}-ai-label`)) === null || s === void 0 ? void 0 : s.hasAttribute("revert-active")) : (r = (o = this.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector("slot[name='slug']")) === null || r === void 0 || r.classList.toggle(`${t}--slug--revert`, (c = this.querySelector(`${t}-slug`)) === null || c === void 0 ? void 0 : c.hasAttribute("revert-active"));
2269
- }
2270
- /**
2271
- * A selector that will return the slug item.
2272
- *
2273
- * remove in v12
2274
- */
2275
- static get slugItem() {
2276
- return `${t}-slug`;
2277
- }
2278
- /**
2279
- * A selector that will return the AI Label item.
2280
- */
2281
- static get aiLabelItem() {
2282
- return `${t}-ai-label`;
2283
- }
2284
- };
2285
- y.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
2286
- y.styles = ht;
2287
- i([
2288
- J("input")
2289
- ], y.prototype, "_input", void 0);
2290
- i([
2291
- a()
2292
- ], y.prototype, "autocomplete", void 0);
2293
- i([
2294
- a({ type: Boolean })
2295
- ], y.prototype, "autofocus", void 0);
2296
- i([
2297
- a({ type: Boolean, reflect: !0 })
2298
- ], y.prototype, "disabled", void 0);
2299
- i([
2300
- a({ type: Boolean, attribute: "enable-counter", reflect: !0 })
2301
- ], y.prototype, "enableCounter", void 0);
2302
- i([
2303
- a({ attribute: "helper-text" })
2304
- ], y.prototype, "helperText", void 0);
2305
- i([
2306
- a({ type: Boolean, reflect: !0 })
2307
- ], y.prototype, "invalid", void 0);
2308
- i([
2309
- a({ attribute: "invalid-text" })
2310
- ], y.prototype, "invalidText", void 0);
2311
- i([
2312
- a({ type: Number, attribute: "max-count", reflect: !0 })
2313
- ], y.prototype, "maxCount", void 0);
2314
- i([
2315
- a({ type: Boolean, reflect: !0 })
2316
- ], y.prototype, "warn", void 0);
2317
- i([
2318
- a({ attribute: "warn-text" })
2319
- ], y.prototype, "warnText", void 0);
2320
- i([
2321
- a({ attribute: "hide-label", type: Boolean, reflect: !0 })
2322
- ], y.prototype, "hideLabel", void 0);
2323
- i([
2324
- a({ attribute: "label" })
2325
- ], y.prototype, "label", void 0);
2326
- i([
2327
- a()
2328
- ], y.prototype, "name", void 0);
2329
- i([
2330
- a()
2331
- ], y.prototype, "pattern", void 0);
2332
- i([
2333
- a({ reflect: !0 })
2334
- ], y.prototype, "placeholder", void 0);
2335
- i([
2336
- a({ type: Boolean, reflect: !0 })
2337
- ], y.prototype, "readonly", void 0);
2338
- i([
2339
- a({ type: Boolean, reflect: !0 })
2340
- ], y.prototype, "required", void 0);
2341
- i([
2342
- a({ attribute: "required-validity-message" })
2343
- ], y.prototype, "requiredValidityMessage", void 0);
2344
- i([
2345
- a()
2346
- ], y.prototype, "hidePasswordLabel", void 0);
2347
- i([
2348
- a()
2349
- ], y.prototype, "showPasswordLabel", void 0);
2350
- i([
2351
- a({
2352
- type: Boolean,
2353
- attribute: "show-password-visibility-toggle",
2354
- reflect: !0
2355
- })
2356
- ], y.prototype, "showPasswordVisibilityToggle", void 0);
2357
- i([
2358
- a({ reflect: !0 })
2359
- ], y.prototype, "size", void 0);
2360
- i([
2361
- a({ type: Boolean })
2362
- ], y.prototype, "isFluid", void 0);
2363
- i([
2364
- a({ type: Boolean, reflect: !0 })
2365
- ], y.prototype, "inline", void 0);
2366
- i([
2367
- a()
2368
- ], y.prototype, "tooltipAlignment", void 0);
2369
- i([
2370
- a()
2371
- ], y.prototype, "tooltipDirection", void 0);
2372
- i([
2373
- a({ reflect: !0 })
2374
- ], y.prototype, "type", void 0);
2375
- i([
2376
- a({ attribute: "validity-message" })
2377
- ], y.prototype, "validityMessage", void 0);
2378
- i([
2379
- a({ reflect: !0 })
2380
- ], y.prototype, "value", null);
2381
- y = i([
2382
- $(`${t}-text-input`)
2383
- ], y);
2384
- var gt = {
2385
- elem: "svg",
2386
- attrs: {
2387
- xmlns: "http://www.w3.org/2000/svg",
2388
- viewBox: "0 0 16 16",
2389
- fill: "currentColor",
2390
- width: 16,
2391
- height: 16
2392
- },
2393
- content: [{
2394
- elem: "path",
2395
- attrs: {
2396
- d: "M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5 C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
2397
- }
2398
- }],
2399
- name: "search",
2400
- size: 16
2401
- }, ft = ce(['@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}}.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--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)}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--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--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm]):host(cds-search[expandable]),:host(cds-search-skeleton[size=sm]):host(cds-search[expandable]) .cds--search-magnifier,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm]):host(cds-search[expandable]),:host(cds-search[size=sm]):host(cds-search[expandable]) .cds--search-magnifier,:host(cds-search[size=sm])~.cds--search-button{block-size:2rem;inline-size:2rem}.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=sm]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=sm]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm]):host(cds-search[expandable]) .cds--search-input::placeholder,:host(cds-search[size=sm]):host(cds-search[expandable]) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md]):host(cds-search[expandable]),:host(cds-search-skeleton[size=md]):host(cds-search[expandable]) .cds--search-magnifier,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md]):host(cds-search[expandable]),:host(cds-search[size=md]):host(cds-search[expandable]) .cds--search-magnifier,:host(cds-search[size=md])~.cds--search-button{block-size:2.5rem;inline-size:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=md]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=md]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton[size=md]):host(cds-search[expandable]) .cds--search-input::placeholder,:host(cds-search[size=md]):host(cds-search[expandable]) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg]):host(cds-search[expandable]),:host(cds-search-skeleton[size=lg]):host(cds-search[expandable]) .cds--search-magnifier,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg]):host(cds-search[expandable]),:host(cds-search[size=lg]):host(cds-search[expandable]) .cds--search-magnifier,:host(cds-search[size=lg])~.cds--search-button{block-size:3rem;inline-size:3rem}.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=lg]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=lg]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(cds-search-skeleton[size=lg]):host(cds-search[expandable]) .cds--search-input::placeholder,:host(cds-search[size=lg]):host(cds-search[expandable]) .cds--search-input::placeholder{padding:0 3rem}.cds--search--expandable.cds--search--expanded,:host(cds-search[expandable]):host(cds-search[expandable][expanded]){inline-size:100%}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-input{inline-size:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-input::placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-magnifier{pointer-events:none}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search,:host(cds-search){align-items:center;display:flex;inline-size:100%;position:relative}.cds--search .cds--label,:host(cds-search) .cds--label{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--search-input{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--search-input *,.cds--search-input :after,.cds--search-input :before{box-sizing:inherit}.cds--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border:none;border-block-end:1px solid var(--cds-border-strong);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);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9)}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input::-webkit-search-cancel-button,.cds--search-input::-webkit-search-decoration,.cds--search-input::-webkit-search-results-button,.cds--search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cds--search-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}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-close:before,.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{block-size:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{inset-inline-start:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{block-size:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{inset-inline-start:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{block-size:3rem;padding:0 3rem}.cds--search-magnifier-icon{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--search-magnifier-icon *,.cds--search-magnifier-icon :after,.cds--search-magnifier-icon :before{box-sizing:inherit}.cds--search-magnifier-icon{block-size:1rem;position:absolute;z-index:2;fill:var(--cds-icon-secondary,#525252);inline-size:1rem;inset-block-start:50%;inset-inline-start:1rem;pointer-events:none;transform:translateY(-50%)}.cds--search-close{-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%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--search-close *,.cds--search-close :after,.cds--search-close :before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close{inset-block-start:0;inset-inline-end:0;outline:2px solid transparent;outline-offset:-2px;position:absolute}.cds--search-close:before{background-color:var(--cds-field);block-size:calc(100% - 2px);content:"";display:block;inline-size:2px;inset-block-start:.0625rem;inset-inline-start:0;position:absolute;transition:background-color .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close:before{transition:none}}.cds--search-close:hover{border-block-end:1px solid var(--cds-border-strong)}.cds--search-close:hover:before{background-color:var(--cds-field-hover)}.cds--search-button{background-color:var(--cds-field);flex-shrink:0;margin-inline-start:.125rem}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{align-items:center;block-size:2.5rem;border-color:transparent;border-style:solid;border-width:1px 0;cursor:pointer;display:flex;justify-content:center;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9),border .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier{cursor:not-allowed;outline:none}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover{background-color:transparent;border-block-end-color:transparent}.cds--search--disabled .cds--search-close:hover:before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover:before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active:before,.cds--search-close:focus:before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{block-size:2rem;inline-size:2rem}.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{block-size:2.5rem;inline-size:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{block-size:3rem;inline-size:3rem}.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover{border:none;cursor:default;outline:none}.cds--search--lg.cds--skeleton .cds--search-input:before,.cds--search--md.cds--skeleton .cds--search-input:before,.cds--search--sm.cds--skeleton .cds--search-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--search--lg.cds--skeleton .cds--search-input:before,.cds--search--md.cds--skeleton .cds--search-input:before,.cds--search--sm.cds--skeleton .cds--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{background:CanvasText}.cds--search--lg.cds--skeleton .cds--search-input:before,.cds--search--md.cds--skeleton .cds--search-input:before,.cds--search--sm.cds--skeleton .cds--search-input:before{background:Canvas;forced-color-adjust:none}}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{inline-size:100%}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded{inline-size:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{inline-size:0;padding:0;transition:transform 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search[expandable]) .cds--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input{inline-size:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{cursor:pointer;position:absolute}.cds--search--expandable .cds--search-magnifier:focus,:host(cds-search[expandable]) .cds--search-magnifier:focus{outline:2px solid var(--cds-focus,#0f62fe)}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--search-magnifier-tooltip{align-items:center;display:flex;justify-content:center}.cds--search-magnifier-tooltip .cds--search-magnifier{position:relative}:host(cds-search){outline:none}:host([expandable]:focus-within) .cds--search-magnifier{outline:.125rem solid var(--cds-focus)}:host([expandable]:focus-within) .cds--search-magnifier~.cds--search-input{outline:none}:host([expandable][expanded]:focus-within) .cds--search-magnifier{outline:none}:host(cds-search[expandable][size=sm]) .cds--search-magnifier{block-size:2rem;inline-size:2rem}:host(cds-search[expandable][size=md]) .cds--search-magnifier{block-size:2.5rem;inline-size:2.5rem}:host(cds-search[expandable][size=lg]) .cds--search-magnifier{block-size:3rem;inline-size:3rem}:host(cds-search[expandable][expanded]) .cds--search-input{inline-size:100%}:host(cds-search[expandable][expanded]) .cds--search-input:focus{outline:.125rem solid var(--cds-focus)}:host(cds-search[expandable][expanded]) .cds--search-magnifier{pointer-events:none}:host(cds-search[expandable][expanded][size=sm]) .cds--search-input{padding:0 2rem}:host(cds-search[expandable][expanded][size=md]) .cds--search-input{padding:0 2.5rem}:host(cds-search[expandable][expanded][size=lg]) .cds--search-input{padding:0 3rem}:host(cds-search[expandable][expanded][size=lg]) ::slotted(.cds--search-magnifier){block-size:3rem;inline-size:3rem}:host(cds-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-search[disabled]) .cds--search-close{outline:none;pointer-events:none}:host(cds-search[disabled]) .cds--search-close:before{background:none}:host(cds-search-skeleton){inline-size:100%}:host(cds-search-skeleton) .cds--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-search-skeleton) .cds--search-input:active,:host(cds-search-skeleton) .cds--search-input:focus,:host(cds-search-skeleton) .cds--search-input:hover{border:none;cursor:default;outline:none}:host(cds-search-skeleton) .cds--search-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){:host(cds-search-skeleton) .cds--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-search-skeleton) .cds--search-input{background:CanvasText}:host(cds-search-skeleton) .cds--search-input:before{background:Canvas;forced-color-adjust:none}}:host(cds-search-skeleton) .cds--search-input{inline-size:100%}:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}:host(cds-search-skeleton) .cds--search-input::placeholder{color:transparent}:host(cds-search) .cds--search-input{background-color:var(--cds-search-background,var(--cds-field));border-block-end:var(--cds-search-border-bottom,1px solid var(--cds-border-strong))}']);
2402
- let B = class extends K(ve(ye(x))) {
2403
- constructor() {
2404
- super(...arguments), this.autoComplete = "off", this.closeButtonLabelText = "", this.disabled = !1, this.expandable = !1, this.expanded = !1, this.hasCustomIcon = !1, this.labelText = "", this.name = "", this.role = "", this.placeholder = "Search", this.size = ie.MEDIUM, this.type = "", this.value = "";
2405
- }
2406
- /**
2407
- * Handles `input` event on the `<input>` in the shadow DOM.
2408
- */
2409
- _handleInput(e) {
2410
- const { target: s } = e, { value: o } = s;
2411
- this.dispatchEvent(new CustomEvent(this.constructor.eventInput, {
2412
- bubbles: !0,
2413
- composed: !0,
2414
- cancelable: !1,
2415
- detail: {
2416
- value: o
2417
- }
2418
- })), this.value = o;
2419
- }
2420
- /**
2421
- * Handles `click` event on the button to clear search box content.
2422
- */
2423
- _handleClearInputButtonClick() {
2424
- this.value && (this.dispatchEvent(new CustomEvent(this.constructor.eventInput, {
2425
- bubbles: !0,
2426
- composed: !0,
2427
- cancelable: !1,
2428
- detail: {
2429
- value: ""
2430
- }
2431
- })), this.value = "", this.shadowRoot.querySelector("input").focus());
2432
- }
2433
- /**
2434
- * Expand only when the magnifier icon is clicked
2435
- */
2436
- _handleExpand(e) {
2437
- (e.composedPath && e.composedPath() || []).some((r) => {
2438
- var c;
2439
- return (c = r?.classList) === null || c === void 0 ? void 0 : c.contains(`${t}--search-magnifier`);
2440
- }) && this.expandable && !this.expanded && this._expandAndFocus();
2441
- }
2442
- _expandAndFocus() {
2443
- var e, s;
2444
- this.setAttribute("expanded", ""), (s = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.getElementById("input")) === null || s === void 0 || s.focus();
2445
- }
2446
- /**
2447
- * Handle keyboard interactions:
2448
- * - Enter/Space: expand when collapsed and focus the input
2449
- * - Esc: if input has text: clear it | if empty: collapse and move focus back to magnifier
2450
- */
2451
- _handleKeys(e) {
2452
- var s, o, r;
2453
- const c = e.key;
2454
- if (c === "Escape") {
2455
- const d = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.getElementById("input");
2456
- ((o = this.shadowRoot) === null || o === void 0 ? void 0 : o.activeElement) === d && (e.stopPropagation(), e.preventDefault(), !((r = this.value) === null || r === void 0) && r.length ? (this.dispatchEvent(new CustomEvent(this.constructor.eventInput, {
2457
- bubbles: !0,
2458
- composed: !0,
2459
- cancelable: !1,
2460
- detail: { value: "" }
2461
- })), this.value = "") : (this.expandable && this.expanded && this.removeAttribute("expanded"), this._focusMagnifier()));
2462
- return;
2463
- }
2464
- !this.expandable || this.expanded || (c === "Enter" || c === " ") && (e.preventDefault(), this._expandAndFocus());
2465
- }
2466
- /**
2467
- * Handles `focusout` event on the component to be closed after being expanded
2468
- * Will not close if there is a value typed within.
2469
- */
2470
- _handleClose() {
2471
- this.expandable && this.expanded && !this.value && this.removeAttribute("expanded");
2472
- }
2473
- /**
2474
- * Handler for @slotchange, will only be ran if user sets an element under the "icon" slot.
2475
- *
2476
- * @private
2477
- */
2478
- _handleSlotChange() {
2479
- const e = this.querySelector("svg");
2480
- e?.setAttribute("part", "search-icon"), e?.setAttribute("class", `${t}--search-magnifier-icon`), e?.setAttribute("role", "img"), this.hasCustomIcon = !0;
2481
- }
2482
- _handleFormdata(e) {
2483
- const { formData: s } = e, { disabled: o, name: r, value: c } = this;
2484
- o || s.append(r, c);
2485
- }
2486
- /**
2487
- * Move focus back to the magnifier element.
2488
- * Adds tabindex="-1" if it is not focusable yet.
2489
- */
2490
- _focusMagnifier() {
2491
- var e;
2492
- const s = (e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`.${t}--search-magnifier`);
2493
- s && (s.hasAttribute("tabindex") || (s.tabIndex = -1), s.focus());
2494
- }
2495
- render() {
2496
- const { autoComplete: e, closeButtonLabelText: s, disabled: o, hasCustomIcon: r, labelText: c, name: d, placeholder: l, role: u, type: b, value: v = "", _handleInput: h, _handleClearInputButtonClick: g, _handleSlotChange: f } = this, z = D({
2497
- [`${t}--search-close`]: !0,
2498
- [`${t}--search-close--hidden`]: !this.value
2499
- });
2500
- return p`
2501
- <div class="${t}--search-magnifier">
2502
- <slot name="icon" @slotchange=${f}>
2503
- ${r ? p`` : I(gt, {
2504
- part: "search-icon",
2505
- class: `${t}--search-magnifier-icon`,
2506
- role: "img"
2507
- })}
2508
- </slot>
2509
- </div>
2510
- <label for="input" part="label-text" class="${t}--label">
2511
- <slot>${c}</slot>
2512
- </label>
2513
- <input
2514
- autocomplete="${e}"
2515
- id="input"
2516
- part="input"
2517
- type="${X(b)}"
2518
- class="${t}--search-input"
2519
- ?disabled="${o}"
2520
- name="${X(d)}"
2521
- placeholder="${X(l)}"
2522
- role="${u}"
2523
- .value="${v}"
2524
- @input="${h}" />
2525
- <button
2526
- part="close-button"
2527
- ?disabled="${o}"
2528
- class="${z}"
2529
- @click="${g}"
2530
- type="button"
2531
- aria-label="${s}">
2532
- ${I(Qe, {
2533
- part: "close-icon",
2534
- "aria-label": s,
2535
- role: "img"
2536
- })}
2537
- </button>
2538
- `;
2539
- }
2540
- /**
2541
- * The name of the custom event fired after the search content is changed upon a user gesture.
2542
- */
2543
- static get eventInput() {
2544
- return `${t}-search-input`;
2545
- }
2546
- };
2547
- B.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
2548
- B.styles = ft;
2549
- i([
2550
- T("click")
2551
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
2552
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
2553
- ], B.prototype, "_handleExpand", null);
2554
- i([
2555
- T("keydown")
2556
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
2557
- // @ts-ignore
2558
- ], B.prototype, "_handleKeys", null);
2559
- i([
2560
- T("focusout")
2561
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
2562
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
2563
- ], B.prototype, "_handleClose", null);
2564
- i([
2565
- a({ attribute: "autocomplete" })
2566
- ], B.prototype, "autoComplete", void 0);
2567
- i([
2568
- a({ attribute: "close-button-label-text" })
2569
- ], B.prototype, "closeButtonLabelText", void 0);
2570
- i([
2571
- a({ type: Boolean, reflect: !0 })
2572
- ], B.prototype, "disabled", void 0);
2573
- i([
2574
- a({ type: Boolean, reflect: !0 })
2575
- ], B.prototype, "expandable", void 0);
2576
- i([
2577
- a({ type: Boolean, reflect: !0 })
2578
- ], B.prototype, "expanded", void 0);
2579
- i([
2580
- a({ type: Boolean })
2581
- ], B.prototype, "hasCustomIcon", void 0);
2582
- i([
2583
- a({ attribute: "label-text" })
2584
- ], B.prototype, "labelText", void 0);
2585
- i([
2586
- a()
2587
- ], B.prototype, "name", void 0);
2588
- i([
2589
- a()
2590
- ], B.prototype, "role", void 0);
2591
- i([
2592
- a()
2593
- ], B.prototype, "placeholder", void 0);
2594
- i([
2595
- a({ reflect: !0 })
2596
- ], B.prototype, "size", void 0);
2597
- i([
2598
- a()
2599
- ], B.prototype, "type", void 0);
2600
- i([
2601
- a({ type: String })
2602
- ], B.prototype, "value", void 0);
2603
- B = i([
2604
- $(`${t}-search`)
2605
- ], B);
2606
- var mt = B;
2607
- let P = class extends K(mt) {
2608
- constructor() {
2609
- super(...arguments), this.expanded = !1, this.persistent = !1, this.size = ie.LARGE;
2610
- }
2611
- /**
2612
- * Handles user-initiated gestures for expanding the search box.
2613
- */
2614
- async _handleUserInitiatedExpand() {
2615
- this.expanded = !0, await this.updateComplete;
2616
- const { _inputNode: e } = this;
2617
- e?.focus();
2618
- }
2619
- /**
2620
- * Handles `focus` event handler on this element.
2621
- */
2622
- _handleFocusIn() {
2623
- this._handleUserInitiatedExpand();
2624
- }
2625
- /**
2626
- * Handles `blur` event handler on this element.
2627
- *
2628
- * @param event The event.
2629
- */
2630
- _handleFocusOut(e) {
2631
- !this.contains(e.relatedTarget) && !this.value && !this.persistent && (this.expanded = !1);
2632
- }
2633
- /**
2634
- * Handles `click` event handler on the search box.
2635
- */
2636
- _handleSearchClick() {
2637
- this._handleUserInitiatedExpand();
2638
- }
2639
- connectedCallback() {
2640
- this.hasAttribute("role") || this.setAttribute("role", "search"), super.connectedCallback();
2641
- }
2642
- render() {
2643
- const e = super.render(), { persistent: s, expanded: o, size: r, _handleSearchClick: c } = this, d = D({
2644
- [`${t}--search`]: !0,
2645
- [`${t}--search--${r}`]: r
2646
- });
2647
- return s && (this.expanded = !0), p`
2648
- <div
2649
- class="${d}"
2650
- tabindex="${o ? "-1" : "0"}"
2651
- @click="${c}">
2652
- ${e}
2653
- </div>
2654
- `;
2655
- }
2656
- /**
2657
- * The name of the custom event fired after the search content is changed upon a user gesture.
2658
- */
2659
- static get eventInput() {
2660
- return `${t}-search-input`;
2661
- }
2662
- };
2663
- P.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
2664
- P.styles = M;
2665
- i([
2666
- J("input")
2667
- ], P.prototype, "_inputNode", void 0);
2668
- i([
2669
- T("focusin")
2670
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
2671
- ], P.prototype, "_handleFocusIn", null);
2672
- i([
2673
- T("focusout")
2674
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
2675
- ], P.prototype, "_handleFocusOut", null);
2676
- i([
2677
- a({ type: Boolean, reflect: !0 })
2678
- ], P.prototype, "expanded", void 0);
2679
- i([
2680
- a({ type: Boolean, reflect: !0 })
2681
- ], P.prototype, "persistent", void 0);
2682
- i([
2683
- a({ reflect: !0 })
2684
- ], P.prototype, "size", void 0);
2685
- P = i([
2686
- $(`${t}-table-toolbar-search`)
2687
- ], P);
2688
- var yt = ce([':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-one,:host(cds-layer[level="0"]){--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,:host(cds-layer[level="1"]){--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,:host(cds-layer[level="2"]){--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,:host(cds-layer[level="0"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-two.cds--layer__with-background,:host(cds-layer[level="1"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-three.cds--layer__with-background,:host(cds-layer[level="2"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-layer){display:block}']);
2689
- const _t = 0, xt = 2;
2690
- let re = class extends x {
2691
- constructor() {
2692
- super(...arguments), this.level = 0;
2693
- }
2694
- updated() {
2695
- this.layers || (this.layers = this.querySelectorAll(this.constructor.selectorLayer)), this.layers.forEach((e) => {
2696
- const s = Math.max(_t, Math.min(this.level + 1, xt));
2697
- e.setAttribute("level", s.toString());
2698
- }), this.dispatchEvent(new CustomEvent(this.constructor.eventUseLayer, {
2699
- bubbles: !0,
2700
- cancelable: !0,
2701
- composed: !0,
2702
- detail: {
2703
- layer: this,
2704
- level: this.level
2705
- }
2706
- }));
2707
- }
2708
- render() {
2709
- return p` <slot></slot> `;
2710
- }
2711
- /**
2712
- * A selector that selects a layer component.
2713
- */
2714
- static get selectorLayer() {
2715
- return `${t}-layer`;
2716
- }
2717
- /**
2718
- * A selector that selects a layer component.
2719
- */
2720
- static get eventUseLayer() {
2721
- return `${t}-use-layer`;
2722
- }
2723
- };
2724
- re.styles = yt;
2725
- i([
2726
- a({ type: Number, reflect: !0 })
2727
- ], re.prototype, "level", void 0);
2728
- i([
2729
- a()
2730
- ], re.prototype, "layers", void 0);
2731
- i([
2732
- a({ type: Boolean, attribute: "with-background" })
2733
- ], re.prototype, "withBackground", void 0);
2734
- re = i([
2735
- $(`${t}-layer`)
2736
- ], re);
2737
- var wt = {
2738
- elem: "svg",
2739
- attrs: {
2740
- xmlns: "http://www.w3.org/2000/svg",
2741
- viewBox: "0 0 16 16",
2742
- fill: "currentColor",
2743
- width: 16,
2744
- height: 16
2745
- },
2746
- content: [{
2747
- elem: "path",
2748
- attrs: {
2749
- d: "M13 7L12.3 6.3 8.5 10.1 8.5 1 7.5 1 7.5 10.1 3.7 6.3 3 7 8 12zM13 12v2H3v-2H2v2l0 0c0 .6.4 1 1 1h10c.6 0 1-.4 1-1l0 0v-2H13z"
2750
- }
2751
- }],
2752
- name: "download",
2753
- size: 16
2754
- };
2755
- function Zt(n) {
2756
- const { tableTitle: e, tableDescription: s, headers: o, filterPlaceholderText: r, downloadLabelText: c, locale: d, _handleDownload: l, _rowsWithIDs: u, _allowFiltering: b, _handleFilterEvent: v } = n;
2757
- function h() {
2758
- return p`<cds-table-toolbar slot="toolbar">
2759
- <cds-table-toolbar-content>
2760
- ${b ? p`<cds-table-toolbar-search
2761
- persistent
2762
- placeholder=${r}
2763
- ></cds-table-toolbar-search>` : ""}
2764
- <cds-button @click=${l} aria-label=${c}
2765
- >${I(wt)}</cds-button
2766
- >
2767
- </cds-table-toolbar-content>
2768
- </cds-table-toolbar>`;
2769
- }
2770
- function g() {
2771
- return p`<cds-table-head>
2772
- <cds-table-header-row>
2773
- ${o.map((z) => p`<cds-table-header-cell
2774
- >${z.template ?? z.text}</cds-table-header-cell
2775
- >`)}
2776
- </cds-table-header-row>
2777
- </cds-table-head>`;
2778
- }
2779
- function f() {
2780
- return p`<cds-table-body>
2781
- ${Je(u, (z) => z.id, (z) => p`<cds-table-row id=${z.id}
2782
- >${z.cells.map((k) => p`<cds-table-cell
2783
- >${k.template ?? k.text}</cds-table-cell
2784
- >`)}</cds-table-row
2785
- >`)}
2786
- </cds-table-body>`;
2787
- }
2788
- return p`<cds-table
2789
- size="md"
2790
- locale=${d}
2791
- .isSortable=${b}
2792
- .useZebraStyles=${!0}
2793
- @cds-table-filtered=${v}
2794
- >
2795
- ${e && p`<cds-table-header-title slot="title"
2796
- >${e}</cds-table-header-title
2797
- >`}
2798
- ${s && p`<cds-table-header-description slot="description"
2799
- >${s}</cds-table-header-description
2800
- >`}
2801
- ${h()} ${g()} ${f()}
2802
- </cds-table>`;
2803
- }
2804
- let ae = class extends x {
2805
- constructor() {
2806
- super(...arguments), this.disabled = !1, this.label = "", this.selected = !1, this.value = "";
2807
- }
2808
- };
2809
- i([
2810
- a({ type: Boolean, reflect: !0 })
2811
- ], ae.prototype, "disabled", void 0);
2812
- i([
2813
- a({ reflect: !0 })
2814
- ], ae.prototype, "label", void 0);
2815
- i([
2816
- a({ type: Boolean, reflect: !0 })
2817
- ], ae.prototype, "selected", void 0);
2818
- i([
2819
- a({ reflect: !0 })
2820
- ], ae.prototype, "value", void 0);
2821
- ae = i([
2822
- $(`${t}-select-item`)
2823
- ], ae);
2824
- var zt = {
2825
- elem: "svg",
2826
- attrs: {
2827
- xmlns: "http://www.w3.org/2000/svg",
2828
- viewBox: "0 0 16 16",
2829
- fill: "currentColor",
2830
- width: 16,
2831
- height: 16
2832
- },
2833
- content: [{
2834
- elem: "path",
2835
- attrs: {
2836
- d: "M8 11 3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
2837
- }
2838
- }],
2839
- name: "chevron--down",
2840
- size: 16
2841
- }, Pe = ce(['.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,:host(cds-select[warn]) .cds--select-input__wrapper~.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,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input--inline__wrapper~.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,:host(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--select,:host(cds-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select,:host(cds-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;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);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input~.cds--select__invalid-icon,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.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--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-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--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--select--fluid .cds--select,.cds--select--fluid :host(cds-select){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--select--fluid .cds--label::-webkit-scrollbar{display:none}.cds--select--fluid .cds--label .cds--toggletip-label,.cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--select--fluid .cds--select-input{min-block-size:4rem;outline:none;padding:2rem 2rem .8125rem 1rem;text-overflow:ellipsis}.cds--select--fluid .cds--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds--select--fluid .cds--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--invalid .cds--select__divider,.cds--select--fluid .cds--select--warning .cds--select__divider,.cds--select--fluid :host(cds-select[invalid]) .cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);margin:0 1rem}.cds--select--fluid .cds--select--warning .cds--select-input,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,.cds--select--fluid :host(cds-select[warn]) .cds--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds--select--fluid .cds--select--warning,.cds--select--fluid :host(cds-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds--select--fluid .cds--select-input__wrapper{display:block}.cds--select--fluid .cds--select--warning .cds--select-input:not(:focus),.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--select--fluid :host(cds-select[warn]) .cds--select-input:not(:focus){outline:none}.cds--select--fluid .cds--select--warning .cds--form-requirement,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,.cds--select--fluid :host(cds-select[warn]) .cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--select--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover+.cds--select__divider,.cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover+.cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper:hover+.cds--select__divider{border-color:transparent}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper .cds--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--fluid--focus .cds--select-input,.cds--select--fluid .cds--select--fluid--focus.cds--select--warning{border-block-end:1px solid transparent}.cds--select--fluid .cds--select--disabled .cds--toggletip-label,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--disabled .cds--toggletip-button,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button{pointer-events:none}.cds--select--fluid .cds--select--disabled .cds--toggletip-button svg,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--fluid .cds--select--slug .cds--ai-label,.cds--select--fluid .cds--select--slug .cds--slug,.cds--select--fluid :host(cds-select[slug]) .cds--ai-label,.cds--select--fluid :host(cds-select[slug]) .cds--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds--select--fluid .cds--select--slug .cds--select-input,.cds--select--fluid :host(cds-select[slug]) .cds--select-input{padding-inline-end:4rem}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:none}.cds--select--fluid__skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6);position:relative}.cds--select--fluid__skeleton .cds--skeleton{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds--select--fluid__skeleton .cds--label{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.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}:host(cds-select){outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}']);
2842
- let w = class extends ye(x) {
2843
- constructor() {
2844
- super(...arguments), this._hasAILabel = !1, this._observerMutation = null, this._placeholderItemValue = `__${t}-select-placeholder_${Math.random().toString(36).slice(2)}`, this.isFluid = !1, this._handleMutation = () => {
2845
- this.requestUpdate();
2846
- }, this.autofocus = !1, this.disabled = !1, this.helperText = "", this.hideLabel = !1, this.id = "", this.invalid = !1, this.invalidText = "", this.warn = !1, this.warnText = "", this.labelText = "", this.inline = !1, this.name = "", this.pattern = "", this.placeholder = "", this.readonly = !1, this.required = !1, this.requiredValidityMessage = "Please fill out this field.", this.size = ie.MEDIUM, this.value = "";
2847
- }
2848
- /**
2849
- * Handles `oninput` event on the `<input>`.
2850
- *
2851
- * @param event The event.
2852
- * @param event.target The event target.
2853
- */
2854
- _handleInput({ target: e }) {
2855
- const { value: s } = e;
2856
- this.value = s;
2857
- const { eventSelect: o } = this.constructor;
2858
- this.dispatchEvent(new CustomEvent(o, {
2859
- bubbles: !0,
2860
- composed: !0,
2861
- detail: {
2862
- value: s
2863
- }
2864
- }));
2865
- }
2866
- /**
2867
- * @param element The parent element containing pseudo `<optgroup>`/`<option>`.
2868
- * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.
2869
- */
2870
- _renderItems(e) {
2871
- const { selectorItem: s, selectorLeafItem: o } = this.constructor;
2872
- return p`
2873
- ${st(e.childNodes, (r) => r.nodeType === Node.ELEMENT_NODE && r.matches(s)).map((r) => {
2874
- const c = r.hasAttribute("disabled"), d = r.getAttribute("label"), l = r.hasAttribute("selected"), u = r.getAttribute("value"), { textContent: b } = r;
2875
- return r.matches(o) ? p`
2876
- <option
2877
- class="${t}--select-option"
2878
- ?disabled="${c}"
2879
- label="${X(d)}"
2880
- ?selected="${l}"
2881
- value="${oe(u)}">
2882
- ${b}
2883
- </option>
2884
- ` : p`
2885
- <optgroup
2886
- class="${t}--select-optgroup"
2887
- ?disabled="${c}"
2888
- label="${oe(d)}">
2889
- ${this._renderItems(r)}
2890
- </optgroup>
2891
- `;
2892
- })}
2893
- `;
2894
- }
2895
- _handleFormdata(e) {
2896
- const { formData: s } = e, { disabled: o, name: r, value: c } = this;
2897
- o || s.append(r, c);
2898
- }
2899
- /**
2900
- * Handles `slotchange` event.
2901
- */
2902
- _handleAILabelSlotChange({ target: e }) {
2903
- const s = e.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || // remove reference to slug in v12
2904
- o.matches(this.constructor.slugItem) : !1);
2905
- this._hasAILabel = !!s, this.setAttribute("slug", `${this._hasAILabel}`), s[0].setAttribute("size", "mini"), this.requestUpdate();
2906
- }
2907
- /**
2908
- * The count of child `<option>`s.
2909
- * If the placeholder is in effect, it includes the `<option>` for the placeholder.
2910
- */
2911
- get length() {
2912
- return this._selectNode.length;
2913
- }
2914
- /**
2915
- * The child `<option>`s.
2916
- */
2917
- get options() {
2918
- return this._selectNode.options;
2919
- }
2920
- /**
2921
- * This form control's type.
2922
- */
2923
- get type() {
2924
- return this._selectNode.type;
2925
- }
2926
- /**
2927
- * `true` to enable multiple selection.
2928
- */
2929
- get multiple() {
2930
- return !1;
2931
- }
2932
- /**
2933
- * The selected index.
2934
- */
2935
- get selectedIndex() {
2936
- var e;
2937
- return (e = this._selectNode) === null || e === void 0 ? void 0 : e.selectedIndex;
2938
- }
2939
- set selectedIndex(e) {
2940
- this._selectNode.selectedIndex = e, this.value = this._selectNode.value;
2941
- }
2942
- connectedCallback() {
2943
- super.connectedCallback(), this._observerMutation = new MutationObserver(this._handleMutation), this._observerMutation.observe(this, {
2944
- attributes: !0,
2945
- childList: !0,
2946
- subtree: !0
2947
- });
2948
- }
2949
- disconnectedCallback() {
2950
- this._observerMutation && (this._observerMutation.disconnect(), this._observerMutation = null), super.disconnectedCallback();
2951
- }
2952
- updated(e) {
2953
- var s, o, r, c, d, l, u, b, v, h;
2954
- if (e.has("value")) {
2955
- const { value: f, _placeholderItemValue: z } = this, k = (r = (s = this._selectedOptionNodes) === null || s === void 0 ? void 0 : s[((o = this._selectedOptionNodes) === null || o === void 0 ? void 0 : o.length) - 1]) === null || r === void 0 ? void 0 : r.value;
2956
- f ? this._selectNode.value = f : k ? this._selectNode.value = k : this._selectNode.value = z;
2957
- }
2958
- const g = (c = this.shadowRoot) === null || c === void 0 ? void 0 : c.querySelector("slot[name='ai-label']");
2959
- g ? (!((d = g.assignedNodes()) === null || d === void 0) && d.length && ((l = this._inputNode) === null || l === void 0 || l.classList.add(`${t}--select-input-has--ai-label`)), g?.classList.toggle(`${t}--slug--revert`, (u = this.querySelector(`${t}-ai-label`)) === null || u === void 0 ? void 0 : u.hasAttribute("revert-active"))) : (v = (b = this.shadowRoot) === null || b === void 0 ? void 0 : b.querySelector("slot[name='slug']")) === null || v === void 0 || v.classList.toggle(`${t}--slug--revert`, (h = this.querySelector(`${t}-slug`)) === null || h === void 0 ? void 0 : h.hasAttribute("revert-active"));
2960
- }
2961
- render() {
2962
- const { disabled: e, helperText: s, hideLabel: o, inline: r, invalid: c, invalidText: d, labelText: l, placeholder: u, readonly: b, size: v, warn: h, warnText: g, value: f, _placeholderItemValue: z, _handleInput: k, _handleAILabelSlotChange: G } = this, C = {
2963
- disabled: !b && e,
2964
- invalid: !b && !e && c,
2965
- warn: !b && !c && !e && h
2966
- }, ee = D({
2967
- [`${t}--select-input`]: !0,
2968
- [`${t}--select-input--${v}`]: v
2969
- }), de = D({
2970
- [`${t}--label`]: !0,
2971
- [`${t}--label--disabled`]: C.disabled,
2972
- [`${t}--visually-hidden`]: o
2973
- }), Z = D({
2974
- [`${t}--form__helper-text`]: !0,
2975
- [`${t}--form__helper-text--disabled`]: C.disabled
2976
- }), te = s ? p`
2977
- <div id="helper-text" class="${Z}">
2978
- <slot name="helper-text"> ${s} </slot>
2979
- </div>
2980
- ` : null, U = C.invalid || C.warn ? p` <div id="error-text" class="${t}--form-requirement">
2981
- ${C.invalid ? d : g}
2982
- </div>` : null;
2983
- let _;
2984
- C.invalid || C.warn ? _ = "error-text" : s && (_ = "helper-text");
2985
- const se = p`
2986
- <select
2987
- id="input"
2988
- class="${ee}"
2989
- ?disabled="${e}"
2990
- title="${f}"
2991
- aria-readonly="${String(!!b)}"
2992
- aria-invalid="${String(!!C.invalid)}"
2993
- aria-describedby="${oe(_)}"
2994
- @input="${k}">
2995
- ${!u || f ? void 0 : p`
2996
- <option
2997
- disabled
2998
- hidden
2999
- class="${t}--select-option"
3000
- value="${z}">
3001
- ${u}
3002
- </option>
3003
- `}
3004
- ${this._renderItems(this)}
3005
- </select>
3006
- ${I(zt, {
3007
- class: `${t}--select__arrow`,
3008
- "aria-hidden": "true"
3009
- })}
3010
- <slot
3011
- name="ai-label"
3012
- style="--${t}-show-before: ${C.warn || C.invalid ? "block" : "none"}"
3013
- @slotchange=${G}></slot>
3014
- <slot name="slug" @slotchange=${G}></slot>
3015
- ${C.invalid ? I(Ie, {
3016
- class: `${t}--select__invalid-icon`
3017
- }) : void 0}
3018
- ${!C.invalid && C.warn ? I(De, {
3019
- class: `${t}--select__invalid-icon ${t}--select__invalid-icon--warning`
3020
- }) : null}
3021
- `;
3022
- return p`
3023
- <label class="${de}" for="input">
3024
- <slot name="label-text"> ${l} </slot>
3025
- </label>
3026
-
3027
- ${r ? p`<div
3028
- class="${t}--select-input--inline__wrapper"
3029
- ?data-invalid="${C.invalid}">
3030
- <div
3031
- class="${t}--select-input__wrapper"
3032
- ?data-invalid="${C.invalid}">
3033
- ${se}
3034
- </div>
3035
- </div>` : p`<div
3036
- class="${t}--select-input__wrapper"
3037
- ?data-invalid="${C.invalid}">
3038
- ${se}
3039
- ${this.isFluid ? p`
3040
- <hr class="${t}--select__divider" />
3041
- ${U || null}
3042
- ` : null}
3043
- </div> `}
3044
- ${!this.isFluid && U ? U : te}
3045
- `;
3046
- }
3047
- /**
3048
- * A selector selecting child pseudo `<optgroup>`/`<option>`.
3049
- */
3050
- static get selectorItem() {
3051
- return `${t}-select-item-group,${t}-select-item`;
3052
- }
3053
- /**
3054
- * A selector selecting child pseudo `<option>`.
3055
- */
3056
- static get selectorLeafItem() {
3057
- return `${t}-select-item`;
3058
- }
3059
- /**
3060
- * A selector that will return the slug item.
3061
- *
3062
- * remove in v12
3063
- */
3064
- static get slugItem() {
3065
- return `${t}-slug`;
3066
- }
3067
- /**
3068
- * A selector that will return the AI Label item.
3069
- */
3070
- static get aiLabelItem() {
3071
- return `${t}-ai-label`;
3072
- }
3073
- /**
3074
- * The name of the custom event fired after item is selected.
3075
- */
3076
- static get eventSelect() {
3077
- return `${t}-select-selected`;
3078
- }
3079
- };
3080
- w.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
3081
- w.styles = Pe;
3082
- i([
3083
- J("select")
3084
- ], w.prototype, "_selectNode", void 0);
3085
- i([
3086
- J("#input")
3087
- ], w.prototype, "_inputNode", void 0);
3088
- i([
3089
- tt(`.${t}--select-option[selected]`)
3090
- ], w.prototype, "_selectedOptionNodes", void 0);
3091
- i([
3092
- a({ type: Boolean })
3093
- ], w.prototype, "isFluid", void 0);
3094
- i([
3095
- a({ type: Boolean })
3096
- ], w.prototype, "autofocus", void 0);
3097
- i([
3098
- a({ type: Boolean, reflect: !0 })
3099
- ], w.prototype, "disabled", void 0);
3100
- i([
3101
- a({ attribute: "helper-text" })
3102
- ], w.prototype, "helperText", void 0);
3103
- i([
3104
- a({ type: Boolean, attribute: "hide-label" })
3105
- ], w.prototype, "hideLabel", void 0);
3106
- i([
3107
- a()
3108
- ], w.prototype, "id", void 0);
3109
- i([
3110
- a({ type: Boolean, reflect: !0 })
3111
- ], w.prototype, "invalid", void 0);
3112
- i([
3113
- a({ attribute: "invalid-text" })
3114
- ], w.prototype, "invalidText", void 0);
3115
- i([
3116
- a({ type: Boolean, reflect: !0 })
3117
- ], w.prototype, "warn", void 0);
3118
- i([
3119
- a({ attribute: "warn-text" })
3120
- ], w.prototype, "warnText", void 0);
3121
- i([
3122
- a({ attribute: "label-text" })
3123
- ], w.prototype, "labelText", void 0);
3124
- i([
3125
- a({ type: Boolean, reflect: !0 })
3126
- ], w.prototype, "inline", void 0);
3127
- i([
3128
- a({ type: Boolean })
3129
- ], w.prototype, "multiple", null);
3130
- i([
3131
- a()
3132
- ], w.prototype, "name", void 0);
3133
- i([
3134
- a()
3135
- ], w.prototype, "pattern", void 0);
3136
- i([
3137
- a({ reflect: !0 })
3138
- ], w.prototype, "placeholder", void 0);
3139
- i([
3140
- a({ type: Boolean, reflect: !0 })
3141
- ], w.prototype, "readonly", void 0);
3142
- i([
3143
- a({ type: Boolean, reflect: !0 })
3144
- ], w.prototype, "required", void 0);
3145
- i([
3146
- a({ attribute: "required-validity-message" })
3147
- ], w.prototype, "requiredValidityMessage", void 0);
3148
- i([
3149
- a({ type: Number })
3150
- ], w.prototype, "selectedIndex", null);
3151
- i([
3152
- a({ reflect: !0 })
3153
- ], w.prototype, "size", void 0);
3154
- i([
3155
- a({ reflect: !0 })
3156
- ], w.prototype, "value", void 0);
3157
- w = i([
3158
- $(`${t}-select`)
3159
- ], w);
3160
- var kt = {
3161
- elem: "svg",
3162
- attrs: {
3163
- xmlns: "http://www.w3.org/2000/svg",
3164
- viewBox: "0 0 32 32",
3165
- fill: "currentColor",
3166
- width: 16,
3167
- height: 16
3168
- },
3169
- content: [{
3170
- elem: "path",
3171
- attrs: {
3172
- d: "M20 24 10 16 20 8z"
3173
- }
3174
- }],
3175
- name: "caret--left",
3176
- size: 16
3177
- }, $t = {
3178
- elem: "svg",
3179
- attrs: {
3180
- xmlns: "http://www.w3.org/2000/svg",
3181
- viewBox: "0 0 32 32",
3182
- fill: "currentColor",
3183
- width: 16,
3184
- height: 16
3185
- },
3186
- content: [{
3187
- elem: "path",
3188
- attrs: {
3189
- d: "M12 8 22 16 12 24z"
3190
- }
3191
- }],
3192
- name: "caret--right",
3193
- size: 16
3194
- }, Ee;
3195
- (function(n) {
3196
- n.SMALL = "sm", n.MEDIUM = "md", n.LARGE = "lg";
3197
- })(Ee || (Ee = {}));
3198
- var St = ce(['.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--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}}.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--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds--popover--border>.cds--popover>.cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--popover-content{--cds-layout-size-height-md:2.5rem}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--popover-content{--cds-layout-size-height-lg:3rem}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover-content{background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto;position:absolute;z-index:6000}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover--background-token__background>.cds--popover>.cds--popover-content{background-color:var(--cds-background,#fff)}.cds--popover-content:before{content:"";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover-caret:after,.cds--popover-caret:after{background-color:var(--cds-popover-background-color,var(--cds-layer));content:"";display:block;position:absolute}.cds--popover--auto-align.cds--popover-caret:before,.cds--popover-caret:before{background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:"";display:none;position:absolute}.cds--popover--background-token__background>.cds--popover>.cds--popover-caret:after{background-color:var(--cds-background,#fff)}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--border .cds--popover--auto-align.cds--popover-caret:before,.cds--popover--border .cds--popover-caret:before,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:before,.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:before,.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--top>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{-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--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button{align-items:center;block-size:2rem;display:inline-flex;inline-size:2rem;justify-content:center;position:relative}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:18rem;overflow-wrap:break-word;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-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)}.cds--definition-term{-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--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term{border-block-end:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:focus,.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem;text-wrap:auto;word-break:break-word}.cds--btn{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-lg)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-2xl)));--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));--temp-1lh:(var(--cds-body-compact-01-line-height,1.28572) * 1em);--temp-expressive-1lh:(var(--cds-body-compact-02-line-height,1.375) * 1em);--temp-padding-block-max:calc((var(--cds-layout-size-height-lg) - var(--temp-1lh))/2 - 0.0625rem);border:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;vertical-align:baseline}.cds--btn *,.cds--btn :after,.cds--btn :before{box-sizing:inherit}.cds--btn{border-radius:0;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + .9375rem);position:relative;text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{background:var(--cds-button-disabled,#c6c6c6);border-color:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem;position:absolute}.cds--btn::-moz-focus-inner{border:0;padding:0}.cds--btn--primary{background-color:var(--cds-button-primary,#0f62fe);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover,.cds--btn--secondary{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{background-color:var(--cds-button-secondary,#393939);border:1px solid transparent}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{background-color:transparent;border-color:var(--cds-button-tertiary,#0f62fe);border-style:solid;border-width:1px;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:focus,.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c);border-color:transparent;color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-link-primary,#0f62fe)}.cds--btn--ghost:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost .cds--btn__icon{align-self:center;margin-inline-start:.5rem;position:static}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,hsla(0,0%,55%,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{align-items:center;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:0}.cds--btn--icon-only>:first-child{min-inline-size:1rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.cds--btn--xs:not(.cds--btn--icon-only){padding-block-start:1.5px}.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon,.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,.cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon{margin-block-start:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled],.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{background-color:var(--cds-button-danger-primary,#da1e28);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{background-color:transparent;border-color:var(--cds-button-danger-secondary,#da1e28);border-style:solid;border-width:1px;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13);border-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--danger--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost .cds--btn__icon{margin-inline-start:.5rem;position:static}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{block-size:1.25rem;inline-size:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-inline-size:20rem}.cds--btn.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--btn.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--btn.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn.cds--skeleton{background:CanvasText}.cds--btn.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--btn.cds--skeleton{inline-size:9.375rem}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{inline-size:100%;max-inline-size:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set .cds--btn.cds--btn--loading{background-color:transparent;border-color:transparent;box-shadow:none}.cds--btn--sm .cds--badge-indicator{margin-block-start:.25rem;margin-inline-end:.25rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}[dir=rtl] .cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--fluid{container-type:inline-size}.cds--btn-set--fluid .cds--btn-set__fluid-inner{--flex-direction:row;align-items:stretch;display:flex;flex-direction:var(--flex-direction);inline-size:100%;justify-content:flex-end}.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn{flex:0 1 25%;max-inline-size:14.5rem}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn{min-inline-size:11rem}.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost,.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost{flex:1 1 25%;max-inline-size:none;padding-inline-start:2rem}@container (width <= 11rem){.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:first-child:last-child){--flex-direction:column}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:first-child:last-child) .cds--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:first-child:last-child) .cds--btn--ghost{padding-inline-start:1rem}}@container (width <= 22rem){.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child){--flex-direction:column}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost{padding-inline-start:1rem}}@container (width <= 33rem){.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child){--flex-direction:column}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost{padding-inline-start:1rem}}@container (width <= 44rem){.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child){--flex-direction:column}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn{flex:initial;inline-size:100%;max-inline-size:none}.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost{padding-inline-start:1rem}}@container (width <= 44rem){.cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn{flex-basis:50%;max-inline-size:none}}@container (width <= 33rem){.cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:first-child:last-child) .cds--btn{flex:1 1 100%;max-inline-size:none}}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--select{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before{box-sizing:inherit}.cds--select{align-items:flex-start;flex-direction:column}.cds--select,.cds--select-input__wrapper{display:flex;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;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);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline{align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.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--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label{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--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--data-table-container+.cds--pagination,.cds--data-table-container+:host(cds-pagination){border-block-start:0}.cds--pagination,:host(cds-pagination){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--pagination *,.cds--pagination :after,.cds--pagination :before,:host(cds-pagination) *,:host(cds-pagination) :after,:host(cds-pagination) :before{box-sizing:inherit}.cds--pagination,:host(cds-pagination){align-items:center;background-color:var(--cds-layer);border-block-start:1px solid var(--cds-border-subtle);container-name:pagination;container-type:inline-size;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:calc(100% - 1px);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-block-size:2.5rem;overflow:initial}@container pagination (min-width: 42rem){.cds--pagination .cds--pagination__control-buttons,:host(cds-pagination) .cds--pagination__control-buttons{display:flex}}@container pagination (max-width: 42rem){.cds--pagination .cds--pagination__left>*,.cds--pagination .cds--pagination__right>*,:host(cds-pagination) .cds--pagination__left>*,:host(cds-pagination) .cds--pagination__right>*{display:none}.cds--pagination .cds--pagination__items-count,:host(cds-pagination) .cds--pagination__items-count{display:initial}.cds--pagination .cds--pagination__control-buttons,:host(cds-pagination) .cds--pagination__control-buttons{display:flex}}.cds--pagination--sm,:host(cds-pagination[size=sm]){min-block-size:2rem}.cds--pagination--lg,:host(cds-pagination[size=lg]){min-block-size:3rem}.cds--pagination .cds--select,:host(cds-pagination) .cds--select{align-items:center;block-size:100%}.cds--pagination .cds--select-input--inline__wrapper,:host(cds-pagination) .cds--select-input--inline__wrapper{block-size:100%;display:flex}.cds--pagination .cds--select-input,:host(cds-pagination) .cds--select-input{block-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:auto;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);line-height:2.5rem;min-inline-size:auto}@-moz-document url-prefix(){.cds--pagination .cds--select-input,:host(cds-pagination) .cds--select-input{padding-inline-end:1rem;text-overflow:clip}}.cds--pagination .cds--select--inline .cds--select-input,:host(cds-pagination) .cds--select--inline .cds--select-input{padding-inline:1rem 2.25rem}.cds--pagination--sm .cds--select-input,:host(cds-pagination[size=sm]) .cds--select-input{line-height:2rem}.cds--pagination--lg .cds--select-input,:host(cds-pagination[size=lg]) .cds--select-input{line-height:3rem}.cds--pagination .cds--select-input:hover,:host(cds-pagination) .cds--select-input:hover{background:var(--cds-layer-hover)}.cds--pagination .cds--select--inline .cds--select-input:focus,.cds--pagination .cds--select--inline .cds--select-input:focus optgroup,.cds--pagination .cds--select--inline .cds--select-input:focus option,:host(cds-pagination) .cds--select--inline .cds--select-input:focus,:host(cds-pagination) .cds--select--inline .cds--select-input:focus optgroup,:host(cds-pagination) .cds--select--inline .cds--select-input:focus option{background-color:var(--cds-layer)}.cds--pagination .cds--select__arrow,:host(cds-pagination) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}.cds--pagination .cds--select__item-count .cds--select-input,:host(cds-pagination) .cds--select__item-count .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}.cds--pagination__right{border-inline-start:1px solid var(--cds-border-subtle)}.cds--pagination__left,.cds--pagination__right{align-items:center;block-size:100%;display:flex}.cds--pagination__left>.cds--form-item,.cds--pagination__right>.cds--form-item{block-size:100%}.cds--pagination__left .cds--pagination__text,.cds--pagination__right .cds--pagination__text{white-space:nowrap}.cds--pagination__left .cds--pagination__text{margin-inline-end:.0625rem}.cds--pagination__right .cds--pagination__text{margin-inline:.0625rem 1rem}.cds--pagination__right .cds--pagination__text.cds--pagination__page-text{margin-inline:1rem .0625rem}.cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text{margin-inline-end:1rem}.cds--pagination__right .cds--pagination__text:empty{margin:0}.cds--pagination__left{padding:0 1rem 0 0}@container pagination (min-width: 42rem){.cds--pagination__left{padding:0 1rem}.cds--pagination__text{display:inline-block}}span.cds--pagination__text{color:var(--cds-text-primary,#161616);margin-inline-start:1rem}span.cds--pagination__text.cds--pagination__items-count{color:var(--cds-text-secondary,#525252)}.cds--btn--ghost.cds--pagination__button,.cds--pagination__button{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;vertical-align:baseline}.cds--btn--ghost.cds--pagination__button *,.cds--btn--ghost.cds--pagination__button :after,.cds--btn--ghost.cds--pagination__button :before,.cds--pagination__button *,.cds--pagination__button :after,.cds--pagination__button :before{box-sizing:inherit}.cds--btn--ghost.cds--pagination__button,.cds--pagination__button{align-items:center;background:none;block-size:2.5rem;border:none;border-inline-start:1px solid var(--cds-border-subtle);cursor:pointer;display:flex;justify-content:center;margin:0;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;min-block-size:2rem;transition:outline .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9)}.cds--btn--ghost.cds--pagination__button>svg,.cds--pagination__button>svg{margin-block-start:0}[dir=rtl] .cds--btn--ghost.cds--pagination__button>svg,[dir=rtl] .cds--pagination__button>svg{transform:rotate(.5turn)}.cds--pagination--sm .cds--btn--ghost.cds--pagination__button,.cds--pagination--sm .cds--pagination__button,:host(cds-pagination[size=sm]) .cds--pagination__button{block-size:2rem;inline-size:2rem}.cds--pagination--lg .cds--btn--ghost.cds--pagination__button,.cds--pagination--lg .cds--pagination__button,:host(cds-pagination[size=lg]) .cds--pagination__button{block-size:3rem;inline-size:3rem}.cds--btn--ghost:focus.cds--pagination__button,.cds--pagination__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn--ghost:focus.cds--pagination__button,.cds--pagination__button:focus{outline-style:dotted}}.cds--btn--ghost:focus.cds--pagination__button,.cds--pagination__button:focus{border-inline-start:0}.cds--btn--ghost:hover.cds--pagination__button,.cds--pagination__button:hover{background:var(--cds-layer-hover)}.cds--btn--ghost.cds--pagination__button--no-index,.cds--pagination__button--no-index{cursor:not-allowed;fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--btn--ghost:disabled:hover.cds--pagination__button,.cds--btn--ghost:hover.cds--pagination__button--no-index,.cds--pagination__button--no-index:hover,.cds--pagination__button:disabled:hover{background:var(--cds-layer);border-color:var(--cds-border-subtle);cursor:not-allowed;fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--pagination.cds--skeleton .cds--skeleton__text{margin-block-end:0;margin-inline-end:1rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn--ghost.cds--pagination__button,.cds--pagination__button{outline:1px solid transparent}}[dir=rtl] .cds--pagination .cds--select__arrow,[dir=rtl] :host(cds-pagination) .cds--select__arrow{transform:translate(.5rem,-50%)}.cds--pagination .cds--select--inline .cds--select-input[disabled],.cds--pagination .cds--select--inline .cds--select-input[disabled]:hover,:host(cds-pagination) .cds--select--inline .cds--select-input[disabled]{background-color:var(--cds-layer)}.cds--unstable-pagination{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--unstable-pagination *,.cds--unstable-pagination :after,.cds--unstable-pagination :before{box-sizing:inherit}.cds--unstable-pagination{align-items:center;background-color:var(--cds-layer);border-block-end:1px solid transparent;border-block-start:1px solid var(--cds-border-subtle);container-name:pagination;container-type:inline-size;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-block-size:2.5rem}@container pagination (min-width: 42rem){.cds--unstable-pagination__text{display:inline-block}}.cds--unstable-pagination__text{color:var(--cds-text-secondary,#525252);margin:0 1rem}.cds--unstable-pagination__left,.cds--unstable-pagination__right{align-items:center;block-size:100%;display:flex}.cds--unstable-pagination__left{padding:0 1rem 0 0}.cds--unstable-pagination__left>.cds--form-item,.cds--unstable-pagination__right>.cds--form-item{block-size:100%}.cds--unstable-pagination__left .cds--unstable-pagination__text{margin-inline-end:.0625rem}.cds--unstable-pagination__right .cds--unstable-pagination__text{margin-inline:.0625rem 1rem}.cds--unstable-pagination__button{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;vertical-align:baseline}.cds--unstable-pagination__button *,.cds--unstable-pagination__button :after,.cds--unstable-pagination__button :before{box-sizing:inherit}.cds--unstable-pagination__button{align-items:center;background:none;block-size:2.5rem;border:none;border-inline-start:1px solid var(--cds-border-subtle);color:var(--cds-icon-primary,#161616);cursor:pointer;display:flex;justify-content:center;margin:0;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;min-block-size:2rem;transition:outline .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9)}.cds--unstable-pagination__button .cds--btn__icon{block-size:auto;inline-size:auto}.cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--unstable-pagination__button:hover{background:var(--cds-layer-hover);color:var(--cds-icon-primary,#161616)}.cds--unstable-pagination__button--no-index{cursor:not-allowed;fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--unstable-pagination__button.cds--btn:disabled{background:transparent;border-color:var(--cds-border-subtle)}.cds--unstable-pagination__button--no-index:hover,.cds--unstable-pagination__button:disabled:hover{background:transparent;cursor:not-allowed;fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--unstable-pagination__page-selector,.cds--unstable-pagination__page-sizer{align-items:center;block-size:100%}.cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,.cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper{block-size:100%;display:flex}.cds--unstable-pagination__page-selector .cds--select-input,.cds--unstable-pagination__page-sizer .cds--select-input{block-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);inline-size:auto;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:2.5rem;min-inline-size:auto;padding:0 2.25rem 0 1rem}.cds--unstable-pagination__page-selector .cds--select-input:hover,.cds--unstable-pagination__page-sizer .cds--select-input:hover{background:var(--cds-layer-hover)}.cds--unstable-pagination__page-selector .cds--select__arrow,.cds--unstable-pagination__page-sizer .cds--select__arrow{inset-block-start:50%;transform:translateY(-50%)}@container pagination (min-width: 42rem){.cds--unstable-pagination__page-selector .cds--select__arrow,.cds--unstable-pagination__page-sizer .cds--select__arrow{inset-inline-end:1rem}}.cds--unstable-pagination__page-selector{border-inline-start:1px solid var(--cds-border-subtle)}.cds--unstable-pagination__page-sizer{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-pagination){outline:none;position:relative}:host(cds-pagination) cds-select[inline]{--cds-background:$layer}:host(cds-pagination) .cds-ce--pagination__divider{background-color:var(--cds-layer-accent-01,#e0e0e0);block-size:100%;inline-size:to-rem(1px)}:host(cds-pagination) .cds--pagination__control-buttons{block-size:100%}:host(cds-pagination) .cds--pagination__button svg{transform:rotate(0)}']);
3199
- let S = class extends ve(K(x)) {
3200
- constructor() {
3201
- super(...arguments), this.backwardText = "Previous page", this.page = 1, this.formatLabelText = ({ count: e }) => `Page of ${e} page${e <= 1 ? "" : "s"}`, this.formatStatusWithDeterminateTotal = ({ start: e, end: s, count: o }) => `${e}–${s} of ${o} item${o <= 1 ? "" : "s"}`, this.formatStatusWithIndeterminateTotal = ({ start: e, end: s, count: o }) => s == null ? `Item ${e}–` : `${e}–${s} item${o <= 1 ? "" : "s"}`, this.formatSupplementalText = ({ count: e }) => this.pagesUnknown || !this.totalItems ? "page" : `of ${e} page${e <= 1 ? "" : "s"}`, this.itemsPerPageText = "Items per page:", this.disabled = !1, this.forwardText = "Next page", this.pageInputDisabled = !1, this.pageSize = 10, this.pagesUnknown = !1, this.size = Ee.MEDIUM, this.start = 0, this.totalPages = 1;
3202
- }
3203
- _handleSlotChange({ target: e }) {
3204
- e.assignedNodes().filter(
3205
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
3206
- (o) => o.nodeType !== Node.TEXT_NODE || o.textContent.trim()
3207
- ).forEach((o) => {
3208
- this._pageSizeSelect.appendChild(o);
3209
- });
3210
- }
3211
- /**
3212
- * @returns Page status text.
3213
- */
3214
- _renderStatusText() {
3215
- const { start: e, pageSize: s, totalItems: o, pagesUnknown: r, formatStatusWithDeterminateTotal: c, formatStatusWithIndeterminateTotal: d } = this, l = o === 0 ? 0 : e + 1;
3216
- if (r || o == null) {
3217
- if (o === 0)
3218
- return c({ start: 0, end: 0, count: 0 });
3219
- const u = e + s;
3220
- return d({
3221
- start: l,
3222
- end: u,
3223
- // Use visible range for pluralization, so we get "items" not "item"
3224
- count: Math.max(0, u - e)
3225
- });
3226
- }
3227
- return c({
3228
- start: l,
3229
- end: Math.min(e + s, o),
3230
- count: o
3231
- });
3232
- }
3233
- /**
3234
- * Calculates the start value based on `page`, `pageSize`, and `totalItems`
3235
- */
3236
- _calculateStart(e, s, o, r) {
3237
- if (!r && o === 0)
3238
- return 0;
3239
- const c = s > 0 ? s : 1, d = (Math.max(1, e) - 1) * c;
3240
- if (!r && Number.isFinite(o)) {
3241
- const l = (Math.ceil(o / c) - 1) * c;
3242
- return Math.max(0, Math.min(d, l));
3243
- }
3244
- return Math.max(0, d);
3245
- }
3246
- /**
3247
- * Handles user-initiated change in the row number the current page starts with.
3248
- *
3249
- * @param start The new current row number, index that starts with zero.
3250
- */
3251
- _handleUserInitiatedChangeStart(e) {
3252
- this.start = e, this.dispatchEvent(new CustomEvent(this.constructor.eventChangeCurrent, {
3253
- bubbles: !0,
3254
- composed: !0,
3255
- detail: {
3256
- page: this.page,
3257
- pageSize: this.pageSize
3258
- }
3259
- }));
3260
- }
3261
- /**
3262
- * Handles user-initiated change in the size of the page.
3263
- */
3264
- _handleUserInitiatedPageSizeChange() {
3265
- this.dispatchEvent(new CustomEvent(this.constructor.eventPageSizeChanged, {
3266
- bubbles: !0,
3267
- composed: !0,
3268
- detail: {
3269
- page: this.page,
3270
- pageSize: this.pageSize
3271
- }
3272
- }));
3273
- }
3274
- /**
3275
- * Handles `click` event on the previous button.
3276
- */
3277
- _handleClickPrevButton() {
3278
- var e;
3279
- const { start: s, pageSize: o } = this;
3280
- this.page--;
3281
- const r = Math.max(s - o, 0);
3282
- if (r !== s && this._handleUserInitiatedChangeStart(r), this.page === 1) {
3283
- const { selectorForwardButton: c } = this.constructor;
3284
- ((e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`[button-class-name*=${c}]`)).focus();
3285
- }
3286
- }
3287
- /**
3288
- * Handles `click` event on the next button.
3289
- */
3290
- _handleClickNextButton() {
3291
- var e;
3292
- const { start: s, pageSize: o, totalItems: r, pagesUnknown: c } = this;
3293
- this.page++;
3294
- const d = s + o;
3295
- if ((d < (r ?? 1 / 0) || c) && this._handleUserInitiatedChangeStart(d), !c && this.page === this.totalPages) {
3296
- const { selectorPreviousButton: l } = this.constructor;
3297
- ((e = this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`[button-class-name*=${l}]`)).focus();
3298
- }
3299
- }
3300
- /**
3301
- * Handles user-initiated change in number of rows per page.
3302
- *
3303
- * @param event The event.
3304
- */
3305
- _handleChangeSelector(e) {
3306
- const { value: s } = e.detail, { totalItems: o, pageSize: r, pagesUnknown: c } = this;
3307
- if (e.composedPath()[0] === this._pageSizeSelect)
3308
- this.pageSize = parseInt(s), this.totalPages = r > 0 ? Math.ceil(o / r) : o, this.page = 1, this.start = 0, this._handleUserInitiatedPageSizeChange();
3309
- else {
3310
- this.page = s;
3311
- const d = this._calculateStart(s, r, o, c);
3312
- this._handleUserInitiatedChangeStart(d);
3313
- }
3314
- }
3315
- updated(e) {
3316
- var s, o, r;
3317
- const { pageSize: c, totalItems: d } = this, { selectorPageSizesSelect: l, selectorPagesSelect: u } = this.constructor;
3318
- if (e.has("pageSize")) {
3319
- const b = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(l);
3320
- b && (b.value = String(c ?? ""));
3321
- }
3322
- if (e.has("pageSize") || e.has("start") || e.has("totalItems") || e.has("page")) {
3323
- const b = c > 0 ? Math.ceil((d ?? 0) / c) : d ?? 0;
3324
- this.totalPages !== b && this.updateComplete.then(() => {
3325
- this.totalPages = b;
3326
- });
3327
- const v = Math.max(1, b || 1), h = Math.max(1, Math.floor(this.page || 1)), g = Math.min(h, v), f = (o = this.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector(u);
3328
- f && (f.value = g.toString());
3329
- }
3330
- if (e.has("page")) {
3331
- this.start = this._calculateStart(this.page, this.pageSize, this.totalItems, this.pagesUnknown);
3332
- const b = (r = this.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(this.constructor.selectorPagesSelect);
3333
- b && (b.value = String(this.page));
3334
- }
3335
- }
3336
- render() {
3337
- const { page: e, disabled: s, forwardText: o, backwardText: r, itemsPerPageText: c, pageInputDisabled: d, pageSize: l, pageSizeInputDisabled: u, pagesUnknown: b, size: v, start: h, totalItems: g, totalPages: f, _handleClickPrevButton: z, _handleClickNextButton: k, _handleSlotChange: G, formatLabelText: C, formatSupplementalText: ee } = this, { isLastPage: de = h + l >= g } = this, Z = s || h === 0, te = s || !b && de, U = {
3338
- [`${t}--btn`]: !0,
3339
- [`${t}--btn--icon-only`]: !0,
3340
- [`${t}--pagination__button`]: !0,
3341
- [`${t}--pagination__button--backward`]: !0,
3342
- [`${t}--pagination__button--no-index`]: Z,
3343
- [`${t}--btn--${v}`]: !0,
3344
- [`${t}--btn--ghost`]: !0
3345
- }, _ = {
3346
- [`${t}--btn`]: !0,
3347
- [`${t}--btn--icon-only`]: !0,
3348
- [`${t}--pagination__button`]: !0,
3349
- [`${t}--pagination__button--forward`]: !0,
3350
- [`${t}--pagination__button--no-index`]: te,
3351
- [`${t}--btn--${v}`]: !0,
3352
- [`${t}--btn--ghost`]: !0
3353
- }, se = Object.entries(U).filter(([, L]) => L === !0).map(([L]) => L).join(" "), xe = Object.entries(_).filter(([, L]) => L === !0).map(([L]) => L).join(" "), we = Number.isFinite(f) && f > 0 ? f : Math.max(1, e || 1);
3354
- return p`
3355
- <div class="${t}--pagination__left">
3356
- <label for="select" class="${t}--pagination__text"
3357
- ><slot name="label-text">${c}</slot></label
3358
- >
3359
- <cds-select
3360
- ?disabled=${s || u}
3361
- id="page-size-select"
3362
- left-select
3363
- pagination
3364
- size="${v}"
3365
- inline
3366
- value="${l}">
3367
- <slot @slotchange=${G}></slot>
3368
- </cds-select>
3369
- <span
3370
- class="${t}--pagination__text ${t}--pagination__items-count"
3371
- >${this._renderStatusText()}</span
3372
- >
3373
- </div>
3374
- <div class="${t}--pagination__right">
3375
- ${!b || g ? p`
3376
- <label
3377
- for="select"
3378
- class="${t}--label ${t}--visually-hidden">
3379
- ${C({ count: f })}
3380
- </label>
3381
- ` : null}
3382
- ${b || !g ? p`
3383
- <span
3384
- class="${t}--pagination__text ${t}--pagination__page-text ${t}--pagination__unknown-pages-text"
3385
- >${ee({ count: f })} ${e}</span
3386
- >
3387
- ` : p`
3388
- <cds-select
3389
- ?disabled=${s || d}
3390
- id="pages-select"
3391
- pagination
3392
- size="${v}"
3393
- inline
3394
- value="${e}">
3395
- ${Array.from(new Array(we)).map((L, ne) => p`
3396
- <cds-select-item
3397
- value="${ne + 1}"
3398
- ?selected=${e === ne + 1}>
3399
- ${ne + 1}
3400
- </cds-select-item>
3401
- `)}
3402
- </cds-select>
3403
- <span class="${t}--pagination__text"
3404
- >${ee({ count: f })}</span
3405
- >
3406
- `}
3407
-
3408
- <div class="${t}--pagination__control-buttons">
3409
- <cds-button
3410
- pagination
3411
- size="${v}"
3412
- ?disabled="${Z}"
3413
- button-class-name="${se}"
3414
- tooltip-text="${r}"
3415
- @click="${z}">
3416
- ${I(kt, { slot: "icon" })}
3417
- </cds-button>
3418
- <cds-button
3419
- tooltip-position="top"
3420
- pagination
3421
- size="${v}"
3422
- ?disabled="${te}"
3423
- button-class-name="${xe}"
3424
- tooltip-text="${o}"
3425
- @click="${k}">
3426
- ${I($t, { slot: "icon" })}
3427
- </cds-button>
3428
- </div>
3429
- </div>
3430
- `;
3431
- }
3432
- /**
3433
- * A selector that will return the select box for the current page.
3434
- */
3435
- static get selectorPagesSelect() {
3436
- return `${t}-select#pages-select`;
3437
- }
3438
- /**
3439
- * A selector that will return the select box for page sizes.
3440
- */
3441
- static get selectorPageSizesSelect() {
3442
- return `${t}-select`;
3443
- }
3444
- /**
3445
- * A selector that will return the previous button.
3446
- */
3447
- static get selectorPreviousButton() {
3448
- return `${t}--pagination__button--backward`;
3449
- }
3450
- /**
3451
- * A selector that will return the forward button.
3452
- */
3453
- static get selectorForwardButton() {
3454
- return `${t}--pagination__button--forward`;
3455
- }
3456
- /**
3457
- * The name of the custom event fired after the current row number is changed.
3458
- */
3459
- static get eventChangeCurrent() {
3460
- return `${t}-pagination-changed-current`;
3461
- }
3462
- /**
3463
- * The name of the custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.
3464
- */
3465
- static get eventPageSizeChanged() {
3466
- return `${t}-page-sizes-select-changed`;
3467
- }
3468
- };
3469
- S.shadowRootOptions = Object.assign(Object.assign({}, x.shadowRootOptions), { delegatesFocus: !0 });
3470
- S.styles = St;
3471
- i([
3472
- J(`${t}-select`)
3473
- ], S.prototype, "_pageSizeSelect", void 0);
3474
- i([
3475
- T(`${t}-select-selected`)
3476
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
3477
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
3478
- ], S.prototype, "_handleChangeSelector", null);
3479
- i([
3480
- a({ attribute: "backward-text" })
3481
- ], S.prototype, "backwardText", void 0);
3482
- i([
3483
- a({ type: Number, reflect: !0 })
3484
- ], S.prototype, "page", void 0);
3485
- i([
3486
- a({ attribute: !1 })
3487
- ], S.prototype, "formatLabelText", void 0);
3488
- i([
3489
- a({ attribute: !1 })
3490
- ], S.prototype, "formatStatusWithDeterminateTotal", void 0);
3491
- i([
3492
- a({ attribute: !1 })
3493
- ], S.prototype, "formatStatusWithIndeterminateTotal", void 0);
3494
- i([
3495
- a({ attribute: !1 })
3496
- ], S.prototype, "formatSupplementalText", void 0);
3497
- i([
3498
- a({ type: Boolean, attribute: "is-last-page" })
3499
- ], S.prototype, "isLastPage", void 0);
3500
- i([
3501
- a({ attribute: "items-per-page-text" })
3502
- ], S.prototype, "itemsPerPageText", void 0);
3503
- i([
3504
- a({ type: Boolean, reflect: !0 })
3505
- ], S.prototype, "disabled", void 0);
3506
- i([
3507
- a({ attribute: "forward-text" })
3508
- ], S.prototype, "forwardText", void 0);
3509
- i([
3510
- a({ type: Boolean, attribute: "page-input-disabled" })
3511
- ], S.prototype, "pageInputDisabled", void 0);
3512
- i([
3513
- a({ type: Number, attribute: "page-size", reflect: !0 })
3514
- ], S.prototype, "pageSize", void 0);
3515
- i([
3516
- a({ type: Boolean, attribute: "page-size-input-disabled" })
3517
- ], S.prototype, "pageSizeInputDisabled", void 0);
3518
- i([
3519
- a({ attribute: "page-size-label-text" })
3520
- ], S.prototype, "pageSizeLabelText", void 0);
3521
- i([
3522
- a({ type: Boolean, reflect: !0, attribute: "pages-unknown" })
3523
- ], S.prototype, "pagesUnknown", void 0);
3524
- i([
3525
- a({ reflect: !0 })
3526
- ], S.prototype, "size", void 0);
3527
- i([
3528
- a({ type: Number })
3529
- ], S.prototype, "start", void 0);
3530
- i([
3531
- a({
3532
- type: Number,
3533
- attribute: "total-items",
3534
- converter: {
3535
- fromAttribute: (n) => n === null || n === "" ? void 0 : Number(n)
3536
- }
3537
- })
3538
- ], S.prototype, "totalItems", void 0);
3539
- i([
3540
- a({ type: Number })
3541
- ], S.prototype, "totalPages", void 0);
3542
- S = i([
3543
- $(`${t}-pagination`)
3544
- ], S);
3545
- let fe = class extends x {
3546
- constructor() {
3547
- super(...arguments), this.disabled = !1, this.label = "";
3548
- }
3549
- };
3550
- i([
3551
- a({ type: Boolean, reflect: !0 })
3552
- ], fe.prototype, "disabled", void 0);
3553
- i([
3554
- a({ reflect: !0 })
3555
- ], fe.prototype, "label", void 0);
3556
- fe = i([
3557
- $(`${t}-select-item-group`)
3558
- ], fe);
3559
- let me = class extends x {
3560
- constructor() {
3561
- super(...arguments), this.hideLabel = !1;
3562
- }
3563
- render() {
3564
- const { hideLabel: e } = this;
3565
- return p`
3566
- ${!e && p` <span class="${t}--label ${t}--skeleton"></span> `}
3567
- <div class="${t}--select ${t}--skeleton"></div>
3568
- `;
3569
- }
3570
- };
3571
- me.styles = Pe;
3572
- i([
3573
- a({ type: Boolean, reflect: !0, attribute: "hide-label" })
3574
- ], me.prototype, "hideLabel", void 0);
3575
- me = i([
3576
- $(`${t}-select-skeleton`)
3577
- ], me);
3578
- const Ct = [5, 10, 15, 20, 50];
3579
- function ss(n) {
3580
- const { _currentPageSize: e, _currentPageNumber: s, _filterVisibleRowIDs: o, rows: r, previousPageText: c, nextPageText: d, itemsPerPageText: l, getPaginationSupplementalText: u, getPaginationStatusText: b, _handlePageChangeEvent: v, _handlePageSizeChangeEvent: h } = n;
3581
- if (!o || !o.size)
3582
- return p``;
3583
- const g = o.size, f = r.length, z = Ct.filter((k) => k < f);
3584
- return p`<cds-pagination
3585
- page-size=${e}
3586
- page=${s}
3587
- total-items=${g}
3588
- totalPages=${Math.ceil(g / e)}
3589
- backward-text=${c}
3590
- forward-text=${d}
3591
- items-per-page-text=${l}
3592
- .formatSupplementalText=${u}
3593
- .formatStatusWithDeterminateTotal=${b}
3594
- @cds-pagination-changed-current=${v}
3595
- @cds-page-sizes-select-changed=${h}
3596
- >
3597
- ${z.map((k) => p`<cds-select-item value="${k}"
3598
- >${k}</cds-select-item
3599
- >`)}
3600
- <cds-select-item value="${f}">${f}</cds-select-item>
3601
- </cds-pagination>`;
3602
- }
3603
- export {
3604
- ss as tablePaginationTemplate,
3605
- Zt as tableTemplate
3606
- };