@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.
- package/dist/index.css +1 -1
- package/dist/index.js +5423 -28
- package/dist/package.json +6 -2
- package/package.json +6 -2
- package/dist/ConversationHistoryPanel/ConversationHistoryPanel.d.ts +0 -19
- package/dist/ConversationHistoryPanel/ConversationHistoryPanel.d.ts.map +0 -1
- package/dist/ConversationHistoryPanel/ConversationHistoryRow.d.ts +0 -14
- package/dist/ConversationHistoryPanel/ConversationHistoryRow.d.ts.map +0 -1
- package/dist/ConversationHistoryPanel/index.d.ts +0 -2
- package/dist/ConversationHistoryPanel/index.d.ts.map +0 -1
- package/dist/CopilotChat.d.ts +0 -18
- package/dist/CopilotChat.d.ts.map +0 -1
- package/dist/CopilotSidecar.d.ts +0 -12
- package/dist/CopilotSidecar.d.ts.map +0 -1
- package/dist/apl-B2DGVGxc.mjs +0 -76
- package/dist/asciiarmor-2LVJmxlE.mjs +0 -34
- package/dist/asn1-jKiBa2Ya.mjs +0 -95
- package/dist/asterisk-DS281yxp.mjs +0 -271
- package/dist/clike-BMALKCNj.mjs +0 -620
- package/dist/clojure-CCKyeQKf.mjs +0 -800
- package/dist/cmake-CuaCgAKt.mjs +0 -28
- package/dist/cobol-BlTKFDRj.mjs +0 -72
- package/dist/codemirror-runtime-DN57DLqx.mjs +0 -14620
- package/dist/coffeescript-BVCvwO8I.mjs +0 -179
- package/dist/commonlisp-D_kxz07b.mjs +0 -75
- package/dist/crystal-D309uH6_.mjs +0 -217
- package/dist/css-BkF-NPzE.mjs +0 -1553
- package/dist/cypher-BMq4Fwjl.mjs +0 -68
- package/dist/d-BZcgY6La.mjs +0 -127
- package/dist/diff-Cg9d_RX2.mjs +0 -18
- package/dist/dockerfile-BmicwmnY.mjs +0 -194
- package/dist/dtd-CtLokQ-U.mjs +0 -84
- package/dist/dylan-QYeExnWK.mjs +0 -234
- package/dist/ebnf-DUPDuY4r.mjs +0 -78
- package/dist/ecl-CiXN-g_D.mjs +0 -121
- package/dist/eiffel-yQhjl4T1.mjs +0 -110
- package/dist/elm-CNT9vbN0.mjs +0 -108
- package/dist/erlang-CFOYdy9e.mjs +0 -487
- package/dist/factor-CYi8BYN3.mjs +0 -65
- package/dist/fcl-CPC2WYrI.mjs +0 -103
- package/dist/forth-BmxRyE9S.mjs +0 -60
- package/dist/fortran-9bvPyrOW.mjs +0 -442
- package/dist/gas-cpmYfFX2.mjs +0 -183
- package/dist/gherkin-CJuwpceU.mjs +0 -34
- package/dist/groovy-DZeT_VM-.mjs +0 -146
- package/dist/haskell-CxiO_7JL.mjs +0 -375
- package/dist/haxe-70NVW1pR.mjs +0 -359
- package/dist/hooks/index.d.ts +0 -7
- package/dist/hooks/index.d.ts.map +0 -1
- package/dist/hooks/useAgentAdapter.d.ts +0 -3
- package/dist/hooks/useAgentAdapter.d.ts.map +0 -1
- package/dist/hooks/useConversationLifecycle.d.ts +0 -16
- package/dist/hooks/useConversationLifecycle.d.ts.map +0 -1
- package/dist/hooks/useCopilotSidecar.d.ts +0 -6
- package/dist/hooks/useCopilotSidecar.d.ts.map +0 -1
- package/dist/hooks/useEventProcessing.d.ts +0 -26
- package/dist/hooks/useEventProcessing.d.ts.map +0 -1
- package/dist/hooks/useToolExecution.d.ts +0 -11
- package/dist/hooks/useToolExecution.d.ts.map +0 -1
- package/dist/hooks/useTransportSubscription.d.ts +0 -6
- package/dist/hooks/useTransportSubscription.d.ts.map +0 -1
- package/dist/http-D9LttvKF.mjs +0 -44
- package/dist/idl-B6TRFYjl.mjs +0 -947
- package/dist/index-61nyxvLt.mjs +0 -138
- package/dist/index-9DDv9i4k.mjs +0 -555
- package/dist/index-9LzGM3Tf.mjs +0 -101
- package/dist/index-B68tiRpB.mjs +0 -342
- package/dist/index-BFfuxTl0.mjs +0 -248
- package/dist/index-BN1g2LCp.mjs +0 -270
- package/dist/index-BZylef8t.mjs +0 -612
- package/dist/index-BsJOd3yN.mjs +0 -253
- package/dist/index-BvOoeB_X.mjs +0 -310
- package/dist/index-C2BPUXNG.mjs +0 -946
- package/dist/index-CNSMHaJL.mjs +0 -302
- package/dist/index-CWVsn7Ik.mjs +0 -1918
- package/dist/index-CYJusi0T.mjs +0 -565
- package/dist/index-CYMOKrFz.mjs +0 -157
- package/dist/index-Cu_bl2ol.mjs +0 -1307
- package/dist/index-Ddm1PyM_.mjs +0 -289
- package/dist/index-DfGa1EZ6.mjs +0 -960
- package/dist/index-FIfj5vEl.mjs +0 -94
- package/dist/index-K8lyX8F9.mjs +0 -76
- package/dist/index-TBOAg0OP.mjs +0 -21326
- package/dist/index-bxhTUN49.mjs +0 -74
- package/dist/index-mqjp_-mu.mjs +0 -59
- package/dist/index-snW0nLB3.mjs +0 -136
- package/dist/index.d.ts +0 -20
- package/dist/index.d.ts.map +0 -1
- package/dist/javascript-DOuB9oqA.mjs +0 -691
- package/dist/julia-DpvXAuO6.mjs +0 -241
- package/dist/layout/attachSidecarLayout.d.ts +0 -4
- package/dist/layout/attachSidecarLayout.d.ts.map +0 -1
- package/dist/layout/index.d.ts +0 -2
- package/dist/layout/index.d.ts.map +0 -1
- package/dist/layout/sidecarDom.d.ts +0 -10
- package/dist/layout/sidecarDom.d.ts.map +0 -1
- package/dist/layout/sidecarMediaQuery.d.ts +0 -3
- package/dist/layout/sidecarMediaQuery.d.ts.map +0 -1
- package/dist/layout/sidecarState.d.ts +0 -29
- package/dist/layout/sidecarState.d.ts.map +0 -1
- package/dist/layout/sidecarTypes.d.ts +0 -14
- package/dist/layout/sidecarTypes.d.ts.map +0 -1
- package/dist/livescript-CanGTf8u.mjs +0 -272
- package/dist/lua-XplVlWi_.mjs +0 -217
- package/dist/mathematica-jaRHnSxC.mjs +0 -35
- package/dist/mbox-BctzC1hL.mjs +0 -76
- package/dist/mirc-CFBPAOaF.mjs +0 -72
- package/dist/mllike-BSnXJBGA.mjs +0 -272
- package/dist/modelica-vUgVs--1.mjs +0 -93
- package/dist/mscgen-Cpl0NYLN.mjs +0 -104
- package/dist/mumps-CQoS1kWX.mjs +0 -25
- package/dist/nginx-zDPm3Z74.mjs +0 -89
- package/dist/nsis-DYWPgAyk.mjs +0 -62
- package/dist/ntriples-CsNjv2QF.mjs +0 -79
- package/dist/octave-C8PmmSRH.mjs +0 -143
- package/dist/oz-Ce8aN8oE.mjs +0 -151
- package/dist/pascal-De0D6mP7.mjs +0 -77
- package/dist/perl-B4bSCe1C.mjs +0 -915
- package/dist/pig-D24Z8EXi.mjs +0 -54
- package/dist/powershell-DkYVfTzP.mjs +0 -249
- package/dist/properties-Dn9wna3M.mjs +0 -26
- package/dist/protobuf-BPIjwpzm.mjs +0 -49
- package/dist/pug-Bz8aeT0D.mjs +0 -248
- package/dist/puppet-nyd4dhjf.mjs +0 -45
- package/dist/python-BkR3uSy8.mjs +0 -313
- package/dist/q-DyHZGnqm.mjs +0 -86
- package/dist/r-LKEuhEGI.mjs +0 -104
- package/dist/registry/index.d.ts +0 -2
- package/dist/registry/index.d.ts.map +0 -1
- package/dist/registry/toolDefinitions.d.ts +0 -10
- package/dist/registry/toolDefinitions.d.ts.map +0 -1
- package/dist/registry/toolRegistry.d.ts +0 -29
- package/dist/registry/toolRegistry.d.ts.map +0 -1
- package/dist/rpm-IznJm2Xc.mjs +0 -57
- package/dist/ruby-CcYfvIk6.mjs +0 -228
- package/dist/sas-7E8yHoCW.mjs +0 -105
- package/dist/scheme-DjibxsNh.mjs +0 -124
- package/dist/shell-C0C2sNA_.mjs +0 -182
- package/dist/sidecar-api.d.ts +0 -5
- package/dist/sidecar-api.d.ts.map +0 -1
- package/dist/sieve-Bwz7vjP5.mjs +0 -72
- package/dist/simple-mode-mNVtnu0l.mjs +0 -89
- package/dist/smalltalk-Bhddl2pB.mjs +0 -48
- package/dist/solr-BNlsLglM.mjs +0 -41
- package/dist/sparql-FarWu_Gb.mjs +0 -197
- package/dist/spreadsheet-C-cy4P5N.mjs +0 -49
- package/dist/sql-CfG5lQ3l.mjs +0 -282
- package/dist/stex-Du4h4KAU.mjs +0 -129
- package/dist/store/agentStore.d.ts +0 -27
- package/dist/store/agentStore.d.ts.map +0 -1
- package/dist/store/agentStoreEventProcessor.d.ts +0 -21
- package/dist/store/agentStoreEventProcessor.d.ts.map +0 -1
- package/dist/store/chatStore.d.ts +0 -36
- package/dist/store/chatStore.d.ts.map +0 -1
- package/dist/store/historyStore.d.ts +0 -25
- package/dist/store/historyStore.d.ts.map +0 -1
- package/dist/store/index.d.ts +0 -5
- package/dist/store/index.d.ts.map +0 -1
- package/dist/store/sidecarStore.d.ts +0 -9
- package/dist/store/sidecarStore.d.ts.map +0 -1
- package/dist/styles/ensureSidecarStyles.d.ts +0 -2
- package/dist/styles/ensureSidecarStyles.d.ts.map +0 -1
- package/dist/stylus-CAdqWld3.mjs +0 -250
- package/dist/swift-DSxqR9R6.mjs +0 -230
- package/dist/sync-ottB0RsS.mjs +0 -1251
- package/dist/table-runtime-eW_FiMnH.mjs +0 -3606
- package/dist/tcl-xfoLljhY.mjs +0 -81
- package/dist/test-setup.d.ts +0 -1
- package/dist/test-setup.d.ts.map +0 -1
- package/dist/textile-D1AWE-pc.mjs +0 -295
- package/dist/tiddlywiki-5wqsXtSk.mjs +0 -155
- package/dist/tiki-__Kn3CeS.mjs +0 -181
- package/dist/toml-DWAmxCjl.mjs +0 -58
- package/dist/tools/kapaAi/KapaSearchBridge.d.ts +0 -7
- package/dist/tools/kapaAi/KapaSearchBridge.d.ts.map +0 -1
- package/dist/tools/kapaAi/kapaSearchExecutor.d.ts +0 -35
- package/dist/tools/kapaAi/kapaSearchExecutor.d.ts.map +0 -1
- package/dist/tools/kapaAi/kapaSearchTool.d.ts +0 -24
- package/dist/tools/kapaAi/kapaSearchTool.d.ts.map +0 -1
- package/dist/troff-D2UO-fKf.mjs +0 -35
- package/dist/ttcn-Bsa4sfRm.mjs +0 -123
- package/dist/ttcn-cfg-Bac_acMi.mjs +0 -88
- package/dist/turtle-xwJUxoPV.mjs +0 -80
- package/dist/types/agentTypes.d.ts +0 -11
- package/dist/types/agentTypes.d.ts.map +0 -1
- package/dist/types/chatTypes.d.ts +0 -45
- package/dist/types/chatTypes.d.ts.map +0 -1
- package/dist/types/eventTypes.d.ts +0 -28
- package/dist/types/eventTypes.d.ts.map +0 -1
- package/dist/types/historyTypes.d.ts +0 -34
- package/dist/types/historyTypes.d.ts.map +0 -1
- package/dist/types/index.d.ts +0 -5
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/toolTypes.d.ts +0 -51
- package/dist/types/toolTypes.d.ts.map +0 -1
- package/dist/types/transportTypes.d.ts +0 -49
- package/dist/types/transportTypes.d.ts.map +0 -1
- package/dist/utils/eventHandlers.d.ts +0 -34
- package/dist/utils/eventHandlers.d.ts.map +0 -1
- package/dist/utils/eventPredicates.d.ts +0 -10
- package/dist/utils/eventPredicates.d.ts.map +0 -1
- package/dist/utils/index.d.ts +0 -7
- package/dist/utils/index.d.ts.map +0 -1
- package/dist/utils/mapConversationMessages.d.ts +0 -12
- package/dist/utils/mapConversationMessages.d.ts.map +0 -1
- package/dist/utils/parseToolArguments.d.ts +0 -6
- package/dist/utils/parseToolArguments.d.ts.map +0 -1
- package/dist/utils/statusLabels.d.ts +0 -3
- package/dist/utils/statusLabels.d.ts.map +0 -1
- package/dist/utils/thinkingBlockUtils.d.ts +0 -18
- package/dist/utils/thinkingBlockUtils.d.ts.map +0 -1
- package/dist/utils/toolResultFormatter.d.ts +0 -6
- package/dist/utils/toolResultFormatter.d.ts.map +0 -1
- package/dist/vb-c2kQGd6-.mjs +0 -74
- package/dist/vbscript-1f_Dhg5H.mjs +0 -324
- package/dist/velocity-DJd0pTTC.mjs +0 -96
- package/dist/verilog-CiS1jyi5.mjs +0 -262
- package/dist/vhdl-T9HkrbI2.mjs +0 -106
- package/dist/webidl-CjfDENEo.mjs +0 -155
- package/dist/xquery-Ct6lEb4B.mjs +0 -422
- package/dist/yacas-C0absKBh.mjs +0 -73
- 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` `}
|
|
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
|
-
};
|