diff options
author | Anne Tomasevich <atomasevich@wikimedia.org> | 2023-08-16 12:35:28 -0400 |
---|---|---|
committer | Anne Tomasevich <atomasevich@wikimedia.org> | 2023-08-16 12:35:28 -0400 |
commit | 9f8039d16980bb8e657328f647b4586cb1e1bbbb (patch) | |
tree | 9385393058f8f6118480cc1bc1074787135538b2 | |
parent | 43607fd156f31d83e0aa4992d4d8384dc20e2d4e (diff) | |
download | mediawikicore-9f8039d16980bb8e657328f647b4586cb1e1bbbb.tar.gz mediawikicore-9f8039d16980bb8e657328f647b4586cb1e1bbbb.zip |
Update Codex from v0.16.1 to v0.17.0
Bug: T335087
Bug: T337808
Bug: T339962
Bug: T342295
Bug: T343490
Bug: T344178
Change-Id: I8a63d25da31198551a92be548ea161b481ad7ce2
-rw-r--r-- | RELEASE-NOTES-1.41 | 2 | ||||
-rw-r--r-- | resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less | 4 | ||||
-rw-r--r-- | resources/lib/codex-design-tokens/theme-wikimedia-ui.less | 4 | ||||
-rw-r--r-- | resources/lib/codex-search/codex-search.mjs | 1268 | ||||
-rw-r--r-- | resources/lib/codex-search/codex-search.umd.js | 4 | ||||
-rw-r--r-- | resources/lib/codex/codex.mjs | 2575 | ||||
-rw-r--r-- | resources/lib/codex/codex.style-legacy-rtl.css | 2 | ||||
-rw-r--r-- | resources/lib/codex/codex.style-legacy.css | 2 | ||||
-rw-r--r-- | resources/lib/codex/codex.style-rtl.css | 2 | ||||
-rw-r--r-- | resources/lib/codex/codex.style.css | 2 | ||||
-rw-r--r-- | resources/lib/codex/codex.umd.js | 8 | ||||
-rw-r--r-- | resources/lib/foreign-resources.yaml | 24 |
12 files changed, 1983 insertions, 1914 deletions
diff --git a/RELEASE-NOTES-1.41 b/RELEASE-NOTES-1.41 index 4dd6343b549c..da7e6763f465 100644 --- a/RELEASE-NOTES-1.41 +++ b/RELEASE-NOTES-1.41 @@ -85,7 +85,7 @@ For notes on 1.40.x and older releases, see HISTORY. ==== Changed external libraries ==== * Updated codex, codex-search, codex-design-tokens and codex-icons - from v0.6.2 to v0.16.1. + from v0.6.2 to v0.17.0. * Updated Mustache from 3.0.1 to 4.2.0. * Updated OOjs from 6.0.0 to 7.0.1. * Updated wikimedia/composer-merge-plugin from 2.0.1 to 2.1.0. diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less index b5e4bf3bc574..149b824e537a 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 01 Aug 2023 23:25:16 GMT +// Generated on Wed, 16 Aug 2023 16:17:43 GMT @font-size-base: 14px; @font-size-x-small: 0.8571429em; // `x` stands for extra. In this case extra small. @@ -289,8 +289,6 @@ @background-color-primary--hover: rgba( 51, 102, 204, 0.1 ); // Warning: the following token name is deprecated (Use `color-subtle` instead. Note, that `color-subtle` is using `color.gray600` instead of `color.gray500` now.) @color-base--subtle: #72777d; -// Warning: the following token name is deprecated (Use `min-size-interactive-pointer`/`min-size-interactive-touch` instead.) -@min-size-base: 32px; // Warning: the following token name is deprecated, use min-width-breakpoint-mobile instead. (Legacy breakpoint. Use `min-width`/`max-width` breakpoint token instead. A mobile device's screen width. Many older feature phones have screens smaller than this value.) @width-breakpoint-mobile: 320px; // Warning: the following token name is deprecated (Legacy breakpoint. Use `min-width`/`max-width` breakpoint token instead. A tablet device's screen width.) diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less index df1281940bd3..d4565aa907fe 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 01 Aug 2023 23:25:16 GMT +// Generated on Wed, 16 Aug 2023 16:17:43 GMT @font-size-base: 16px; @font-size-x-small: 0.75em; // `x` stands for extra. In this case extra small. @@ -289,8 +289,6 @@ @background-color-primary--hover: rgba( 51, 102, 204, 0.1 ); // Warning: the following token name is deprecated (Use `color-subtle` instead. Note, that `color-subtle` is using `color.gray600` instead of `color.gray500` now.) @color-base--subtle: #72777d; -// Warning: the following token name is deprecated (Use `min-size-interactive-pointer`/`min-size-interactive-touch` instead.) -@min-size-base: 32px; // Warning: the following token name is deprecated, use min-width-breakpoint-mobile instead. (Legacy breakpoint. Use `min-width`/`max-width` breakpoint token instead. A mobile device's screen width. Many older feature phones have screens smaller than this value.) @width-breakpoint-mobile: 320px; // Warning: the following token name is deprecated (Legacy breakpoint. Use `min-width`/`max-width` breakpoint token instead. A tablet device's screen width.) diff --git a/resources/lib/codex-search/codex-search.mjs b/resources/lib/codex-search/codex-search.mjs index 3fb93566f424..eb9ebaab59dd 100644 --- a/resources/lib/codex-search/codex-search.mjs +++ b/resources/lib/codex-search/codex-search.mjs @@ -1,53 +1,53 @@ -var Ke = Object.defineProperty, Ae = Object.defineProperties; -var Re = Object.getOwnPropertyDescriptors; -var ie = Object.getOwnPropertySymbols; -var _e = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable; -var Ie = (e, t, n) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, we = (e, t) => { +var Re = Object.defineProperty, De = Object.defineProperties; +var Ee = Object.getOwnPropertyDescriptors; +var re = Object.getOwnPropertySymbols; +var we = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable; +var Se = (e, t, n) => t in e ? Re(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ke = (e, t) => { for (var n in t || (t = {})) - _e.call(t, n) && Ie(e, n, t[n]); - if (ie) - for (var n of ie(t)) - Se.call(t, n) && Ie(e, n, t[n]); + we.call(t, n) && Se(e, n, t[n]); + if (re) + for (var n of re(t)) + xe.call(t, n) && Se(e, n, t[n]); return e; -}, xe = (e, t) => Ae(e, Re(t)); -var Y = (e, t) => { +}, Me = (e, t) => De(e, Ee(t)); +var Z = (e, t) => { var n = {}; - for (var a in e) - _e.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]); - if (e != null && ie) - for (var a of ie(e)) - t.indexOf(a) < 0 && Se.call(e, a) && (n[a] = e[a]); + for (var l in e) + we.call(e, l) && t.indexOf(l) < 0 && (n[l] = e[l]); + if (e != null && re) + for (var l of re(e)) + t.indexOf(l) < 0 && xe.call(e, l) && (n[l] = e[l]); return n; }; -var pe = (e, t, n) => new Promise((a, o) => { - var u = (l) => { +var ve = (e, t, n) => new Promise((l, s) => { + var r = (o) => { try { - i(n.next(l)); - } catch (r) { - o(r); + u(n.next(o)); + } catch (d) { + s(d); } - }, s = (l) => { + }, i = (o) => { try { - i(n.throw(l)); - } catch (r) { - o(r); + u(n.throw(o)); + } catch (d) { + s(d); } - }, i = (l) => l.done ? a(l.value) : Promise.resolve(l.value).then(u, s); - i((n = n.apply(e, t)).next()); + }, u = (o) => o.done ? l(o.value) : Promise.resolve(o.value).then(r, i); + u((n = n.apply(e, t)).next()); }); -import { ref as y, onMounted as W, defineComponent as D, computed as h, openBlock as f, createElementBlock as v, normalizeClass as K, toDisplayString as V, createCommentVNode as w, resolveComponent as B, createVNode as j, Transition as De, withCtx as q, normalizeStyle as te, createElementVNode as I, createTextVNode as ee, withModifiers as Ce, renderSlot as R, createBlock as L, resolveDynamicComponent as Ee, Fragment as ve, getCurrentInstance as Ne, onUnmounted as ke, watch as Z, toRef as z, nextTick as ue, withDirectives as Me, mergeProps as P, renderList as Fe, vShow as Oe, Comment as qe, warn as ze, withKeys as ye, inject as re, vModelDynamic as He } from "vue"; -const Ue = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Qe = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', je = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Pe = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', We = Ue, Ge = Qe, Je = je, Xe = Pe; -function Ye(e, t, n) { +import { ref as v, onMounted as W, defineComponent as R, computed as h, openBlock as f, createElementBlock as g, normalizeClass as L, toDisplayString as T, createCommentVNode as w, resolveComponent as B, createVNode as j, Transition as Ne, withCtx as O, normalizeStyle as ne, createElementVNode as _, createTextVNode as te, withModifiers as _e, renderSlot as A, createBlock as V, resolveDynamicComponent as Fe, Fragment as Ce, getCurrentInstance as Oe, onUnmounted as Te, watch as ee, toRef as q, nextTick as de, withDirectives as Be, mergeProps as P, renderList as qe, vShow as ze, Comment as He, warn as Ue, withKeys as $e, inject as ce, vModelDynamic as Qe } from "vue"; +const je = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Pe = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', We = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Ge = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Je = je, Xe = Pe, Ye = We, Ze = Ge; +function et(e, t, n) { if (typeof e == "string" || "path" in e) return e; if ("shouldFlip" in e) return e.ltr; if ("rtl" in e) return n === "rtl" ? e.rtl : e.ltr; - const a = t in e.langCodeMap ? e.langCodeMap[t] : e.default; - return typeof a == "string" || "path" in a ? a : a.ltr; + const l = t in e.langCodeMap ? e.langCodeMap[t] : e.default; + return typeof l == "string" || "path" in l ? l : l.ltr; } -function Ze(e, t) { +function tt(e, t) { if (typeof e == "string") return !1; if ("langCodeMap" in e) { @@ -62,15 +62,15 @@ function Ze(e, t) { } return "shouldFlip" in e ? e.shouldFlip : !1; } -function et(e) { - const t = y(null); +function nt(e) { + const t = v(null); return W(() => { const n = window.getComputedStyle(e.value).direction; t.value = n === "ltr" || n === "rtl" ? n : null; }), t; } -function tt(e) { - const t = y(""); +function at(e) { + const t = v(""); return W(() => { let n = e.value; for (; n && n.lang === ""; ) @@ -78,25 +78,25 @@ function tt(e) { t.value = n ? n.lang : null; }), t; } -function U(e) { +function z(e) { return (t) => typeof t == "string" && e.indexOf(t) !== -1; } -const me = "cdx", nt = [ +const ye = "cdx", lt = [ "default", "progressive", "destructive" -], at = [ +], ot = [ "normal", "primary", "quiet" -], lt = [ +], st = [ "medium", "large" -], ot = [ +], it = [ "x-small", "small", "medium" -], st = [ +], ut = [ "text", "search", "number", @@ -109,10 +109,10 @@ const me = "cdx", nt = [ "date", "datetime-local", "time" -], Te = [ +], Ve = [ "default", "error" -], it = 120, ut = 500, Q = "cdx-menu-footer-item", rt = Symbol("CdxId"), dt = Symbol("CdxDescriptionId"), ct = Symbol("CdxStatus"), ht = Symbol("CdxDisabled"), ft = U(ot), pt = D({ +], rt = 120, dt = 500, Q = "cdx-menu-footer-item", ct = Symbol("CdxId"), ht = Symbol("CdxDescriptionId"), ft = Symbol("CdxStatus"), pt = Symbol("CdxDisabled"), mt = z(it), gt = R({ name: "CdxIcon", props: { /** The SVG path or an object containing that path plus other data. */ @@ -156,36 +156,36 @@ const me = "cdx", nt = [ size: { type: String, default: "medium", - validator: ft + validator: mt } }, setup(e) { - const t = y(), n = et(t), a = tt(t), o = h(() => e.dir || n.value), u = h(() => e.lang || a.value), s = h(() => ({ - "cdx-icon--flipped": o.value === "rtl" && u.value !== null && Ze(e.icon, u.value), + const t = v(), n = nt(t), l = at(t), s = h(() => e.dir || n.value), r = h(() => e.lang || l.value), i = h(() => ({ + "cdx-icon--flipped": s.value === "rtl" && r.value !== null && tt(e.icon, r.value), [`cdx-icon--${e.size}`]: !0 - })), i = h( - () => Ye(e.icon, u.value || "", o.value || "ltr") - ), l = h(() => typeof i.value == "string" ? i.value : ""), r = h(() => typeof i.value != "string" ? i.value.path : ""); + })), u = h( + () => et(e.icon, r.value || "", s.value || "ltr") + ), o = h(() => typeof u.value == "string" ? u.value : ""), d = h(() => typeof u.value != "string" ? u.value.path : ""); return { rootElement: t, - rootClasses: s, - iconSvg: l, - iconPath: r + rootClasses: i, + iconSvg: o, + iconPath: d }; } }); -const E = (e, t) => { +const D = (e, t) => { const n = e.__vccOpts || e; - for (const [a, o] of t) - n[a] = o; + for (const [l, s] of t) + n[l] = s; return n; -}, mt = ["aria-hidden"], gt = { key: 0 }, vt = ["innerHTML"], yt = ["d"]; -function bt(e, t, n, a, o, u) { - return f(), v("span", { +}, vt = ["aria-hidden"], yt = { key: 0 }, bt = ["innerHTML"], Ct = ["d"]; +function $t(e, t, n, l, s, r) { + return f(), g("span", { ref: "rootElement", - class: K(["cdx-icon", e.rootClasses]) + class: L(["cdx-icon", e.rootClasses]) }, [ - (f(), v("svg", { + (f(), g("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", width: "20", @@ -193,20 +193,20 @@ function bt(e, t, n, a, o, u) { viewBox: "0 0 20 20", "aria-hidden": e.iconLabel ? void 0 : !0 }, [ - e.iconLabel ? (f(), v("title", gt, V(e.iconLabel), 1)) : w("", !0), - e.iconSvg ? (f(), v("g", { + e.iconLabel ? (f(), g("title", yt, T(e.iconLabel), 1)) : w("", !0), + e.iconSvg ? (f(), g("g", { key: 1, innerHTML: e.iconSvg - }, null, 8, vt)) : (f(), v("path", { + }, null, 8, bt)) : (f(), g("path", { key: 2, d: e.iconPath - }, null, 8, yt)) - ], 8, mt)) + }, null, 8, Ct)) + ], 8, vt)) ], 2); } -const ne = /* @__PURE__ */ E(pt, [["render", bt]]), Ct = D({ +const ae = /* @__PURE__ */ D(gt, [["render", $t]]), It = R({ name: "CdxThumbnail", - components: { CdxIcon: ne }, + components: { CdxIcon: ae }, props: { /** * Thumbnail data. @@ -220,45 +220,45 @@ const ne = /* @__PURE__ */ E(pt, [["render", bt]]), Ct = D({ */ placeholderIcon: { type: [String, Object], - default: Je + default: Ye } }, setup: (e) => { - const t = y(!1), n = y({}), a = (o) => { - const u = o.replace(/([\\"\n])/g, "\\$1"), s = new Image(); - s.onload = () => { - n.value = { backgroundImage: `url("${u}")` }, t.value = !0; - }, s.onerror = () => { + const t = v(!1), n = v({}), l = (s) => { + const r = s.replace(/([\\"\n])/g, "\\$1"), i = new Image(); + i.onload = () => { + n.value = { backgroundImage: `url("${r}")` }, t.value = !0; + }, i.onerror = () => { t.value = !1; - }, s.src = u; + }, i.src = r; }; return W(() => { - var o; - (o = e.thumbnail) != null && o.url && a(e.thumbnail.url); + var s; + (s = e.thumbnail) != null && s.url && l(e.thumbnail.url); }), { thumbnailStyle: n, thumbnailLoaded: t }; } }); -const $t = { class: "cdx-thumbnail" }, It = { +const _t = { class: "cdx-thumbnail" }, St = { key: 0, class: "cdx-thumbnail__placeholder" }; -function _t(e, t, n, a, o, u) { - const s = B("cdx-icon"); - return f(), v("span", $t, [ - e.thumbnailLoaded ? w("", !0) : (f(), v("span", It, [ - j(s, { +function wt(e, t, n, l, s, r) { + const i = B("cdx-icon"); + return f(), g("span", _t, [ + e.thumbnailLoaded ? w("", !0) : (f(), g("span", St, [ + j(i, { icon: e.placeholderIcon, class: "cdx-thumbnail__placeholder__icon--vue" }, null, 8, ["icon"]) ])), - j(De, { name: "cdx-thumbnail__image" }, { - default: q(() => [ - e.thumbnailLoaded ? (f(), v("span", { + j(Ne, { name: "cdx-thumbnail__image" }, { + default: O(() => [ + e.thumbnailLoaded ? (f(), g("span", { key: 0, - style: te(e.thumbnailStyle), + style: ne(e.thumbnailStyle), class: "cdx-thumbnail__image" }, null, 4)) : w("", !0) ]), @@ -266,27 +266,27 @@ function _t(e, t, n, a, o, u) { }) ]); } -const St = /* @__PURE__ */ E(Ct, [["render", _t]]); -function wt(e) { +const xt = /* @__PURE__ */ D(It, [["render", wt]]); +function kt(e) { return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1"); } -const xt = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; -function kt(e, t) { +const Mt = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; +function Tt(e, t) { if (!e) return [t, "", ""]; - const n = wt(e), a = new RegExp( + const n = kt(e), l = new RegExp( // Per https://www.regular-expressions.info/unicode.html, "any code point that is not a // combining mark can be followed by any number of combining marks." See also the // discussion in https://phabricator.wikimedia.org/T35242. - n + xt + "*", + n + Mt + "*", "i" ).exec(t); - if (!a || a.index === void 0) + if (!l || l.index === void 0) return [t, "", ""]; - const o = a.index, u = o + a[0].length, s = t.slice(o, u), i = t.slice(0, o), l = t.slice(u, t.length); - return [i, s, l]; + const s = l.index, r = s + l[0].length, i = t.slice(s, r), u = t.slice(0, s), o = t.slice(r, t.length); + return [u, i, o]; } -const Mt = D({ +const Bt = R({ name: "CdxSearchResultTitle", props: { /** @@ -305,22 +305,22 @@ const Mt = D({ } }, setup: (e) => ({ - titleChunks: h(() => kt(e.searchQuery, String(e.title))) + titleChunks: h(() => Tt(e.searchQuery, String(e.title))) }) }); -const Tt = { class: "cdx-search-result-title" }, Vt = { class: "cdx-search-result-title__match" }; -function Bt(e, t, n, a, o, u) { - return f(), v("span", Tt, [ - I("bdi", null, [ - ee(V(e.titleChunks[0]), 1), - I("span", Vt, V(e.titleChunks[1]), 1), - ee(V(e.titleChunks[2]), 1) +const Vt = { class: "cdx-search-result-title" }, Lt = { class: "cdx-search-result-title__match" }; +function Kt(e, t, n, l, s, r) { + return f(), g("span", Vt, [ + _("bdi", null, [ + te(T(e.titleChunks[0]), 1), + _("span", Lt, T(e.titleChunks[1]), 1), + te(T(e.titleChunks[2]), 1) ]) ]); } -const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), Kt = D({ +const At = /* @__PURE__ */ D(Bt, [["render", Kt]]), Rt = R({ name: "CdxMenuItem", - components: { CdxIcon: ne, CdxThumbnail: St, CdxSearchResultTitle: Lt }, + components: { CdxIcon: ae, CdxThumbnail: xt, CdxSearchResultTitle: At }, props: { /** * ID for HTML `id` attribute. @@ -468,13 +468,13 @@ const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), Kt = D({ setup: (e, { emit: t }) => { const n = () => { e.highlighted || t("change", "highlighted", !0); - }, a = () => { + }, l = () => { t("change", "highlighted", !1); - }, o = (m) => { - m.button === 0 && t("change", "active", !0); - }, u = () => { + }, s = (y) => { + y.button === 0 && t("change", "active", !0); + }, r = () => { t("change", "selected", !0); - }, s = h(() => e.searchQuery.length > 0), i = h(() => ({ + }, i = h(() => e.searchQuery.length > 0), u = h(() => ({ "cdx-menu-item--selected": e.selected, // Only show the active visual state when the menu item is both active and // highlighted. This means, on mousedown -> mouseleave, the menu item is still @@ -486,107 +486,107 @@ const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), Kt = D({ "cdx-menu-item--highlighted": e.highlighted, "cdx-menu-item--enabled": !e.disabled, "cdx-menu-item--disabled": e.disabled, - "cdx-menu-item--highlight-query": s.value, + "cdx-menu-item--highlight-query": i.value, "cdx-menu-item--bold-label": e.boldLabel, "cdx-menu-item--has-description": !!e.description, "cdx-menu-item--hide-description-overflow": e.hideDescriptionOverflow - })), l = h(() => e.url ? "a" : "span"), r = h(() => e.label || String(e.value)); + })), o = h(() => e.url ? "a" : "span"), d = h(() => e.label || String(e.value)); return { onMouseMove: n, - onMouseLeave: a, - onMouseDown: o, - onClick: u, - highlightQuery: s, - rootClasses: i, - contentTag: l, - title: r + onMouseLeave: l, + onMouseDown: s, + onClick: r, + highlightQuery: i, + rootClasses: u, + contentTag: o, + title: d }; } }); -const At = ["id", "aria-disabled", "aria-selected"], Rt = { class: "cdx-menu-item__text" }, Dt = ["lang"], Et = ["lang"], Nt = ["lang"], Ft = ["lang"]; -function Ot(e, t, n, a, o, u) { - const s = B("cdx-thumbnail"), i = B("cdx-icon"), l = B("cdx-search-result-title"); - return f(), v("li", { +const Dt = ["id", "aria-disabled", "aria-selected"], Et = { class: "cdx-menu-item__text" }, Nt = ["lang"], Ft = ["lang"], Ot = ["lang"], qt = ["lang"]; +function zt(e, t, n, l, s, r) { + const i = B("cdx-thumbnail"), u = B("cdx-icon"), o = B("cdx-search-result-title"); + return f(), g("li", { id: e.id, role: "option", - class: K(["cdx-menu-item", e.rootClasses]), + class: L(["cdx-menu-item", e.rootClasses]), "aria-disabled": e.disabled, "aria-selected": e.selected, - onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)), - onMouseleave: t[1] || (t[1] = (...r) => e.onMouseLeave && e.onMouseLeave(...r)), - onMousedown: t[2] || (t[2] = Ce((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), - onClick: t[3] || (t[3] = (...r) => e.onClick && e.onClick(...r)) + onMousemove: t[0] || (t[0] = (...d) => e.onMouseMove && e.onMouseMove(...d)), + onMouseleave: t[1] || (t[1] = (...d) => e.onMouseLeave && e.onMouseLeave(...d)), + onMousedown: t[2] || (t[2] = _e((...d) => e.onMouseDown && e.onMouseDown(...d), ["prevent"])), + onClick: t[3] || (t[3] = (...d) => e.onClick && e.onClick(...d)) }, [ - R(e.$slots, "default", {}, () => [ - (f(), L(Ee(e.contentTag), { + A(e.$slots, "default", {}, () => [ + (f(), V(Fe(e.contentTag), { href: e.url ? e.url : void 0, class: "cdx-menu-item__content" }, { - default: q(() => { - var r, m, $, b, x, k; + default: O(() => { + var d, y, I, b, S, C; return [ - e.showThumbnail ? (f(), L(s, { + e.showThumbnail ? (f(), V(i, { key: 0, thumbnail: e.thumbnail, class: "cdx-menu-item__thumbnail" - }, null, 8, ["thumbnail"])) : e.icon ? (f(), L(i, { + }, null, 8, ["thumbnail"])) : e.icon ? (f(), V(u, { key: 1, icon: e.icon, class: "cdx-menu-item__icon" }, null, 8, ["icon"])) : w("", !0), - I("span", Rt, [ - e.highlightQuery ? (f(), L(l, { + _("span", Et, [ + e.highlightQuery ? (f(), V(o, { key: 0, title: e.title, "search-query": e.searchQuery, - lang: (r = e.language) == null ? void 0 : r.label - }, null, 8, ["title", "search-query", "lang"])) : (f(), v("span", { + lang: (d = e.language) == null ? void 0 : d.label + }, null, 8, ["title", "search-query", "lang"])) : (f(), g("span", { key: 1, class: "cdx-menu-item__text__label", - lang: (m = e.language) == null ? void 0 : m.label + lang: (y = e.language) == null ? void 0 : y.label }, [ - I("bdi", null, V(e.title), 1) - ], 8, Dt)), - e.match ? (f(), v(ve, { key: 2 }, [ - ee(V(" ") + " "), - e.highlightQuery ? (f(), L(l, { + _("bdi", null, T(e.title), 1) + ], 8, Nt)), + e.match ? (f(), g(Ce, { key: 2 }, [ + te(T(" ") + " "), + e.highlightQuery ? (f(), V(o, { key: 0, title: e.match, "search-query": e.searchQuery, - lang: ($ = e.language) == null ? void 0 : $.match - }, null, 8, ["title", "search-query", "lang"])) : (f(), v("span", { + lang: (I = e.language) == null ? void 0 : I.match + }, null, 8, ["title", "search-query", "lang"])) : (f(), g("span", { key: 1, class: "cdx-menu-item__text__match", lang: (b = e.language) == null ? void 0 : b.match }, [ - I("bdi", null, V(e.match), 1) - ], 8, Et)) + _("bdi", null, T(e.match), 1) + ], 8, Ft)) ], 64)) : w("", !0), - e.supportingText ? (f(), v(ve, { key: 3 }, [ - ee(V(" ") + " "), - I("span", { + e.supportingText ? (f(), g(Ce, { key: 3 }, [ + te(T(" ") + " "), + _("span", { class: "cdx-menu-item__text__supporting-text", - lang: (x = e.language) == null ? void 0 : x.supportingText + lang: (S = e.language) == null ? void 0 : S.supportingText }, [ - I("bdi", null, V(e.supportingText), 1) - ], 8, Nt) + _("bdi", null, T(e.supportingText), 1) + ], 8, Ot) ], 64)) : w("", !0), - e.description ? (f(), v("span", { + e.description ? (f(), g("span", { key: 4, class: "cdx-menu-item__text__description", - lang: (k = e.language) == null ? void 0 : k.description + lang: (C = e.language) == null ? void 0 : C.description }, [ - I("bdi", null, V(e.description), 1) - ], 8, Ft)) : w("", !0) + _("bdi", null, T(e.description), 1) + ], 8, qt)) : w("", !0) ]) ]; }), _: 1 }, 8, ["href"])) ]) - ], 42, At); + ], 42, Dt); } -const qt = /* @__PURE__ */ E(Kt, [["render", Ot]]), zt = D({ +const Ht = /* @__PURE__ */ D(Rt, [["render", zt]]), Ut = R({ name: "CdxProgressBar", props: { /** @@ -615,68 +615,68 @@ const qt = /* @__PURE__ */ E(Kt, [["render", Ot]]), zt = D({ }; } }); -const Ht = ["aria-disabled"], Ut = /* @__PURE__ */ I("div", { class: "cdx-progress-bar__bar" }, null, -1), Qt = [ - Ut +const Qt = ["aria-disabled"], jt = /* @__PURE__ */ _("div", { class: "cdx-progress-bar__bar" }, null, -1), Pt = [ + jt ]; -function jt(e, t, n, a, o, u) { - return f(), v("div", { - class: K(["cdx-progress-bar", e.rootClasses]), +function Wt(e, t, n, l, s, r) { + return f(), g("div", { + class: L(["cdx-progress-bar", e.rootClasses]), role: "progressbar", "aria-disabled": e.disabled, "aria-valuemin": "0", "aria-valuemax": "100" - }, Qt, 10, Ht); + }, Pt, 10, Qt); } -const Pt = /* @__PURE__ */ E(zt, [["render", jt]]); -let ge = 0; -function Ve(e) { - const t = Ne(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); - return e ? `${me}-${e}-${ge++}` : n ? `${me}-${n}-${ge++}` : `${me}-${ge++}`; +const Gt = /* @__PURE__ */ D(Ut, [["render", Wt]]); +let be = 0; +function Le(e) { + const t = Oe(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); + return e ? `${ye}-${e}-${be++}` : n ? `${ye}-${n}-${be++}` : `${ye}-${be++}`; } -function Wt(e, t) { - const n = y(!1); - let a = !1; +function Jt(e, t) { + const n = v(!1); + let l = !1; if (typeof window != "object" || !("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype)) return n; - const o = new window.IntersectionObserver( - (u) => { - const s = u[0]; - s && (n.value = s.isIntersecting); + const s = new window.IntersectionObserver( + (r) => { + const i = r[0]; + i && (n.value = i.isIntersecting); }, t ); return W(() => { - a = !0, e.value && o.observe(e.value); - }), ke(() => { - a = !1, o.disconnect(); - }), Z(e, (u) => { - a && (o.disconnect(), n.value = !1, u && o.observe(u)); + l = !0, e.value && s.observe(e.value); + }), Te(() => { + l = !1, s.disconnect(); + }), ee(e, (r) => { + l && (s.disconnect(), n.value = !1, r && s.observe(r)); }), n; } -function de(e, t = h(() => ({}))) { +function he(e, t = h(() => ({}))) { const n = h(() => { - const u = Y(t.value, []); - return e.class && e.class.split(" ").forEach((i) => { - u[i] = !0; - }), u; - }), a = h(() => { + const r = Z(t.value, []); + return e.class && e.class.split(" ").forEach((u) => { + r[u] = !0; + }), r; + }), l = h(() => { if ("style" in e) return e.style; - }), o = h(() => { - const l = e, { class: u, style: s } = l; - return Y(l, ["class", "style"]); + }), s = h(() => { + const o = e, { class: r, style: i } = o; + return Z(o, ["class", "style"]); }); return { rootClasses: n, - rootStyle: a, - otherAttrs: o + rootStyle: l, + otherAttrs: s }; } -const Gt = D({ +const Xt = R({ name: "CdxMenu", components: { - CdxMenuItem: qt, - CdxProgressBar: Pt + CdxMenuItem: Ht, + CdxProgressBar: Gt }, /** * Attributes, besides class and style, will be passed to the <ul> element. @@ -835,175 +835,204 @@ const Gt = D({ "getHighlightedViaKeyboard", "delegateKeyNavigation" ], - setup(e, { emit: t, slots: n, attrs: a }) { - const o = h(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((p) => xe(we({}, p), { - id: Ve("menu-item") - }))), u = h(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : o.value.length === 0 : !1), s = y(null), i = y(!1), l = y(null); - function r() { - return o.value.find( - (d) => d.value === e.selected - ); + setup(e, { emit: t, slots: n, attrs: l }) { + const s = h(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((c) => Me(ke({}, c), { + id: Le("menu-item") + }))), r = h(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : s.value.length === 0 : !1), i = v(null), u = v(!1), o = v(null); + let d = "", y = null; + function I() { + d = "", y !== null && (clearTimeout(y), y = null); + } + function b() { + y !== null && clearTimeout(y), y = setTimeout(I, 1500); + } + function S() { + return s.value.find( + (a) => a.value === e.selected + ) || null; } - function m(d, p) { - var C; - if (!(p && p.disabled)) - switch (d) { + function C(a, c) { + var p; + if (!(c && c.disabled)) + switch (a) { case "selected": - t("update:selected", (C = p == null ? void 0 : p.value) != null ? C : null), t("update:expanded", !1), l.value = null; + t("update:selected", (p = c == null ? void 0 : c.value) != null ? p : null), t("update:expanded", !1), o.value = null; break; case "highlighted": - s.value = p || null, i.value = !1; + i.value = c || null, u.value = !1; break; case "highlightedViaKeyboard": - s.value = p || null, i.value = !0; + i.value = c || null, u.value = !0; break; case "active": - l.value = p || null; + o.value = c || null; break; } } - const $ = h(() => { - if (s.value !== null) - return o.value.findIndex( - (d) => ( + const k = h(() => { + if (i.value !== null) + return s.value.findIndex( + (a) => ( // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - d.value === s.value.value + a.value === i.value.value ) ); }); - function b(d) { - d && (m("highlightedViaKeyboard", d), t("menu-item-keyboard-navigation", d)); + function x(a) { + a && (C("highlightedViaKeyboard", a), t("menu-item-keyboard-navigation", a)); } - function x(d) { - var _; - const p = (X) => { - for (let c = X - 1; c >= 0; c--) - if (!o.value[c].disabled) - return o.value[c]; + function G(a) { + var $; + const c = (U) => { + for (let M = U - 1; M >= 0; M--) + if (!s.value[M].disabled) + return s.value[M]; }; - d = d || o.value.length; - const C = (_ = p(d)) != null ? _ : p(o.value.length); - b(C); + a = a || s.value.length; + const p = ($ = c(a)) != null ? $ : c(s.value.length); + x(p); } - function k(d) { - const p = (_) => o.value.find((X, c) => !X.disabled && c > _); - d = d != null ? d : -1; - const C = p(d) || p(-1); - b(C); + function J(a) { + const c = ($) => s.value.find((U, M) => !U.disabled && M > $); + a = a != null ? a : -1; + const p = c(a) || c(-1); + x(p); } - function G(d, p = !0) { - function C() { - t("update:expanded", !0), m("highlighted", r()); + function le(a) { + if (a.key === "Clear") + return I(), !0; + if (a.key === "Backspace") + return d = d.slice(0, -1), b(), !0; + if (a.key.length === 1 && !a.metaKey && !a.ctrlKey && !a.altKey) { + e.expanded || t("update:expanded", !0), d += a.key.toLowerCase(); + const c = d.length > 1 && d.split("").every((M) => M === d[0]); + let p = s.value, $ = d; + c && k.value !== void 0 && (p = p.slice(k.value + 1).concat(p.slice(0, k.value)), $ = d[0]); + const U = p.find( + (M) => !M.disabled && String(M.label || M.value).toLowerCase().indexOf($) === 0 + ); + return U && (C("highlightedViaKeyboard", U), K()), b(), !0; } - function _() { - p && (d.preventDefault(), d.stopPropagation()); + return !1; + } + function oe(a, { prevent: c = !0, characterNavigation: p = !1 } = {}) { + if (p) { + if (le(a)) + return !0; + I(); + } + function $() { + c && (a.preventDefault(), a.stopPropagation()); } - switch (d.key) { + switch (a.key) { case "Enter": case " ": - return _(), e.expanded ? (s.value && i.value && t("update:selected", s.value.value), t("update:expanded", !1)) : C(), !0; + return $(), e.expanded ? (i.value && u.value && t("update:selected", i.value.value), t("update:expanded", !1)) : t("update:expanded", !0), !0; case "Tab": - return e.expanded && (s.value && i.value && t("update:selected", s.value.value), t("update:expanded", !1)), !0; + return e.expanded && (i.value && u.value && t("update:selected", i.value.value), t("update:expanded", !1)), !0; case "ArrowUp": - return _(), e.expanded ? (s.value === null && m("highlightedViaKeyboard", r()), x($.value)) : C(), N(), !0; + return $(), e.expanded ? (i.value === null && C("highlightedViaKeyboard", S()), G(k.value)) : t("update:expanded", !0), K(), !0; case "ArrowDown": - return _(), e.expanded ? (s.value === null && m("highlightedViaKeyboard", r()), k($.value)) : C(), N(), !0; + return $(), e.expanded ? (i.value === null && C("highlightedViaKeyboard", S()), J(k.value)) : t("update:expanded", !0), K(), !0; case "Home": - return _(), e.expanded ? (s.value === null && m("highlightedViaKeyboard", r()), k()) : C(), N(), !0; + return $(), e.expanded ? (i.value === null && C("highlightedViaKeyboard", S()), J()) : t("update:expanded", !0), K(), !0; case "End": - return _(), e.expanded ? (s.value === null && m("highlightedViaKeyboard", r()), x()) : C(), N(), !0; + return $(), e.expanded ? (i.value === null && C("highlightedViaKeyboard", S()), G()) : t("update:expanded", !0), K(), !0; case "Escape": - return _(), t("update:expanded", !1), !0; + return $(), t("update:expanded", !1), !0; default: return !1; } } - function M() { - m("active"); + function X() { + C("active", null); } - const T = [], J = y(void 0), ae = Wt( - J, + const m = [], Y = v(void 0), E = Jt( + Y, { threshold: 0.8 } ); - Z(ae, (d) => { - d && t("load-more"); + ee(E, (a) => { + a && t("load-more"); }); - function le(d, p) { - if (d) { - T[p] = d.$el; - const C = e.visibleItemLimit; - if (!C || e.menuItems.length < C) + function N(a, c) { + if (a) { + m[c] = a.$el; + const p = e.visibleItemLimit; + if (!p || e.menuItems.length < p) return; - const _ = Math.min( - C, + const $ = Math.min( + p, Math.max(2, Math.floor(0.2 * e.menuItems.length)) ); - p === e.menuItems.length - _ && (J.value = d.$el); + c === e.menuItems.length - $ && (Y.value = a.$el); } } - function N() { - if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || $.value === void 0) + function K() { + if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || k.value === void 0) return; - const d = $.value >= 0 ? $.value : 0; - T[d].scrollIntoView({ + const a = k.value >= 0 ? k.value : 0; + m[a].scrollIntoView({ behavior: "smooth", block: "nearest" }); } - const g = y(null), H = y(null); - function A() { - if (H.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) { - g.value = null; + const F = v(null), H = v(null); + function se() { + if (H.value = null, !e.visibleItemLimit || m.length <= e.visibleItemLimit) { + F.value = null; return; } - const d = T[0], p = T[e.visibleItemLimit]; - if (g.value = F( - d, - p + const a = m[0], c = m[e.visibleItemLimit]; + if (F.value = ie( + a, + c ), e.footer) { - const C = T[T.length - 1]; - H.value = C.scrollHeight; + const p = m[m.length - 1]; + H.value = p.scrollHeight; } } - function F(d, p) { - const C = d.getBoundingClientRect().top; - return p.getBoundingClientRect().top - C + 2; + function ie(a, c) { + const p = a.getBoundingClientRect().top; + return c.getBoundingClientRect().top - p + 2; } W(() => { - document.addEventListener("mouseup", M); - }), ke(() => { - document.removeEventListener("mouseup", M); - }), Z(z(e, "expanded"), (d) => pe(this, null, function* () { - const p = r(); - !d && s.value && p === void 0 && m("highlighted"), d && p !== void 0 && m("highlighted", p), d && (yield ue(), A(), yield ue(), N()); - })), Z(z(e, "menuItems"), (d) => pe(this, null, function* () { - d.length < T.length && (T.length = d.length), e.expanded && (yield ue(), A(), yield ue(), N()); + document.addEventListener("mouseup", X); + }), Te(() => { + document.removeEventListener("mouseup", X); + }), ee(q(e, "expanded"), (a) => ve(this, null, function* () { + if (a) { + const c = S(); + c && !i.value && C("highlighted", c), yield de(), se(), yield de(), K(); + } else + C("highlighted", null); + })), ee(q(e, "menuItems"), (a) => ve(this, null, function* () { + a.length < m.length && (m.length = a.length), e.expanded && (yield de(), se(), yield de(), K()); }), { deep: !0 }); - const oe = h(() => ({ - "max-height": g.value ? `${g.value}px` : void 0, - "overflow-y": g.value ? "scroll" : void 0, + const ue = h(() => ({ + "max-height": F.value ? `${F.value}px` : void 0, + "overflow-y": F.value ? "scroll" : void 0, "margin-bottom": H.value ? `${H.value}px` : void 0 - })), ce = h(() => ({ + })), fe = h(() => ({ "cdx-menu--has-footer": !!e.footer, - "cdx-menu--has-sticky-footer": !!e.footer && !!g.value + "cdx-menu--has-sticky-footer": !!e.footer && !!F.value })), { - rootClasses: he, - rootStyle: fe, - otherAttrs: se - } = de(a, ce); + rootClasses: pe, + rootStyle: me, + otherAttrs: ge + } = he(l, fe); return { - listBoxStyle: oe, - rootClasses: he, - rootStyle: fe, - otherAttrs: se, - assignTemplateRef: le, - computedMenuItems: o, - computedShowNoResultsSlot: u, - highlightedMenuItem: s, - highlightedViaKeyboard: i, - activeMenuItem: l, - handleMenuItemChange: m, - handleKeyNavigation: G + listBoxStyle: ue, + rootClasses: pe, + rootStyle: me, + otherAttrs: ge, + assignTemplateRef: N, + computedMenuItems: s, + computedShowNoResultsSlot: r, + highlightedMenuItem: i, + highlightedViaKeyboard: u, + activeMenuItem: o, + handleMenuItemChange: C, + handleKeyNavigation: oe }; }, // Public methods @@ -1013,12 +1042,16 @@ const Gt = D({ /** * Get the highlighted menu item, if any. * + * The parent component should set `aria-activedescendant` to the `.id` property of the + * object returned by this method. If this method returns null, `aria-activedescendant` + * should not be set. + * * @public * @return {MenuItemDataWithId|null} The highlighted menu item, - * or null if no item is highlighted. + * or null if no item is highlighted or if the menu is closed. */ getHighlightedMenuItem() { - return this.highlightedMenuItem; + return this.expanded ? this.highlightedMenuItem : null; }, /** * Get whether the last highlighted item was highlighted via the keyboard. @@ -1035,7 +1068,7 @@ const Gt = D({ * @public */ clearActive() { - this.handleMenuItemChange("active"); + this.handleMenuItemChange("active", null); }, /** * Handles all necessary keyboard navigation. @@ -1047,98 +1080,101 @@ const Gt = D({ * * @public * @param event {KeyboardEvent} Keydown event object - * @param prevent {boolean} If false, do not call e.preventDefault() or e.stopPropagation() + * @param options + * @param options.prevent {boolean} If false, do not call e.preventDefault() or + * e.stopPropagation() + * @param options.characterNavigation {boolean} * @return Whether the event was handled */ - delegateKeyNavigation(e, t = !0) { - return this.handleKeyNavigation(e, t); + delegateKeyNavigation(e, { prevent: t = !0, characterNavigation: n = !1 } = {}) { + return this.handleKeyNavigation(e, { prevent: t, characterNavigation: n }); } } }); -const Jt = { +const Yt = { key: 0, class: "cdx-menu__pending cdx-menu-item" -}, Xt = { +}, Zt = { key: 1, class: "cdx-menu__no-results cdx-menu-item" }; -function Yt(e, t, n, a, o, u) { - const s = B("cdx-menu-item"), i = B("cdx-progress-bar"); - return Me((f(), v("div", { - class: K(["cdx-menu", e.rootClasses]), - style: te(e.rootStyle) +function en(e, t, n, l, s, r) { + const i = B("cdx-menu-item"), u = B("cdx-progress-bar"); + return Be((f(), g("div", { + class: L(["cdx-menu", e.rootClasses]), + style: ne(e.rootStyle) }, [ - I("ul", P({ + _("ul", P({ class: "cdx-menu__listbox", role: "listbox", style: e.listBoxStyle }, e.otherAttrs), [ - e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), v("li", Jt, [ - R(e.$slots, "pending") + e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), g("li", Yt, [ + A(e.$slots, "pending") ])) : w("", !0), - e.computedShowNoResultsSlot ? (f(), v("li", Xt, [ - R(e.$slots, "no-results") + e.computedShowNoResultsSlot ? (f(), g("li", Zt, [ + A(e.$slots, "no-results") ])) : w("", !0), - (f(!0), v(ve, null, Fe(e.computedMenuItems, (l, r) => { - var m, $; - return f(), L(s, P({ - key: l.value, + (f(!0), g(Ce, null, qe(e.computedMenuItems, (o, d) => { + var y, I; + return f(), V(i, P({ + key: o.value, ref_for: !0, - ref: (b) => e.assignTemplateRef(b, r) - }, l, { - selected: l.value === e.selected, - active: l.value === ((m = e.activeMenuItem) == null ? void 0 : m.value), - highlighted: l.value === (($ = e.highlightedMenuItem) == null ? void 0 : $.value), + ref: (b) => e.assignTemplateRef(b, d) + }, o, { + selected: o.value === e.selected, + active: o.value === ((y = e.activeMenuItem) == null ? void 0 : y.value), + highlighted: o.value === ((I = e.highlightedMenuItem) == null ? void 0 : I.value), "show-thumbnail": e.showThumbnail, "bold-label": e.boldLabel, "hide-description-overflow": e.hideDescriptionOverflow, "search-query": e.searchQuery, - onChange: (b, x) => e.handleMenuItemChange(b, x && l), - onClick: (b) => e.$emit("menu-item-click", l) + onChange: (b, S) => e.handleMenuItemChange(b, S ? o : null), + onClick: (b) => e.$emit("menu-item-click", o) }), { - default: q(() => { - var b, x; + default: O(() => { + var b, S; return [ - R(e.$slots, "default", { - menuItem: l, - active: l.value === ((b = e.activeMenuItem) == null ? void 0 : b.value) && l.value === ((x = e.highlightedMenuItem) == null ? void 0 : x.value) + A(e.$slots, "default", { + menuItem: o, + active: o.value === ((b = e.activeMenuItem) == null ? void 0 : b.value) && o.value === ((S = e.highlightedMenuItem) == null ? void 0 : S.value) }) ]; }), _: 2 }, 1040, ["selected", "active", "highlighted", "show-thumbnail", "bold-label", "hide-description-overflow", "search-query", "onChange", "onClick"]); }), 128)), - e.showPending ? (f(), L(i, { + e.showPending ? (f(), V(u, { key: 2, class: "cdx-menu__progress-bar", inline: !0 })) : w("", !0) ], 16) ], 6)), [ - [Oe, e.expanded] + [ze, e.expanded] ]); } -const Zt = /* @__PURE__ */ E(Gt, [["render", Yt]]), en = U(nt), tn = U(at), nn = U(lt), an = (e) => { - !e["aria-label"] && !e["aria-hidden"] && ze(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. +const tn = /* @__PURE__ */ D(Xt, [["render", en]]), nn = z(lt), an = z(ot), ln = z(st), on = (e) => { + !e["aria-label"] && !e["aria-hidden"] && Ue(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`); }; -function be(e) { +function Ie(e) { const t = []; for (const n of e) - typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...be(n)) : typeof n == "object" && n && (// HTML tag + typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...Ie(n)) : typeof n == "object" && n && (// HTML tag typeof n.type == "string" || // Component - typeof n.type == "object" ? t.push(n) : n.type !== qe && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...be(n.children)))); + typeof n.type == "object" ? t.push(n) : n.type !== He && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...Ie(n.children)))); return t; } -const ln = (e, t) => { +const sn = (e, t) => { if (!e) return !1; - const n = be(e); + const n = Ie(e); if (n.length !== 1) return !1; - const a = n[0], o = typeof a == "object" && typeof a.type == "object" && "name" in a.type && a.type.name === ne.name, u = typeof a == "object" && a.type === "svg"; - return o || u ? (an(t), !0) : !1; -}, on = D({ + const l = n[0], s = typeof l == "object" && typeof l.type == "object" && "name" in l.type && l.type.name === ae.name, r = typeof l == "object" && l.type === "svg"; + return s || r ? (on(t), !0) : !1; +}, un = R({ name: "CdxButton", props: { /** @@ -1149,7 +1185,7 @@ const ln = (e, t) => { action: { type: String, default: "default", - validator: en + validator: nn }, /** * Visual prominence of the button. @@ -1159,7 +1195,7 @@ const ln = (e, t) => { weight: { type: String, default: "normal", - validator: tn + validator: an }, /** * Button size. @@ -1172,69 +1208,69 @@ const ln = (e, t) => { size: { type: String, default: "medium", - validator: nn + validator: ln } }, emits: ["click"], - setup(e, { emit: t, slots: n, attrs: a }) { - const o = y(!1); + setup(e, { emit: t, slots: n, attrs: l }) { + const s = v(!1); return { rootClasses: h(() => { - var l; + var o; return { [`cdx-button--action-${e.action}`]: !0, [`cdx-button--weight-${e.weight}`]: !0, [`cdx-button--size-${e.size}`]: !0, "cdx-button--framed": e.weight !== "quiet", - "cdx-button--icon-only": ln((l = n.default) == null ? void 0 : l.call(n), a), - "cdx-button--is-active": o.value + "cdx-button--icon-only": sn((o = n.default) == null ? void 0 : o.call(n), l), + "cdx-button--is-active": s.value }; }), - onClick: (l) => { - t("click", l); + onClick: (o) => { + t("click", o); }, - setActive: (l) => { - o.value = l; + setActive: (o) => { + s.value = o; } }; } }); -function sn(e, t, n, a, o, u) { - return f(), v("button", { - class: K(["cdx-button", e.rootClasses]), - onClick: t[0] || (t[0] = (...s) => e.onClick && e.onClick(...s)), - onKeydown: t[1] || (t[1] = ye((s) => e.setActive(!0), ["space", "enter"])), - onKeyup: t[2] || (t[2] = ye((s) => e.setActive(!1), ["space", "enter"])) +function rn(e, t, n, l, s, r) { + return f(), g("button", { + class: L(["cdx-button", e.rootClasses]), + onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i)), + onKeydown: t[1] || (t[1] = $e((i) => e.setActive(!0), ["space", "enter"])), + onKeyup: t[2] || (t[2] = $e((i) => e.setActive(!1), ["space", "enter"])) }, [ - R(e.$slots, "default") + A(e.$slots, "default") ], 34); } -const un = /* @__PURE__ */ E(on, [["render", sn]]); -function Be(e, t, n) { +const dn = /* @__PURE__ */ D(un, [["render", rn]]); +function Ke(e, t, n) { return h({ get: () => e.value, - set: (a) => ( + set: (l) => ( // If eventName is undefined, then 'update:modelValue' must be a valid EventName, // but TypeScript's type analysis isn't clever enough to realize that - t(n || "update:modelValue", a) + t(n || "update:modelValue", l) ) }); } -function rn(e) { - const t = re(ht, y(!1)); +function cn(e) { + const t = ce(pt, v(!1)); return h(() => t.value || e.value); } -function Le(e, t, n) { - const a = rn(e), o = re(ct, y("default")), u = h(() => t != null && t.value && t.value !== "default" ? t.value : o.value), s = re(rt, void 0), i = h(() => s || n); +function Ae(e, t, n) { + const l = cn(e), s = ce(ft, v("default")), r = h(() => t != null && t.value && t.value !== "default" ? t.value : s.value), i = ce(ct, void 0), u = h(() => i || n); return { - computedDisabled: a, - computedStatus: u, - computedInputId: i + computedDisabled: l, + computedStatus: r, + computedInputId: u }; } -const dn = U(st), cn = U(Te), hn = D({ +const hn = z(ut), fn = z(Ve), pn = R({ name: "CdxTextInput", - components: { CdxIcon: ne }, + components: { CdxIcon: ae }, /** * We want the input to inherit attributes, not the root element. */ @@ -1262,7 +1298,7 @@ const dn = U(st), cn = U(Te), hn = D({ inputType: { type: String, default: "text", - validator: dn + validator: hn }, /** * `status` attribute of the input. @@ -1272,7 +1308,7 @@ const dn = U(st), cn = U(Te), hn = D({ status: { type: String, default: "default", - validator: cn + validator: fn }, /** * Whether the input is disabled. @@ -1354,58 +1390,58 @@ const dn = U(st), cn = U(Te), hn = D({ "clear" ], setup(e, { emit: t, attrs: n }) { - const a = n.id, { - computedDisabled: o, - computedStatus: u, - computedInputId: s - } = Le( - z(e, "disabled"), - z(e, "status"), - a - ), i = re(dt, void 0), l = Be(z(e, "modelValue"), t), r = h(() => e.clearable && !!l.value && !o.value), m = h(() => ({ + const l = n.id, { + computedDisabled: s, + computedStatus: r, + computedInputId: i + } = Ae( + q(e, "disabled"), + q(e, "status"), + l + ), u = ce(ht, void 0), o = Ke(q(e, "modelValue"), t), d = h(() => e.clearable && !!o.value && !s.value), y = h(() => ({ "cdx-text-input--has-start-icon": !!e.startIcon, "cdx-text-input--has-end-icon": !!e.endIcon, - "cdx-text-input--clearable": r.value, - [`cdx-text-input--status-${u.value}`]: !0 + "cdx-text-input--clearable": d.value, + [`cdx-text-input--status-${r.value}`]: !0 })), { - rootClasses: $, + rootClasses: I, rootStyle: b, - otherAttrs: x - } = de(n, m), k = h(() => { - const A = x.value, { id: g } = A; - return Y(A, ["id"]); - }), G = h(() => ({ - "cdx-text-input__input--has-value": !!l.value + otherAttrs: S + } = he(n, y), C = h(() => { + const E = S.value, { id: m } = E; + return Z(E, ["id"]); + }), k = h(() => ({ + "cdx-text-input__input--has-value": !!o.value })); return { - computedInputId: s, - descriptionId: i, - wrappedModel: l, - isClearable: r, - rootClasses: $, + computedInputId: i, + descriptionId: u, + wrappedModel: o, + isClearable: d, + rootClasses: I, rootStyle: b, - otherAttrsMinusId: k, - inputClasses: G, - computedDisabled: o, - onClear: (g) => { - l.value = "", t("clear", g); + otherAttrsMinusId: C, + inputClasses: k, + computedDisabled: s, + onClear: (m) => { + o.value = "", t("clear", m); }, - onInput: (g) => { - t("input", g); + onInput: (m) => { + t("input", m); }, - onChange: (g) => { - t("change", g); + onChange: (m) => { + t("change", m); }, - onKeydown: (g) => { - (g.key === "Home" || g.key === "End") && !g.ctrlKey && !g.metaKey || t("keydown", g); + onKeydown: (m) => { + (m.key === "Home" || m.key === "End") && !m.ctrlKey && !m.metaKey || t("keydown", m); }, - onFocus: (g) => { - t("focus", g); + onFocus: (m) => { + t("focus", m); }, - onBlur: (g) => { - t("blur", g); + onBlur: (m) => { + t("blur", m); }, - cdxIconClear: Ge + cdxIconClear: Xe }; }, // Public methods @@ -1430,55 +1466,55 @@ const dn = U(st), cn = U(Te), hn = D({ } } }); -const fn = ["id", "type", "aria-describedby", "disabled"]; -function pn(e, t, n, a, o, u) { - const s = B("cdx-icon"); - return f(), v("div", { - class: K(["cdx-text-input", e.rootClasses]), - style: te(e.rootStyle) +const mn = ["id", "type", "aria-describedby", "disabled"]; +function gn(e, t, n, l, s, r) { + const i = B("cdx-icon"); + return f(), g("div", { + class: L(["cdx-text-input", e.rootClasses]), + style: ne(e.rootStyle) }, [ - Me(I("input", P({ + Be(_("input", P({ id: e.computedInputId, ref: "input", - "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), + "onUpdate:modelValue": t[0] || (t[0] = (u) => e.wrappedModel = u), class: ["cdx-text-input__input", e.inputClasses] }, e.otherAttrsMinusId, { type: e.inputType, "aria-describedby": e.descriptionId, disabled: e.computedDisabled, - onInput: t[1] || (t[1] = (...i) => e.onInput && e.onInput(...i)), - onChange: t[2] || (t[2] = (...i) => e.onChange && e.onChange(...i)), - onFocus: t[3] || (t[3] = (...i) => e.onFocus && e.onFocus(...i)), - onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)), - onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i)) - }), null, 16, fn), [ - [He, e.wrappedModel] + onInput: t[1] || (t[1] = (...u) => e.onInput && e.onInput(...u)), + onChange: t[2] || (t[2] = (...u) => e.onChange && e.onChange(...u)), + onFocus: t[3] || (t[3] = (...u) => e.onFocus && e.onFocus(...u)), + onBlur: t[4] || (t[4] = (...u) => e.onBlur && e.onBlur(...u)), + onKeydown: t[5] || (t[5] = (...u) => e.onKeydown && e.onKeydown(...u)) + }), null, 16, mn), [ + [Qe, e.wrappedModel] ]), - e.startIcon ? (f(), L(s, { + e.startIcon ? (f(), V(i, { key: 0, icon: e.startIcon, class: "cdx-text-input__icon-vue cdx-text-input__start-icon" }, null, 8, ["icon"])) : w("", !0), - e.endIcon ? (f(), L(s, { + e.endIcon ? (f(), V(i, { key: 1, icon: e.endIcon, class: "cdx-text-input__icon-vue cdx-text-input__end-icon" }, null, 8, ["icon"])) : w("", !0), - e.isClearable ? (f(), L(s, { + e.isClearable ? (f(), V(i, { key: 2, icon: e.cdxIconClear, class: "cdx-text-input__icon-vue cdx-text-input__clear-icon", - onMousedown: t[6] || (t[6] = Ce(() => { + onMousedown: t[6] || (t[6] = _e(() => { }, ["prevent"])), onClick: e.onClear }, null, 8, ["icon", "onClick"])) : w("", !0) ], 6); } -const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ +const vn = /* @__PURE__ */ D(pn, [["render", gn]]), yn = z(Ve), bn = R({ name: "CdxSearchInput", components: { - CdxButton: un, - CdxTextInput: mn + CdxButton: dn, + CdxTextInput: vn }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -1516,7 +1552,7 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ status: { type: String, default: "default", - validator: gn + validator: yn } }, emits: [ @@ -1558,23 +1594,23 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ "blur" ], setup(e, { emit: t, attrs: n }) { - const a = Be(z(e, "modelValue"), t), { computedDisabled: o } = Le(z(e, "disabled")), u = h(() => ({ + const l = Ke(q(e, "modelValue"), t), { computedDisabled: s } = Ae(q(e, "disabled")), r = h(() => ({ "cdx-search-input--has-end-button": !!e.buttonLabel })), { - rootClasses: s, - rootStyle: i, - otherAttrs: l - } = de(n, u); + rootClasses: i, + rootStyle: u, + otherAttrs: o + } = he(n, r); return { - wrappedModel: a, - computedDisabled: o, - rootClasses: s, - rootStyle: i, - otherAttrs: l, + wrappedModel: l, + computedDisabled: s, + rootClasses: i, + rootStyle: u, + otherAttrs: o, handleSubmit: () => { - t("submit-click", a.value); + t("submit-click", l.value); }, - searchIcon: Xe + searchIcon: Ze }; }, methods: { @@ -1588,51 +1624,51 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ } } }); -const yn = { class: "cdx-search-input__input-wrapper" }; -function bn(e, t, n, a, o, u) { - const s = B("cdx-text-input"), i = B("cdx-button"); - return f(), v("div", { - class: K(["cdx-search-input", e.rootClasses]), - style: te(e.rootStyle) +const Cn = { class: "cdx-search-input__input-wrapper" }; +function $n(e, t, n, l, s, r) { + const i = B("cdx-text-input"), u = B("cdx-button"); + return f(), g("div", { + class: L(["cdx-search-input", e.rootClasses]), + style: ne(e.rootStyle) }, [ - I("div", yn, [ - j(s, P({ + _("div", Cn, [ + j(i, P({ ref: "textInput", modelValue: e.wrappedModel, - "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), + "onUpdate:modelValue": t[0] || (t[0] = (o) => e.wrappedModel = o), class: "cdx-search-input__text-input", "input-type": "search", "start-icon": e.searchIcon, disabled: e.computedDisabled, status: e.status }, e.otherAttrs, { - onKeydown: ye(e.handleSubmit, ["enter"]), - onInput: t[1] || (t[1] = (l) => e.$emit("input", l)), - onChange: t[2] || (t[2] = (l) => e.$emit("change", l)), - onFocus: t[3] || (t[3] = (l) => e.$emit("focus", l)), - onBlur: t[4] || (t[4] = (l) => e.$emit("blur", l)) + onKeydown: $e(e.handleSubmit, ["enter"]), + onInput: t[1] || (t[1] = (o) => e.$emit("input", o)), + onChange: t[2] || (t[2] = (o) => e.$emit("change", o)), + onFocus: t[3] || (t[3] = (o) => e.$emit("focus", o)), + onBlur: t[4] || (t[4] = (o) => e.$emit("blur", o)) }), null, 16, ["modelValue", "start-icon", "disabled", "status", "onKeydown"]), - R(e.$slots, "default") + A(e.$slots, "default") ]), - e.buttonLabel ? (f(), L(i, { + e.buttonLabel ? (f(), V(u, { key: 0, class: "cdx-search-input__end-button", disabled: e.computedDisabled, onClick: e.handleSubmit }, { - default: q(() => [ - ee(V(e.buttonLabel), 1) + default: O(() => [ + te(T(e.buttonLabel), 1) ]), _: 1 }, 8, ["disabled", "onClick"])) : w("", !0) ], 6); } -const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ +const In = /* @__PURE__ */ D(bn, [["render", $n]]), _n = R({ name: "CdxTypeaheadSearch", components: { - CdxIcon: ne, - CdxMenu: Zt, - CdxSearchInput: Cn + CdxIcon: ae, + CdxMenu: tn, + CdxSearchInput: In }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -1699,7 +1735,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ */ debounceInterval: { type: Number, - default: it + default: rt }, /** * Whether the search query should be highlighted within a search result's title. @@ -1764,65 +1800,65 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ */ "load-more" ], - setup(e, { attrs: t, emit: n, slots: a }) { - const o = y(), u = y(), s = Ve("typeahead-search-menu"), i = y(!1), l = y(!1), r = y(!1), m = y(!1), $ = y(e.initialInputValue), b = y(""), x = h(() => { - var c, S; - return (S = (c = u.value) == null ? void 0 : c.getHighlightedMenuItem()) == null ? void 0 : S.id; - }), k = y(null), G = h(() => ({ + setup(e, { attrs: t, emit: n, slots: l }) { + const s = v(), r = v(), i = Le("typeahead-search-menu"), u = v(!1), o = v(!1), d = v(!1), y = v(!1), I = v(e.initialInputValue), b = v(""), S = h(() => { + var a, c; + return (c = (a = r.value) == null ? void 0 : a.getHighlightedMenuItem()) == null ? void 0 : c.id; + }), C = v(null), k = h(() => ({ "cdx-typeahead-search__menu-message--has-thumbnail": e.showThumbnail - })), M = h( + })), x = h( () => e.searchResults.find( - (c) => c.value === k.value + (a) => a.value === C.value ) - ), T = h( + ), G = h( () => e.searchFooterUrl ? { value: Q, url: e.searchFooterUrl } : void 0 ), J = h(() => ({ "cdx-typeahead-search--show-thumbnail": e.showThumbnail, - "cdx-typeahead-search--expanded": i.value, + "cdx-typeahead-search--expanded": u.value, "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth })), { - rootClasses: ae, - rootStyle: le, - otherAttrs: N - } = de(t, J); - function g(c) { - return c; + rootClasses: le, + rootStyle: oe, + otherAttrs: X + } = he(t, J); + function m(a) { + return a; } - const H = h(() => ({ + const Y = h(() => ({ visibleItemLimit: e.visibleItemLimit, showThumbnail: e.showThumbnail, // In case search queries aren't highlighted, default to a bold label. boldLabel: !0, hideDescriptionOverflow: !0 })); - let A, F; - function oe(c, S = !1) { - M.value && M.value.label !== c && M.value.value !== c && (k.value = null), F !== void 0 && (clearTimeout(F), F = void 0), c === "" ? i.value = !1 : (l.value = !0, a["search-results-pending"] && (F = setTimeout(() => { - m.value && (i.value = !0), r.value = !0; - }, ut))), A !== void 0 && (clearTimeout(A), A = void 0); - const O = () => { - n("input", c); + let E, N; + function K(a, c = !1) { + x.value && x.value.label !== a && x.value.value !== a && (C.value = null), N !== void 0 && (clearTimeout(N), N = void 0), a === "" ? u.value = !1 : (o.value = !0, l["search-results-pending"] && (N = setTimeout(() => { + y.value && (u.value = !0), d.value = !0; + }, dt))), E !== void 0 && (clearTimeout(E), E = void 0); + const p = () => { + n("input", a); }; - S ? O() : A = setTimeout(() => { - O(); + c ? p() : E = setTimeout(() => { + p(); }, e.debounceInterval); } - function ce(c) { - if (c === Q) { - k.value = null, $.value = b.value; + function F(a) { + if (a === Q) { + C.value = null, I.value = b.value; return; } - k.value = c, c !== null && ($.value = M.value ? M.value.label || String(M.value.value) : ""); + C.value = a, a !== null && (I.value = x.value ? x.value.label || String(x.value.value) : ""); } - function he() { - m.value = !0, (b.value || r.value) && (i.value = !0); + function H() { + y.value = !0, (b.value || d.value) && (u.value = !0); } - function fe() { - m.value = !1, i.value = !1; + function se() { + y.value = !1, u.value = !1; } - function se(c) { - const $e = c, { id: S } = $e, O = Y($e, ["id"]); - if (O.value === Q) { + function ie(a) { + const $ = a, { id: c } = $, p = Z($, ["id"]); + if (p.value === Q) { n("search-result-click", { searchResult: null, index: e.searchResults.length, @@ -1830,89 +1866,89 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ }); return; } - d(O); + ue(p); } - function d(c) { - const S = { - searchResult: c, + function ue(a) { + const c = { + searchResult: a, index: e.searchResults.findIndex( - (O) => O.value === c.value + (p) => p.value === a.value ), numberOfResults: e.searchResults.length }; - n("search-result-click", S); + n("search-result-click", c); } - function p(c) { - if (c.value === Q) { - $.value = b.value; + function fe(a) { + if (a.value === Q) { + I.value = b.value; return; } - $.value = c.value ? c.label || String(c.value) : ""; + I.value = a.value ? a.label || String(a.value) : ""; } - function C(c) { - var S; - i.value = !1, (S = u.value) == null || S.clearActive(), se(c); + function pe(a) { + var c; + u.value = !1, (c = r.value) == null || c.clearActive(), ie(a); } - function _(c) { - if (M.value) - d(M.value), c.stopPropagation(), window.location.assign(M.value.url), c.preventDefault(); + function me(a) { + if (x.value) + ue(x.value), a.stopPropagation(), window.location.assign(x.value.url), a.preventDefault(); else { - const S = { + const c = { searchResult: null, index: -1, numberOfResults: e.searchResults.length }; - n("submit", S); + n("submit", c); } } - function X(c) { - if (!u.value || !b.value || c.key === " ") + function ge(a) { + if (!r.value || !b.value || a.key === " ") return; - const S = u.value.getHighlightedMenuItem(), O = u.value.getHighlightedViaKeyboard(); - switch (c.key) { + const c = r.value.getHighlightedMenuItem(), p = r.value.getHighlightedViaKeyboard(); + switch (a.key) { case "Enter": - S && (S.value === Q && O ? window.location.assign(e.searchFooterUrl) : u.value.delegateKeyNavigation(c, !1)), i.value = !1; + c && (c.value === Q && p ? window.location.assign(e.searchFooterUrl) : r.value.delegateKeyNavigation(a, { prevent: !1 })), u.value = !1; break; case "Tab": - i.value = !1; + u.value = !1; break; default: - u.value.delegateKeyNavigation(c); + r.value.delegateKeyNavigation(a); break; } } return W(() => { - e.initialInputValue && oe(e.initialInputValue, !0); - }), Z(z(e, "searchResults"), () => { - b.value = $.value.trim(), m.value && l.value && b.value.length > 0 && (i.value = !0), F !== void 0 && (clearTimeout(F), F = void 0), l.value = !1, r.value = !1; + e.initialInputValue && K(e.initialInputValue, !0); + }), ee(q(e, "searchResults"), () => { + b.value = I.value.trim(), y.value && o.value && b.value.length > 0 && (u.value = !0), N !== void 0 && (clearTimeout(N), N = void 0), o.value = !1, d.value = !1; }), { - form: o, - menu: u, - menuId: s, - highlightedId: x, - selection: k, - menuMessageClass: G, - footer: T, - asSearchResult: g, - inputValue: $, + form: s, + menu: r, + menuId: i, + highlightedId: S, + selection: C, + menuMessageClass: k, + footer: G, + asSearchResult: m, + inputValue: I, searchQuery: b, - expanded: i, - showPending: r, - rootClasses: ae, - rootStyle: le, - otherAttrs: N, - menuConfig: H, - onUpdateInputValue: oe, - onUpdateMenuSelection: ce, - onFocus: he, - onBlur: fe, - onSearchResultClick: se, - onSearchResultKeyboardNavigation: p, - onSearchFooterClick: C, - onSubmit: _, - onKeydown: X, + expanded: u, + showPending: d, + rootClasses: le, + rootStyle: oe, + otherAttrs: X, + menuConfig: Y, + onUpdateInputValue: K, + onUpdateMenuSelection: F, + onFocus: H, + onBlur: se, + onSearchResultClick: ie, + onSearchResultKeyboardNavigation: fe, + onSearchFooterClick: pe, + onSubmit: me, + onKeydown: ge, MenuFooterValue: Q, - articleIcon: We + articleIcon: Je }; }, methods: { @@ -1926,24 +1962,24 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ } } }); -const In = ["id", "action"], _n = { class: "cdx-typeahead-search__menu-message__text" }, Sn = { class: "cdx-typeahead-search__menu-message__text" }, wn = ["href", "onClickCapture"], xn = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, kn = { class: "cdx-typeahead-search__search-footer__query" }; -function Mn(e, t, n, a, o, u) { - const s = B("cdx-icon"), i = B("cdx-menu"), l = B("cdx-search-input"); - return f(), v("div", { - class: K(["cdx-typeahead-search", e.rootClasses]), - style: te(e.rootStyle) +const Sn = ["id", "action"], wn = { class: "cdx-typeahead-search__menu-message__text" }, xn = { class: "cdx-typeahead-search__menu-message__text" }, kn = ["href", "onClickCapture"], Mn = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, Tn = { class: "cdx-typeahead-search__search-footer__query" }; +function Bn(e, t, n, l, s, r) { + const i = B("cdx-icon"), u = B("cdx-menu"), o = B("cdx-search-input"); + return f(), g("div", { + class: L(["cdx-typeahead-search", e.rootClasses]), + style: ne(e.rootStyle) }, [ - I("form", { + _("form", { id: e.id, ref: "form", class: "cdx-typeahead-search__form", action: e.formAction, - onSubmit: t[4] || (t[4] = (...r) => e.onSubmit && e.onSubmit(...r)) + onSubmit: t[4] || (t[4] = (...d) => e.onSubmit && e.onSubmit(...d)) }, [ - j(l, P({ + j(o, P({ ref: "searchInput", modelValue: e.inputValue, - "onUpdate:modelValue": t[3] || (t[3] = (r) => e.inputValue = r), + "onUpdate:modelValue": t[3] || (t[3] = (d) => e.inputValue = d), "button-label": e.buttonLabel }, e.otherAttrs, { class: "cdx-typeahead-search__input", @@ -1959,12 +1995,12 @@ function Mn(e, t, n, a, o, u) { onBlur: e.onBlur, onKeydown: e.onKeydown }), { - default: q(() => [ - j(i, P({ + default: O(() => [ + j(u, P({ id: e.menuId, ref: "menu", expanded: e.expanded, - "onUpdate:expanded": t[0] || (t[0] = (r) => e.expanded = r), + "onUpdate:expanded": t[0] || (t[0] = (d) => e.expanded = d), "show-pending": e.showPending, selected: e.selection, "menu-items": e.searchResults, @@ -1974,58 +2010,58 @@ function Mn(e, t, n, a, o, u) { }, e.menuConfig, { "aria-label": e.searchResultsLabel, "onUpdate:selected": e.onUpdateMenuSelection, - onMenuItemClick: t[1] || (t[1] = (r) => e.onSearchResultClick(e.asSearchResult(r))), + onMenuItemClick: t[1] || (t[1] = (d) => e.onSearchResultClick(e.asSearchResult(d))), onMenuItemKeyboardNavigation: e.onSearchResultKeyboardNavigation, - onLoadMore: t[2] || (t[2] = (r) => e.$emit("load-more")) + onLoadMore: t[2] || (t[2] = (d) => e.$emit("load-more")) }), { - pending: q(() => [ - I("div", { - class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + pending: O(() => [ + _("div", { + class: L(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - I("span", _n, [ - R(e.$slots, "search-results-pending") + _("span", wn, [ + A(e.$slots, "search-results-pending") ]) ], 2) ]), - "no-results": q(() => [ - I("div", { - class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + "no-results": O(() => [ + _("div", { + class: L(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - I("span", Sn, [ - R(e.$slots, "search-no-results-text") + _("span", xn, [ + A(e.$slots, "search-no-results-text") ]) ], 2) ]), - default: q(({ menuItem: r, active: m }) => [ - r.value === e.MenuFooterValue ? (f(), v("a", { + default: O(({ menuItem: d, active: y }) => [ + d.value === e.MenuFooterValue ? (f(), g("a", { key: 0, - class: K(["cdx-menu-item__content cdx-typeahead-search__search-footer", { - "cdx-typeahead-search__search-footer__active": m + class: L(["cdx-menu-item__content cdx-typeahead-search__search-footer", { + "cdx-typeahead-search__search-footer__active": y }]), - href: e.asSearchResult(r).url, - onClickCapture: Ce(($) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) + href: e.asSearchResult(d).url, + onClickCapture: _e((I) => e.onSearchFooterClick(e.asSearchResult(d)), ["stop"]) }, [ - j(s, { + j(i, { class: "cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon", icon: e.articleIcon }, null, 8, ["icon"]), - I("span", xn, [ - R(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ - I("strong", kn, V(e.searchQuery), 1) + _("span", Mn, [ + A(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ + _("strong", Tn, T(e.searchQuery), 1) ]) ]) - ], 42, wn)) : w("", !0) + ], 42, kn)) : w("", !0) ]), _: 3 }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"]) ]), _: 3 }, 16, ["modelValue", "button-label", "aria-controls", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - R(e.$slots, "default") - ], 40, In) + A(e.$slots, "default") + ], 40, Sn) ], 6); } -const Bn = /* @__PURE__ */ E($n, [["render", Mn]]); +const Kn = /* @__PURE__ */ D(_n, [["render", Bn]]); export { - Bn as CdxTypeaheadSearch + Kn as CdxTypeaheadSearch }; diff --git a/resources/lib/codex-search/codex-search.umd.js b/resources/lib/codex-search/codex-search.umd.js index 060b4b7fa9d5..6c76fbba2906 100644 --- a/resources/lib/codex-search/codex-search.umd.js +++ b/resources/lib/codex-search/codex-search.umd.js @@ -1,2 +1,2 @@ -(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p["codex-search"]={},p.Vue))})(this,function(p,t){"use strict";var Qt=Object.defineProperty,Pt=Object.defineProperties;var Wt=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var ue=(p,t,C)=>t in p?Qt(p,t,{enumerable:!0,configurable:!0,writable:!0,value:C}):p[t]=C,pe=(p,t)=>{for(var C in t||(t={}))me.call(t,C)&&ue(p,C,t[C]);if(J)for(var C of J(t))he.call(t,C)&&ue(p,C,t[C]);return p},fe=(p,t)=>Pt(p,Wt(t));var U=(p,t)=>{var C={};for(var w in p)me.call(p,w)&&t.indexOf(w)<0&&(C[w]=p[w]);if(p!=null&&J)for(var w of J(p))t.indexOf(w)<0&&he.call(p,w)&&(C[w]=p[w]);return C};var ae=(p,t,C)=>new Promise((w,H)=>{var X=E=>{try{R(C.next(E))}catch(A){H(A)}},Y=E=>{try{R(C.throw(E))}catch(A){H(A)}},R=E=>E.done?w(E.value):Promise.resolve(E.value).then(X,Y);R((C=C.apply(p,t)).next())});const C='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',w='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',H='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',X='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',Y=C,R=w,E=H,A=X;function ge(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function ye(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function be(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Ce(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function L(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Z="cdx",ke=["default","progressive","destructive"],Se=["normal","primary","quiet"],$e=["medium","large"],_e=["x-small","small","medium"],we=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],se=["default","error"],Ie=120,Be=500,K="cdx-menu-footer-item",xe=Symbol("CdxId"),Me=Symbol("CdxDescriptionId"),Ve=Symbol("CdxStatus"),Ee=Symbol("CdxDisabled"),Ne=L(_e),Te=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:Ne}},setup(e){const n=t.ref(),o=be(n),i=Ce(n),a=t.computed(()=>e.dir||o.value),d=t.computed(()=>e.lang||i.value),l=t.computed(()=>({"cdx-icon--flipped":a.value==="rtl"&&d.value!==null&&ye(e.icon,d.value),[`cdx-icon--${e.size}`]:!0})),r=t.computed(()=>ge(e.icon,d.value||"",a.value||"ltr")),s=t.computed(()=>typeof r.value=="string"?r.value:""),u=t.computed(()=>typeof r.value!="string"?r.value.path:"");return{rootElement:n,rootClasses:l,iconSvg:s,iconPath:u}}}),Gt="",M=(e,n)=>{const o=e.__vccOpts||e;for(const[i,a]of n)o[i]=a;return o},ve=["aria-hidden"],Le={key:0},De=["innerHTML"],Ke=["d"];function Re(e,n,o,i,a,d){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Le,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,De)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Ke))],8,ve))],2)}const z=M(Te,[["render",Re]]),Ae=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:z},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:E}},setup:e=>{const n=t.ref(!1),o=t.ref({}),i=a=>{const d=a.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${d}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=d};return t.onMounted(()=>{var a;(a=e.thumbnail)!=null&&a.url&&i(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Jt="",ze={class:"cdx-thumbnail"},Fe={key:0,class:"cdx-thumbnail__placeholder"};function Oe(e,n,o,i,a,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",ze,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Fe,[t.createVNode(l,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const qe=M(Ae,[["render",Oe]]);function Ue(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const He="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function je(e,n){if(!e)return[n,"",""];const o=Ue(e),i=new RegExp(o+He+"*","i").exec(n);if(!i||i.index===void 0)return[n,"",""];const a=i.index,d=a+i[0].length,l=n.slice(a,d),r=n.slice(0,a),s=n.slice(d,n.length);return[r,l,s]}const Qe=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>je(e.searchQuery,String(e.title)))})}),Xt="",Pe={class:"cdx-search-result-title"},We={class:"cdx-search-result-title__match"};function Ge(e,n,o,i,a,d){return t.openBlock(),t.createElementBlock("span",Pe,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",We,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Je=M(Qe,[["render",Ge]]),Xe=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:z,CdxThumbnail:qe,CdxSearchResultTitle:Je},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},i=()=>{n("change","highlighted",!1)},a=f=>{f.button===0&&n("change","active",!0)},d=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),r=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":l.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),s=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:i,onMouseDown:a,onClick:d,highlightQuery:l,rootClasses:r,contentTag:s,title:u}}}),Yt="",Ye=["id","aria-disabled","aria-selected"],Ze={class:"cdx-menu-item__text"},et=["lang"],tt=["lang"],nt=["lang"],ot=["lang"];function lt(e,n,o,i,a,d){const l=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,f,k,y,_,I;return[e.showThumbnail?(t.openBlock(),t.createBlock(l,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(r,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Ze,[e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(f=e.language)==null?void 0:f.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,et)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.match,"search-query":e.searchQuery,lang:(k=e.language)==null?void 0:k.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(y=e.language)==null?void 0:y.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,tt))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(_=e.language)==null?void 0:_.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,nt)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(I=e.language)==null?void 0:I.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,ot)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,Ye)}const at=M(Xe,[["render",lt]]),st=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),Zt="",it=["aria-disabled"],rt=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function dt(e,n,o,i,a,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},rt,10,it)}const ct=M(st,[["render",dt]]);let ee=0;function ie(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${Z}-${e}-${ee++}`:o?`${Z}-${o}-${ee++}`:`${Z}-${ee++}`}function ut(e,n){const o=t.ref(!1);let i=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const a=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{i=!0,e.value&&a.observe(e.value)}),t.onUnmounted(()=>{i=!1,a.disconnect()}),t.watch(e,d=>{i&&(a.disconnect(),o.value=!1,d&&a.observe(d))}),o}function j(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const d=U(n.value,[]);return e.class&&e.class.split(" ").forEach(r=>{d[r]=!0}),d}),i=t.computed(()=>{if("style"in e)return e.style}),a=t.computed(()=>{const s=e,{class:d,style:l}=s;return U(s,["class","style"])});return{rootClasses:o,rootStyle:i,otherAttrs:a}}const mt=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:at,CdxProgressBar:ct},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:i}){const a=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(h=>fe(pe({},h),{id:ie("menu-item")}))),d=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:a.value.length===0:!1),l=t.ref(null),r=t.ref(!1),s=t.ref(null);function u(){return a.value.find(c=>c.value===e.selected)}function f(c,h){var b;if(!(h&&h.disabled))switch(c){case"selected":n("update:selected",(b=h==null?void 0:h.value)!=null?b:null),n("update:expanded",!1),s.value=null;break;case"highlighted":l.value=h||null,r.value=!1;break;case"highlightedViaKeyboard":l.value=h||null,r.value=!0;break;case"active":s.value=h||null;break}}const k=t.computed(()=>{if(l.value!==null)return a.value.findIndex(c=>c.value===l.value.value)});function y(c){c&&(f("highlightedViaKeyboard",c),n("menu-item-keyboard-navigation",c))}function _(c){var S;const h=q=>{for(let m=q-1;m>=0;m--)if(!a.value[m].disabled)return a.value[m]};c=c||a.value.length;const b=(S=h(c))!=null?S:h(a.value.length);y(b)}function I(c){const h=S=>a.value.find((q,m)=>!q.disabled&&m>S);c=c!=null?c:-1;const b=h(c)||h(-1);y(b)}function F(c,h=!0){function b(){n("update:expanded",!0),f("highlighted",u())}function S(){h&&(c.preventDefault(),c.stopPropagation())}switch(c.key){case"Enter":case" ":return S(),e.expanded?(l.value&&r.value&&n("update:selected",l.value.value),n("update:expanded",!1)):b(),!0;case"Tab":return e.expanded&&(l.value&&r.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return S(),e.expanded?(l.value===null&&f("highlightedViaKeyboard",u()),_(k.value)):b(),N(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&f("highlightedViaKeyboard",u()),I(k.value)):b(),N(),!0;case"Home":return S(),e.expanded?(l.value===null&&f("highlightedViaKeyboard",u()),I()):b(),N(),!0;case"End":return S(),e.expanded?(l.value===null&&f("highlightedViaKeyboard",u()),_()):b(),N(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function B(){f("active")}const x=[],O=t.ref(void 0),Q=ut(O,{threshold:.8});t.watch(Q,c=>{c&&n("load-more")});function P(c,h){if(c){x[h]=c.$el;const b=e.visibleItemLimit;if(!b||e.menuItems.length<b)return;const S=Math.min(b,Math.max(2,Math.floor(.2*e.menuItems.length)));h===e.menuItems.length-S&&(O.value=c.$el)}}function N(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||k.value===void 0)return;const c=k.value>=0?k.value:0;x[c].scrollIntoView({behavior:"smooth",block:"nearest"})}const g=t.ref(null),D=t.ref(null);function V(){if(D.value=null,!e.visibleItemLimit||x.length<=e.visibleItemLimit){g.value=null;return}const c=x[0],h=x[e.visibleItemLimit];if(g.value=T(c,h),e.footer){const b=x[x.length-1];D.value=b.scrollHeight}}function T(c,h){const b=c.getBoundingClientRect().top;return h.getBoundingClientRect().top-b+2}t.onMounted(()=>{document.addEventListener("mouseup",B)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",B)}),t.watch(t.toRef(e,"expanded"),c=>ae(this,null,function*(){const h=u();!c&&l.value&&h===void 0&&f("highlighted"),c&&h!==void 0&&f("highlighted",h),c&&(yield t.nextTick(),V(),yield t.nextTick(),N())})),t.watch(t.toRef(e,"menuItems"),c=>ae(this,null,function*(){c.length<x.length&&(x.length=c.length),e.expanded&&(yield t.nextTick(),V(),yield t.nextTick(),N())}),{deep:!0});const W=t.computed(()=>({"max-height":g.value?`${g.value}px`:void 0,"overflow-y":g.value?"scroll":void 0,"margin-bottom":D.value?`${D.value}px`:void 0})),ne=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!g.value})),{rootClasses:oe,rootStyle:le,otherAttrs:G}=j(i,ne);return{listBoxStyle:W,rootClasses:oe,rootStyle:le,otherAttrs:G,assignTemplateRef:P,computedMenuItems:a,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:r,activeMenuItem:s,handleMenuItemChange:f,handleKeyNavigation:F}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),tn="",ht={key:0,class:"cdx-menu__pending cdx-menu-item"},pt={key:1,class:"cdx-menu__no-results cdx-menu-item"};function ft(e,n,o,i,a,d){const l=t.resolveComponent("cdx-menu-item"),r=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",ht,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",pt,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(s,u)=>{var f,k;return t.openBlock(),t.createBlock(l,t.mergeProps({key:s.value,ref_for:!0,ref:y=>e.assignTemplateRef(y,u)},s,{selected:s.value===e.selected,active:s.value===((f=e.activeMenuItem)==null?void 0:f.value),highlighted:s.value===((k=e.highlightedMenuItem)==null?void 0:k.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(y,_)=>e.handleMenuItemChange(y,_&&s),onClick:y=>e.$emit("menu-item-click",s)}),{default:t.withCtx(()=>{var y,_;return[t.renderSlot(e.$slots,"default",{menuItem:s,active:s.value===((y=e.activeMenuItem)==null?void 0:y.value)&&s.value===((_=e.highlightedMenuItem)==null?void 0:_.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(r,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const gt=M(mt,[["render",ft]]),yt=L(ke),bt=L(Se),Ct=L($e),kt=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. - See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function te(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...te(o)):typeof o=="object"&&o&&(typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...te(o.children))));return n}const St=(e,n)=>{if(!e)return!1;const o=te(e);if(o.length!==1)return!1;const i=o[0],a=typeof i=="object"&&typeof i.type=="object"&&"name"in i.type&&i.type.name===z.name,d=typeof i=="object"&&i.type==="svg";return a||d?(kt(n),!0):!1},$t=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:yt},weight:{type:String,default:"normal",validator:bt},size:{type:String,default:"medium",validator:Ct}},emits:["click"],setup(e,{emit:n,slots:o,attrs:i}){const a=t.ref(!1);return{rootClasses:t.computed(()=>{var s;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":St((s=o.default)==null?void 0:s.call(o),i),"cdx-button--is-active":a.value}}),onClick:s=>{n("click",s)},setActive:s=>{a.value=s}}}}),nn="";function _t(e,n,o,i,a,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:n[1]||(n[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const wt=M($t,[["render",_t]]);function re(e,n,o){return t.computed({get:()=>e.value,set:i=>n(o||"update:modelValue",i)})}function It(e){const n=t.inject(Ee,t.ref(!1));return t.computed(()=>n.value||e.value)}function de(e,n,o){const i=It(e),a=t.inject(Ve,t.ref("default")),d=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:a.value),l=t.inject(xe,void 0),r=t.computed(()=>l||o);return{computedDisabled:i,computedStatus:d,computedInputId:r}}const Bt=L(we),xt=L(se),Mt=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:z},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Bt},status:{type:String,default:"default",validator:xt},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const i=o.id,{computedDisabled:a,computedStatus:d,computedInputId:l}=de(t.toRef(e,"disabled"),t.toRef(e,"status"),i),r=t.inject(Me,void 0),s=re(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!s.value&&!a.value),f=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":u.value,[`cdx-text-input--status-${d.value}`]:!0})),{rootClasses:k,rootStyle:y,otherAttrs:_}=j(o,f),I=t.computed(()=>{const V=_.value,{id:g}=V;return U(V,["id"])}),F=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{computedInputId:l,descriptionId:r,wrappedModel:s,isClearable:u,rootClasses:k,rootStyle:y,otherAttrsMinusId:I,inputClasses:F,computedDisabled:a,onClear:g=>{s.value="",n("clear",g)},onInput:g=>{n("input",g)},onChange:g=>{n("change",g)},onKeydown:g=>{(g.key==="Home"||g.key==="End")&&!g.ctrlKey&&!g.metaKey||n("keydown",g)},onFocus:g=>{n("focus",g)},onBlur:g=>{n("blur",g)},cdxIconClear:R}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),on="",Vt=["id","type","aria-describedby","disabled"];function Et(e,n,o,i,a,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=r=>e.wrappedModel=r),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...r)=>e.onInput&&e.onInput(...r)),onChange:n[2]||(n[2]=(...r)=>e.onChange&&e.onChange(...r)),onFocus:n[3]||(n[3]=(...r)=>e.onFocus&&e.onFocus(...r)),onBlur:n[4]||(n[4]=(...r)=>e.onBlur&&e.onBlur(...r)),onKeydown:n[5]||(n[5]=(...r)=>e.onKeydown&&e.onKeydown(...r))}),null,16,Vt),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(l,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(l,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(l,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const Nt=M(Mt,[["render",Et]]),Tt=L(se),vt=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:wt,CdxTextInput:Nt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Tt}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const i=re(t.toRef(e,"modelValue"),n),{computedDisabled:a}=de(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:l,rootStyle:r,otherAttrs:s}=j(o,d);return{wrappedModel:i,computedDisabled:a,rootClasses:l,rootStyle:r,otherAttrs:s,handleSubmit:()=>{n("submit-click",i.value)},searchIcon:A}},methods:{focus(){this.$refs.textInput.focus()}}}),ln="",Lt={class:"cdx-search-input__input-wrapper"};function Dt(e,n,o,i,a,d){const l=t.resolveComponent("cdx-text-input"),r=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Lt,[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=s=>e.wrappedModel=s),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=s=>e.$emit("input",s)),onChange:n[2]||(n[2]=s=>e.$emit("change",s)),onFocus:n[3]||(n[3]=s=>e.$emit("focus",s)),onBlur:n[4]||(n[4]=s=>e.$emit("blur",s))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(r,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const Kt=M(vt,[["render",Dt]]),Rt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:z,CdxMenu:gt,CdxSearchInput:Kt},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:Ie},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:i}){const a=t.ref(),d=t.ref(),l=ie("typeahead-search-menu"),r=t.ref(!1),s=t.ref(!1),u=t.ref(!1),f=t.ref(!1),k=t.ref(e.initialInputValue),y=t.ref(""),_=t.computed(()=>{var m,$;return($=(m=d.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:$.id}),I=t.ref(null),F=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),B=t.computed(()=>e.searchResults.find(m=>m.value===I.value)),x=t.computed(()=>e.searchFooterUrl?{value:K,url:e.searchFooterUrl}:void 0),O=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":r.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:Q,rootStyle:P,otherAttrs:N}=j(n,O);function g(m){return m}const D=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let V,T;function W(m,$=!1){B.value&&B.value.label!==m&&B.value.value!==m&&(I.value=null),T!==void 0&&(clearTimeout(T),T=void 0),m===""?r.value=!1:(s.value=!0,i["search-results-pending"]&&(T=setTimeout(()=>{f.value&&(r.value=!0),u.value=!0},Be))),V!==void 0&&(clearTimeout(V),V=void 0);const v=()=>{o("input",m)};$?v():V=setTimeout(()=>{v()},e.debounceInterval)}function ne(m){if(m===K){I.value=null,k.value=y.value;return}I.value=m,m!==null&&(k.value=B.value?B.value.label||String(B.value.value):"")}function oe(){f.value=!0,(y.value||u.value)&&(r.value=!0)}function le(){f.value=!1,r.value=!1}function G(m){const ce=m,{id:$}=ce,v=U(ce,["id"]);if(v.value===K){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}c(v)}function c(m){const $={searchResult:m,index:e.searchResults.findIndex(v=>v.value===m.value),numberOfResults:e.searchResults.length};o("search-result-click",$)}function h(m){if(m.value===K){k.value=y.value;return}k.value=m.value?m.label||String(m.value):""}function b(m){var $;r.value=!1,($=d.value)==null||$.clearActive(),G(m)}function S(m){if(B.value)c(B.value),m.stopPropagation(),window.location.assign(B.value.url),m.preventDefault();else{const $={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",$)}}function q(m){if(!d.value||!y.value||m.key===" ")return;const $=d.value.getHighlightedMenuItem(),v=d.value.getHighlightedViaKeyboard();switch(m.key){case"Enter":$&&($.value===K&&v?window.location.assign(e.searchFooterUrl):d.value.delegateKeyNavigation(m,!1)),r.value=!1;break;case"Tab":r.value=!1;break;default:d.value.delegateKeyNavigation(m);break}}return t.onMounted(()=>{e.initialInputValue&&W(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{y.value=k.value.trim(),f.value&&s.value&&y.value.length>0&&(r.value=!0),T!==void 0&&(clearTimeout(T),T=void 0),s.value=!1,u.value=!1}),{form:a,menu:d,menuId:l,highlightedId:_,selection:I,menuMessageClass:F,footer:x,asSearchResult:g,inputValue:k,searchQuery:y,expanded:r,showPending:u,rootClasses:Q,rootStyle:P,otherAttrs:N,menuConfig:D,onUpdateInputValue:W,onUpdateMenuSelection:ne,onFocus:oe,onBlur:le,onSearchResultClick:G,onSearchResultKeyboardNavigation:h,onSearchFooterClick:b,onSubmit:S,onKeydown:q,MenuFooterValue:K,articleIcon:Y}},methods:{focus(){this.$refs.searchInput.focus()}}}),an="",At=["id","action"],zt={class:"cdx-typeahead-search__menu-message__text"},Ft={class:"cdx-typeahead-search__menu-message__text"},Ot=["href","onClickCapture"],qt={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},Ut={class:"cdx-typeahead-search__search-footer__query"};function Ht(e,n,o,i,a,d){const l=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu"),s=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(s,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(r,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",zt,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ft,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:f})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":f}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(k=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(l,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",qt,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Ut,t.toDisplayString(e.searchQuery),1)])])],42,Ot)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,At)],6)}const jt=M(Rt,[["render",Ht]]);p.CdxTypeaheadSearch=jt,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); +(function(f,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(f=typeof globalThis!="undefined"?globalThis:f||self,t(f["codex-search"]={},f.Vue))})(this,function(f,t){"use strict";var Wt=Object.defineProperty,Gt=Object.defineProperties;var Jt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var pe=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var he=(f,t,b)=>t in f?Wt(f,t,{enumerable:!0,configurable:!0,writable:!0,value:b}):f[t]=b,ge=(f,t)=>{for(var b in t||(t={}))pe.call(t,b)&&he(f,b,t[b]);if(Y)for(var b of Y(t))fe.call(t,b)&&he(f,b,t[b]);return f},ye=(f,t)=>Gt(f,Jt(t));var H=(f,t)=>{var b={};for(var w in f)pe.call(f,w)&&t.indexOf(w)<0&&(b[w]=f[w]);if(f!=null&&Y)for(var w of Y(f))t.indexOf(w)<0&&fe.call(f,w)&&(b[w]=f[w]);return b};var re=(f,t,b)=>new Promise((w,j)=>{var Z=V=>{try{R(b.next(V))}catch(A){j(A)}},ee=V=>{try{R(b.throw(V))}catch(A){j(A)}},R=V=>V.done?w(V.value):Promise.resolve(V.value).then(Z,ee);R((b=b.apply(f,t)).next())});const b='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',w='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',j='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',Z='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',ee=b,R=w,V=j,A=Z;function be(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const r=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof r=="string"||"path"in r?r:r.ltr}function Ce(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function ke(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Se(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function v(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const te="cdx",$e=["default","progressive","destructive"],we=["normal","primary","quiet"],Be=["medium","large"],Ie=["x-small","small","medium"],_e=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],de=["default","error"],xe=120,Me=500,K="cdx-menu-footer-item",Ve=Symbol("CdxId"),Ee=Symbol("CdxDescriptionId"),Te=Symbol("CdxStatus"),Ne=Symbol("CdxDisabled"),ve=v(Ie),Ke=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:ve}},setup(e){const n=t.ref(),o=ke(n),r=Se(n),a=t.computed(()=>e.dir||o.value),c=t.computed(()=>e.lang||r.value),s=t.computed(()=>({"cdx-icon--flipped":a.value==="rtl"&&c.value!==null&&Ce(e.icon,c.value),[`cdx-icon--${e.size}`]:!0})),d=t.computed(()=>be(e.icon,c.value||"",a.value||"ltr")),i=t.computed(()=>typeof d.value=="string"?d.value:""),u=t.computed(()=>typeof d.value!="string"?d.value.path:"");return{rootElement:n,rootClasses:s,iconSvg:i,iconPath:u}}}),Xt="",x=(e,n)=>{const o=e.__vccOpts||e;for(const[r,a]of n)o[r]=a;return o},Le=["aria-hidden"],De={key:0},Re=["innerHTML"],Ae=["d"];function ze(e,n,o,r,a,c){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",De,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,Re)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Ae))],8,Le))],2)}const z=x(Ke,[["render",ze]]),Fe=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:z},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:V}},setup:e=>{const n=t.ref(!1),o=t.ref({}),r=a=>{const c=a.replace(/([\\"\n])/g,"\\$1"),s=new Image;s.onload=()=>{o.value={backgroundImage:`url("${c}")`},n.value=!0},s.onerror=()=>{n.value=!1},s.src=c};return t.onMounted(()=>{var a;(a=e.thumbnail)!=null&&a.url&&r(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Yt="",Oe={class:"cdx-thumbnail"},qe={key:0,class:"cdx-thumbnail__placeholder"};function Ue(e,n,o,r,a,c){const s=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Oe,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",qe,[t.createVNode(s,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const He=x(Fe,[["render",Ue]]);function je(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const Qe="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Pe(e,n){if(!e)return[n,"",""];const o=je(e),r=new RegExp(o+Qe+"*","i").exec(n);if(!r||r.index===void 0)return[n,"",""];const a=r.index,c=a+r[0].length,s=n.slice(a,c),d=n.slice(0,a),i=n.slice(c,n.length);return[d,s,i]}const We=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Pe(e.searchQuery,String(e.title)))})}),Zt="",Ge={class:"cdx-search-result-title"},Je={class:"cdx-search-result-title__match"};function Xe(e,n,o,r,a,c){return t.openBlock(),t.createElementBlock("span",Ge,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",Je,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ye=x(We,[["render",Xe]]),Ze=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:z,CdxThumbnail:He,CdxSearchResultTitle:Ye},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},r=()=>{n("change","highlighted",!1)},a=g=>{g.button===0&&n("change","active",!0)},c=()=>{n("change","selected",!0)},s=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":s.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),i=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:r,onMouseDown:a,onClick:c,highlightQuery:s,rootClasses:d,contentTag:i,title:u}}}),en="",et=["id","aria-disabled","aria-selected"],tt={class:"cdx-menu-item__text"},nt=["lang"],ot=["lang"],lt=["lang"],at=["lang"];function st(e,n,o,r,a,c){const s=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,g,S,y,$,C;return[e.showThumbnail?(t.openBlock(),t.createBlock(s,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",tt,[e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(g=e.language)==null?void 0:g.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,nt)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.match,"search-query":e.searchQuery,lang:(S=e.language)==null?void 0:S.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(y=e.language)==null?void 0:y.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,ot))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:($=e.language)==null?void 0:$.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,lt)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(C=e.language)==null?void 0:C.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,at)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,et)}const it=x(Ze,[["render",st]]),rt=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),tn="",dt=["aria-disabled"],ct=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function ut(e,n,o,r,a,c){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},ct,10,dt)}const mt=x(rt,[["render",ut]]);let ne=0;function ce(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${te}-${e}-${ne++}`:o?`${te}-${o}-${ne++}`:`${te}-${ne++}`}function ht(e,n){const o=t.ref(!1);let r=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const a=new window.IntersectionObserver(c=>{const s=c[0];s&&(o.value=s.isIntersecting)},n);return t.onMounted(()=>{r=!0,e.value&&a.observe(e.value)}),t.onUnmounted(()=>{r=!1,a.disconnect()}),t.watch(e,c=>{r&&(a.disconnect(),o.value=!1,c&&a.observe(c))}),o}function Q(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const c=H(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{c[d]=!0}),c}),r=t.computed(()=>{if("style"in e)return e.style}),a=t.computed(()=>{const i=e,{class:c,style:s}=i;return H(i,["class","style"])});return{rootClasses:o,rootStyle:r,otherAttrs:a}}const pt=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:it,CdxProgressBar:mt},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:r}){const a=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(m=>ye(ge({},m),{id:ce("menu-item")}))),c=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:a.value.length===0:!1),s=t.ref(null),d=t.ref(!1),i=t.ref(null);let u="",g=null;function S(){u="",g!==null&&(clearTimeout(g),g=null)}function y(){g!==null&&clearTimeout(g),g=setTimeout(S,1500)}function $(){return a.value.find(l=>l.value===e.selected)||null}function C(l,m){var h;if(!(m&&m.disabled))switch(l){case"selected":n("update:selected",(h=m==null?void 0:m.value)!=null?h:null),n("update:expanded",!1),i.value=null;break;case"highlighted":s.value=m||null,d.value=!1;break;case"highlightedViaKeyboard":s.value=m||null,d.value=!0;break;case"active":i.value=m||null;break}}const I=t.computed(()=>{if(s.value!==null)return a.value.findIndex(l=>l.value===s.value.value)});function B(l){l&&(C("highlightedViaKeyboard",l),n("menu-item-keyboard-navigation",l))}function F(l){var k;const m=D=>{for(let _=D-1;_>=0;_--)if(!a.value[_].disabled)return a.value[_]};l=l||a.value.length;const h=(k=m(l))!=null?k:m(a.value.length);B(h)}function O(l){const m=k=>a.value.find((D,_)=>!D.disabled&&_>k);l=l!=null?l:-1;const h=m(l)||m(-1);B(h)}function P(l){if(l.key==="Clear")return S(),!0;if(l.key==="Backspace")return u=u.slice(0,-1),y(),!0;if(l.key.length===1&&!l.metaKey&&!l.ctrlKey&&!l.altKey){e.expanded||n("update:expanded",!0),u+=l.key.toLowerCase();const m=u.length>1&&u.split("").every(_=>_===u[0]);let h=a.value,k=u;m&&I.value!==void 0&&(h=h.slice(I.value+1).concat(h.slice(0,I.value)),k=u[0]);const D=h.find(_=>!_.disabled&&String(_.label||_.value).toLowerCase().indexOf(k)===0);return D&&(C("highlightedViaKeyboard",D),M()),y(),!0}return!1}function W(l,{prevent:m=!0,characterNavigation:h=!1}={}){if(h){if(P(l))return!0;S()}function k(){m&&(l.preventDefault(),l.stopPropagation())}switch(l.key){case"Enter":case" ":return k(),e.expanded?(s.value&&d.value&&n("update:selected",s.value.value),n("update:expanded",!1)):n("update:expanded",!0),!0;case"Tab":return e.expanded&&(s.value&&d.value&&n("update:selected",s.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return k(),e.expanded?(s.value===null&&C("highlightedViaKeyboard",$()),F(I.value)):n("update:expanded",!0),M(),!0;case"ArrowDown":return k(),e.expanded?(s.value===null&&C("highlightedViaKeyboard",$()),O(I.value)):n("update:expanded",!0),M(),!0;case"Home":return k(),e.expanded?(s.value===null&&C("highlightedViaKeyboard",$()),O()):n("update:expanded",!0),M(),!0;case"End":return k(),e.expanded?(s.value===null&&C("highlightedViaKeyboard",$()),F()):n("update:expanded",!0),M(),!0;case"Escape":return k(),n("update:expanded",!1),!0;default:return!1}}function q(){C("active",null)}const p=[],U=t.ref(void 0),E=ht(U,{threshold:.8});t.watch(E,l=>{l&&n("load-more")});function T(l,m){if(l){p[m]=l.$el;const h=e.visibleItemLimit;if(!h||e.menuItems.length<h)return;const k=Math.min(h,Math.max(2,Math.floor(.2*e.menuItems.length)));m===e.menuItems.length-k&&(U.value=l.$el)}}function M(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||I.value===void 0)return;const l=I.value>=0?I.value:0;p[l].scrollIntoView({behavior:"smooth",block:"nearest"})}const N=t.ref(null),L=t.ref(null);function G(){if(L.value=null,!e.visibleItemLimit||p.length<=e.visibleItemLimit){N.value=null;return}const l=p[0],m=p[e.visibleItemLimit];if(N.value=J(l,m),e.footer){const h=p[p.length-1];L.value=h.scrollHeight}}function J(l,m){const h=l.getBoundingClientRect().top;return m.getBoundingClientRect().top-h+2}t.onMounted(()=>{document.addEventListener("mouseup",q)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",q)}),t.watch(t.toRef(e,"expanded"),l=>re(this,null,function*(){if(l){const m=$();m&&!s.value&&C("highlighted",m),yield t.nextTick(),G(),yield t.nextTick(),M()}else C("highlighted",null)})),t.watch(t.toRef(e,"menuItems"),l=>re(this,null,function*(){l.length<p.length&&(p.length=l.length),e.expanded&&(yield t.nextTick(),G(),yield t.nextTick(),M())}),{deep:!0});const X=t.computed(()=>({"max-height":N.value?`${N.value}px`:void 0,"overflow-y":N.value?"scroll":void 0,"margin-bottom":L.value?`${L.value}px`:void 0})),le=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!N.value})),{rootClasses:ae,rootStyle:se,otherAttrs:ie}=Q(r,le);return{listBoxStyle:X,rootClasses:ae,rootStyle:se,otherAttrs:ie,assignTemplateRef:T,computedMenuItems:a,computedShowNoResultsSlot:c,highlightedMenuItem:s,highlightedViaKeyboard:d,activeMenuItem:i,handleMenuItemChange:C,handleKeyNavigation:W}},methods:{getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:n=!0,characterNavigation:o=!1}={}){return this.handleKeyNavigation(e,{prevent:n,characterNavigation:o})}}}),on="",ft={key:0,class:"cdx-menu__pending cdx-menu-item"},gt={key:1,class:"cdx-menu__no-results cdx-menu-item"};function yt(e,n,o,r,a,c){const s=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",ft,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",gt,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(i,u)=>{var g,S;return t.openBlock(),t.createBlock(s,t.mergeProps({key:i.value,ref_for:!0,ref:y=>e.assignTemplateRef(y,u)},i,{selected:i.value===e.selected,active:i.value===((g=e.activeMenuItem)==null?void 0:g.value),highlighted:i.value===((S=e.highlightedMenuItem)==null?void 0:S.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(y,$)=>e.handleMenuItemChange(y,$?i:null),onClick:y=>e.$emit("menu-item-click",i)}),{default:t.withCtx(()=>{var y,$;return[t.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((y=e.activeMenuItem)==null?void 0:y.value)&&i.value===(($=e.highlightedMenuItem)==null?void 0:$.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const bt=x(pt,[["render",yt]]),Ct=v($e),kt=v(we),St=v(Be),$t=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. + See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function oe(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...oe(o)):typeof o=="object"&&o&&(typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...oe(o.children))));return n}const wt=(e,n)=>{if(!e)return!1;const o=oe(e);if(o.length!==1)return!1;const r=o[0],a=typeof r=="object"&&typeof r.type=="object"&&"name"in r.type&&r.type.name===z.name,c=typeof r=="object"&&r.type==="svg";return a||c?($t(n),!0):!1},Bt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:Ct},weight:{type:String,default:"normal",validator:kt},size:{type:String,default:"medium",validator:St}},emits:["click"],setup(e,{emit:n,slots:o,attrs:r}){const a=t.ref(!1);return{rootClasses:t.computed(()=>{var i;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":wt((i=o.default)==null?void 0:i.call(o),r),"cdx-button--is-active":a.value}}),onClick:i=>{n("click",i)},setActive:i=>{a.value=i}}}}),ln="";function It(e,n,o,r,a,c){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...s)=>e.onClick&&e.onClick(...s)),onKeydown:n[1]||(n[1]=t.withKeys(s=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(s=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const _t=x(Bt,[["render",It]]);function ue(e,n,o){return t.computed({get:()=>e.value,set:r=>n(o||"update:modelValue",r)})}function xt(e){const n=t.inject(Ne,t.ref(!1));return t.computed(()=>n.value||e.value)}function me(e,n,o){const r=xt(e),a=t.inject(Te,t.ref("default")),c=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:a.value),s=t.inject(Ve,void 0),d=t.computed(()=>s||o);return{computedDisabled:r,computedStatus:c,computedInputId:d}}const Mt=v(_e),Vt=v(de),Et=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:z},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Mt},status:{type:String,default:"default",validator:Vt},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const r=o.id,{computedDisabled:a,computedStatus:c,computedInputId:s}=me(t.toRef(e,"disabled"),t.toRef(e,"status"),r),d=t.inject(Ee,void 0),i=ue(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!i.value&&!a.value),g=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":u.value,[`cdx-text-input--status-${c.value}`]:!0})),{rootClasses:S,rootStyle:y,otherAttrs:$}=Q(o,g),C=t.computed(()=>{const E=$.value,{id:p}=E;return H(E,["id"])}),I=t.computed(()=>({"cdx-text-input__input--has-value":!!i.value}));return{computedInputId:s,descriptionId:d,wrappedModel:i,isClearable:u,rootClasses:S,rootStyle:y,otherAttrsMinusId:C,inputClasses:I,computedDisabled:a,onClear:p=>{i.value="",n("clear",p)},onInput:p=>{n("input",p)},onChange:p=>{n("change",p)},onKeydown:p=>{(p.key==="Home"||p.key==="End")&&!p.ctrlKey&&!p.metaKey||n("keydown",p)},onFocus:p=>{n("focus",p)},onBlur:p=>{n("blur",p)},cdxIconClear:R}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),an="",Tt=["id","type","aria-describedby","disabled"];function Nt(e,n,o,r,a,c){const s=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,Tt),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(s,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(s,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(s,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const vt=x(Et,[["render",Nt]]),Kt=v(de),Lt=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:_t,CdxTextInput:vt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Kt}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const r=ue(t.toRef(e,"modelValue"),n),{computedDisabled:a}=me(t.toRef(e,"disabled")),c=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:s,rootStyle:d,otherAttrs:i}=Q(o,c);return{wrappedModel:r,computedDisabled:a,rootClasses:s,rootStyle:d,otherAttrs:i,handleSubmit:()=>{n("submit-click",r.value)},searchIcon:A}},methods:{focus(){this.$refs.textInput.focus()}}}),sn="",Dt={class:"cdx-search-input__input-wrapper"};function Rt(e,n,o,r,a,c){const s=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Dt,[t.createVNode(s,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=i=>e.$emit("input",i)),onChange:n[2]||(n[2]=i=>e.$emit("change",i)),onFocus:n[3]||(n[3]=i=>e.$emit("focus",i)),onBlur:n[4]||(n[4]=i=>e.$emit("blur",i))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const At=x(Lt,[["render",Rt]]),zt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:z,CdxMenu:bt,CdxSearchInput:At},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:xe},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:r}){const a=t.ref(),c=t.ref(),s=ce("typeahead-search-menu"),d=t.ref(!1),i=t.ref(!1),u=t.ref(!1),g=t.ref(!1),S=t.ref(e.initialInputValue),y=t.ref(""),$=t.computed(()=>{var l,m;return(m=(l=c.value)==null?void 0:l.getHighlightedMenuItem())==null?void 0:m.id}),C=t.ref(null),I=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),B=t.computed(()=>e.searchResults.find(l=>l.value===C.value)),F=t.computed(()=>e.searchFooterUrl?{value:K,url:e.searchFooterUrl}:void 0),O=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":d.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:P,rootStyle:W,otherAttrs:q}=Q(n,O);function p(l){return l}const U=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let E,T;function M(l,m=!1){B.value&&B.value.label!==l&&B.value.value!==l&&(C.value=null),T!==void 0&&(clearTimeout(T),T=void 0),l===""?d.value=!1:(i.value=!0,r["search-results-pending"]&&(T=setTimeout(()=>{g.value&&(d.value=!0),u.value=!0},Me))),E!==void 0&&(clearTimeout(E),E=void 0);const h=()=>{o("input",l)};m?h():E=setTimeout(()=>{h()},e.debounceInterval)}function N(l){if(l===K){C.value=null,S.value=y.value;return}C.value=l,l!==null&&(S.value=B.value?B.value.label||String(B.value.value):"")}function L(){g.value=!0,(y.value||u.value)&&(d.value=!0)}function G(){g.value=!1,d.value=!1}function J(l){const k=l,{id:m}=k,h=H(k,["id"]);if(h.value===K){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}X(h)}function X(l){const m={searchResult:l,index:e.searchResults.findIndex(h=>h.value===l.value),numberOfResults:e.searchResults.length};o("search-result-click",m)}function le(l){if(l.value===K){S.value=y.value;return}S.value=l.value?l.label||String(l.value):""}function ae(l){var m;d.value=!1,(m=c.value)==null||m.clearActive(),J(l)}function se(l){if(B.value)X(B.value),l.stopPropagation(),window.location.assign(B.value.url),l.preventDefault();else{const m={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",m)}}function ie(l){if(!c.value||!y.value||l.key===" ")return;const m=c.value.getHighlightedMenuItem(),h=c.value.getHighlightedViaKeyboard();switch(l.key){case"Enter":m&&(m.value===K&&h?window.location.assign(e.searchFooterUrl):c.value.delegateKeyNavigation(l,{prevent:!1})),d.value=!1;break;case"Tab":d.value=!1;break;default:c.value.delegateKeyNavigation(l);break}}return t.onMounted(()=>{e.initialInputValue&&M(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{y.value=S.value.trim(),g.value&&i.value&&y.value.length>0&&(d.value=!0),T!==void 0&&(clearTimeout(T),T=void 0),i.value=!1,u.value=!1}),{form:a,menu:c,menuId:s,highlightedId:$,selection:C,menuMessageClass:I,footer:F,asSearchResult:p,inputValue:S,searchQuery:y,expanded:d,showPending:u,rootClasses:P,rootStyle:W,otherAttrs:q,menuConfig:U,onUpdateInputValue:M,onUpdateMenuSelection:N,onFocus:L,onBlur:G,onSearchResultClick:J,onSearchResultKeyboardNavigation:le,onSearchFooterClick:ae,onSubmit:se,onKeydown:ie,MenuFooterValue:K,articleIcon:ee}},methods:{focus(){this.$refs.searchInput.focus()}}}),rn="",Ft=["id","action"],Ot={class:"cdx-typeahead-search__menu-message__text"},qt={class:"cdx-typeahead-search__menu-message__text"},Ut=["href","onClickCapture"],Ht={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},jt={class:"cdx-typeahead-search__search-footer__query"};function Qt(e,n,o,r,a,c){const s=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),i=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(i,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ot,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",qt,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:g})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":g}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(S=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(s,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Ht,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",jt,t.toDisplayString(e.searchQuery),1)])])],42,Ut)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Ft)],6)}const Pt=x(zt,[["render",Qt]]);f.CdxTypeaheadSearch=Pt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}); diff --git a/resources/lib/codex/codex.mjs b/resources/lib/codex/codex.mjs index 36f9bf828820..b786e0a396e8 100644 --- a/resources/lib/codex/codex.mjs +++ b/resources/lib/codex/codex.mjs @@ -1,64 +1,64 @@ -var It = Object.defineProperty, Ct = Object.defineProperties; -var kt = Object.getOwnPropertyDescriptors; -var ke = Object.getOwnPropertySymbols; -var Ge = Object.prototype.hasOwnProperty, Ze = Object.prototype.propertyIsEnumerable; -var Qe = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Je = (e, t) => { +var kt = Object.defineProperty, St = Object.defineProperties; +var wt = Object.getOwnPropertyDescriptors; +var Ce = Object.getOwnPropertySymbols; +var Je = Object.prototype.hasOwnProperty, Xe = Object.prototype.propertyIsEnumerable; +var Ze = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ye = (e, t) => { for (var n in t || (t = {})) - Ge.call(t, n) && Qe(e, n, t[n]); - if (ke) - for (var n of ke(t)) - Ze.call(t, n) && Qe(e, n, t[n]); + Je.call(t, n) && Ze(e, n, t[n]); + if (Ce) + for (var n of Ce(t)) + Xe.call(t, n) && Ze(e, n, t[n]); return e; -}, Xe = (e, t) => Ct(e, kt(t)); -var me = (e, t) => { +}, et = (e, t) => St(e, wt(t)); +var pe = (e, t) => { var n = {}; - for (var a in e) - Ge.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]); - if (e != null && ke) - for (var a of ke(e)) - t.indexOf(a) < 0 && Ze.call(e, a) && (n[a] = e[a]); + for (var s in e) + Je.call(e, s) && t.indexOf(s) < 0 && (n[s] = e[s]); + if (e != null && Ce) + for (var s of Ce(e)) + t.indexOf(s) < 0 && Xe.call(e, s) && (n[s] = e[s]); return n; }; -var Le = (e, t, n) => new Promise((a, s) => { +var Ke = (e, t, n) => new Promise((s, a) => { var d = (o) => { try { i(n.next(o)); } catch (r) { - s(r); + a(r); } }, l = (o) => { try { i(n.throw(o)); } catch (r) { - s(r); + a(r); } - }, i = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(d, l); + }, i = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(d, l); i((n = n.apply(e, t)).next()); }); -import { ref as f, onMounted as fe, defineComponent as K, computed as c, openBlock as u, createElementBlock as m, normalizeClass as D, toDisplayString as N, createCommentVNode as $, Comment as St, warn as Fe, withKeys as ne, renderSlot as _, getCurrentInstance as wt, resolveComponent as k, createBlock as T, resolveDynamicComponent as Se, withCtx as x, createVNode as O, createElementVNode as h, withDirectives as ae, vShow as Ie, Fragment as ye, renderList as we, createTextVNode as le, Transition as Re, normalizeStyle as se, inject as pe, toRef as F, mergeProps as Z, withModifiers as te, vModelCheckbox as st, createSlots as xe, onUnmounted as ze, watch as oe, nextTick as _e, vModelDynamic as xt, useCssVars as Oe, toRefs as Mt, provide as ge, vModelRadio as Bt, vModelText as At } from "vue"; -const Tt = '<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>', Lt = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Vt = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Dt = '<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>', Kt = '<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>', Et = '<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>', Ft = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Rt = '<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>', zt = '<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>', Ot = '<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>', Nt = '<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>', qt = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Ht = '<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>', at = Tt, jt = Lt, Ut = Vt, it = Dt, dt = Kt, Ne = Et, Wt = Ft, Pt = { +import { ref as m, onMounted as ce, defineComponent as E, computed as p, openBlock as u, createElementBlock as h, normalizeClass as K, toDisplayString as N, createCommentVNode as _, Comment as xt, warn as Oe, withKeys as te, renderSlot as I, getCurrentInstance as Mt, resolveComponent as S, createBlock as T, resolveDynamicComponent as ke, withCtx as B, createVNode as O, createElementVNode as v, withDirectives as se, vShow as $e, Fragment as ge, renderList as Se, createTextVNode as oe, Transition as Ne, normalizeStyle as le, inject as re, toRef as R, mergeProps as Z, withModifiers as ee, vModelCheckbox as it, createSlots as we, onUnmounted as qe, watch as ne, nextTick as ye, vModelDynamic as Bt, useCssVars as He, toRefs as At, provide as be, vModelRadio as Tt, vModelText as Lt } from "vue"; +const Vt = '<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>', Dt = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Kt = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Et = '<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>', Ft = '<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>', Rt = '<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>', zt = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Ot = '<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>', Nt = '<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>', qt = '<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>', Ht = '<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>', jt = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Ut = '<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>', dt = Vt, Wt = Dt, Pt = Kt, ut = Et, rt = Ft, je = Rt, Qt = zt, Gt = { langCodeMap: { - ar: Rt + ar: Ot }, - default: zt -}, Qt = { - ltr: Ot, + default: Nt +}, Zt = { + ltr: qt, shouldFlip: !0 -}, Gt = { - ltr: Nt, +}, Jt = { + ltr: Ht, shouldFlip: !0 -}, Zt = qt, ut = Ht; -function Jt(e, t, n) { +}, Xt = jt, ct = Ut; +function Yt(e, t, n) { if (typeof e == "string" || "path" in e) return e; if ("shouldFlip" in e) return e.ltr; if ("rtl" in e) return n === "rtl" ? e.rtl : e.ltr; - const a = t in e.langCodeMap ? e.langCodeMap[t] : e.default; - return typeof a == "string" || "path" in a ? a : a.ltr; + const s = t in e.langCodeMap ? e.langCodeMap[t] : e.default; + return typeof s == "string" || "path" in s ? s : s.ltr; } -function Xt(e, t) { +function en(e, t) { if (typeof e == "string") return !1; if ("langCodeMap" in e) { @@ -73,46 +73,46 @@ function Xt(e, t) { } return "shouldFlip" in e ? e.shouldFlip : !1; } -function rt(e) { - const t = f(null); - return fe(() => { +function pt(e) { + const t = m(null); + return ce(() => { const n = window.getComputedStyle(e.value).direction; t.value = n === "ltr" || n === "rtl" ? n : null; }), t; } -function Yt(e) { - const t = f(""); - return fe(() => { +function tn(e) { + const t = m(""); + return ce(() => { let n = e.value; for (; n && n.lang === ""; ) n = n.parentElement; t.value = n ? n.lang : null; }), t; } -function ee(e) { +function X(e) { return (t) => typeof t == "string" && e.indexOf(t) !== -1; } -const Ve = "cdx", en = [ +const Ee = "cdx", nn = [ "default", "progressive", "destructive" -], tn = [ +], on = [ "normal", "primary", "quiet" -], nn = [ +], ln = [ "medium", "large" -], on = [ +], an = [ "x-small", "small", "medium" -], ln = [ +], sn = [ "notice", "warning", "error", "success" -], ct = ee(ln), sn = [ +], ft = X(sn), dn = [ "text", "search", "number", @@ -125,10 +125,10 @@ const Ve = "cdx", en = [ "date", "datetime-local", "time" -], he = [ +], fe = [ "default", "error" -], an = 120, dn = 500, ve = "cdx-menu-footer-item", pt = Symbol("CdxTabs"), ft = Symbol("CdxActiveTab"), mt = Symbol("CdxId"), Me = Symbol("CdxDescriptionId"), ht = Symbol("CdxStatus"), bt = Symbol("CdxDisabled"), un = ee(on), rn = K({ +], un = 120, rn = 500, ve = "cdx-menu-footer-item", mt = Symbol("CdxTabs"), ht = Symbol("CdxActiveTab"), vt = Symbol("CdxId"), xe = Symbol("CdxDescriptionId"), bt = Symbol("CdxStatus"), gt = Symbol("CdxDisabled"), cn = X(an), pn = E({ name: "CdxIcon", props: { /** The SVG path or an object containing that path plus other data. */ @@ -172,16 +172,16 @@ const Ve = "cdx", en = [ size: { type: String, default: "medium", - validator: un + validator: cn } }, setup(e) { - const t = f(), n = rt(t), a = Yt(t), s = c(() => e.dir || n.value), d = c(() => e.lang || a.value), l = c(() => ({ - "cdx-icon--flipped": s.value === "rtl" && d.value !== null && Xt(e.icon, d.value), + const t = m(), n = pt(t), s = tn(t), a = p(() => e.dir || n.value), d = p(() => e.lang || s.value), l = p(() => ({ + "cdx-icon--flipped": a.value === "rtl" && d.value !== null && en(e.icon, d.value), [`cdx-icon--${e.size}`]: !0 - })), i = c( - () => Jt(e.icon, d.value || "", s.value || "ltr") - ), o = c(() => typeof i.value == "string" ? i.value : ""), r = c(() => typeof i.value != "string" ? i.value.path : ""); + })), i = p( + () => Yt(e.icon, d.value || "", a.value || "ltr") + ), o = p(() => typeof i.value == "string" ? i.value : ""), r = p(() => typeof i.value != "string" ? i.value.path : ""); return { rootElement: t, rootClasses: l, @@ -190,18 +190,18 @@ const Ve = "cdx", en = [ }; } }); -const E = (e, t) => { +const F = (e, t) => { const n = e.__vccOpts || e; - for (const [a, s] of t) - n[a] = s; + for (const [s, a] of t) + n[s] = a; return n; -}, cn = ["aria-hidden"], pn = { key: 0 }, fn = ["innerHTML"], mn = ["d"]; -function hn(e, t, n, a, s, d) { - return u(), m("span", { +}, fn = ["aria-hidden"], mn = { key: 0 }, hn = ["innerHTML"], vn = ["d"]; +function bn(e, t, n, s, a, d) { + return u(), h("span", { ref: "rootElement", - class: D(["cdx-icon", e.rootClasses]) + class: K(["cdx-icon", e.rootClasses]) }, [ - (u(), m("svg", { + (u(), h("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", width: "20", @@ -209,38 +209,38 @@ function hn(e, t, n, a, s, d) { viewBox: "0 0 20 20", "aria-hidden": e.iconLabel ? void 0 : !0 }, [ - e.iconLabel ? (u(), m("title", pn, N(e.iconLabel), 1)) : $("", !0), - e.iconSvg ? (u(), m("g", { + e.iconLabel ? (u(), h("title", mn, N(e.iconLabel), 1)) : _("", !0), + e.iconSvg ? (u(), h("g", { key: 1, innerHTML: e.iconSvg - }, null, 8, fn)) : (u(), m("path", { + }, null, 8, hn)) : (u(), h("path", { key: 2, d: e.iconPath - }, null, 8, mn)) - ], 8, cn)) + }, null, 8, vn)) + ], 8, fn)) ], 2); } -const J = /* @__PURE__ */ E(rn, [["render", hn]]), bn = ee(en), vn = ee(tn), gn = ee(nn), yn = (e) => { - !e["aria-label"] && !e["aria-hidden"] && Fe(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. +const J = /* @__PURE__ */ F(pn, [["render", bn]]), gn = X(nn), yn = X(on), $n = X(ln), _n = (e) => { + !e["aria-label"] && !e["aria-hidden"] && Oe(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`); }; -function Ke(e) { +function Re(e) { const t = []; for (const n of e) - typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...Ke(n)) : typeof n == "object" && n && (// HTML tag + typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...Re(n)) : typeof n == "object" && n && (// HTML tag typeof n.type == "string" || // Component - typeof n.type == "object" ? t.push(n) : n.type !== St && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...Ke(n.children)))); + typeof n.type == "object" ? t.push(n) : n.type !== xt && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...Re(n.children)))); return t; } -const $n = (e, t) => { +const In = (e, t) => { if (!e) return !1; - const n = Ke(e); + const n = Re(e); if (n.length !== 1) return !1; - const a = n[0], s = typeof a == "object" && typeof a.type == "object" && "name" in a.type && a.type.name === J.name, d = typeof a == "object" && a.type === "svg"; - return s || d ? (yn(t), !0) : !1; -}, _n = K({ + const s = n[0], a = typeof s == "object" && typeof s.type == "object" && "name" in s.type && s.type.name === J.name, d = typeof s == "object" && s.type === "svg"; + return a || d ? (_n(t), !0) : !1; +}, Cn = E({ name: "CdxButton", props: { /** @@ -251,7 +251,7 @@ const $n = (e, t) => { action: { type: String, default: "default", - validator: bn + validator: gn }, /** * Visual prominence of the button. @@ -261,7 +261,7 @@ const $n = (e, t) => { weight: { type: String, default: "normal", - validator: vn + validator: yn }, /** * Button size. @@ -274,52 +274,52 @@ const $n = (e, t) => { size: { type: String, default: "medium", - validator: gn + validator: $n } }, emits: ["click"], - setup(e, { emit: t, slots: n, attrs: a }) { - const s = f(!1); + setup(e, { emit: t, slots: n, attrs: s }) { + const a = m(!1); return { - rootClasses: c(() => { + rootClasses: p(() => { var o; return { [`cdx-button--action-${e.action}`]: !0, [`cdx-button--weight-${e.weight}`]: !0, [`cdx-button--size-${e.size}`]: !0, "cdx-button--framed": e.weight !== "quiet", - "cdx-button--icon-only": $n((o = n.default) == null ? void 0 : o.call(n), a), - "cdx-button--is-active": s.value + "cdx-button--icon-only": In((o = n.default) == null ? void 0 : o.call(n), s), + "cdx-button--is-active": a.value }; }), onClick: (o) => { t("click", o); }, setActive: (o) => { - s.value = o; + a.value = o; } }; } }); -function In(e, t, n, a, s, d) { - return u(), m("button", { - class: D(["cdx-button", e.rootClasses]), +function kn(e, t, n, s, a, d) { + return u(), h("button", { + class: K(["cdx-button", e.rootClasses]), onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)), - onKeydown: t[1] || (t[1] = ne((l) => e.setActive(!0), ["space", "enter"])), - onKeyup: t[2] || (t[2] = ne((l) => e.setActive(!1), ["space", "enter"])) + onKeydown: t[1] || (t[1] = te((l) => e.setActive(!0), ["space", "enter"])), + onKeyup: t[2] || (t[2] = te((l) => e.setActive(!1), ["space", "enter"])) }, [ - _(e.$slots, "default") + I(e.$slots, "default") ], 34); } -const be = /* @__PURE__ */ E(_n, [["render", In]]); -let De = 0; +const me = /* @__PURE__ */ F(Cn, [["render", kn]]); +let Fe = 0; function W(e) { - const t = wt(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); - return e ? `${Ve}-${e}-${De++}` : n ? `${Ve}-${n}-${De++}` : `${Ve}-${De++}`; + const t = Mt(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); + return e ? `${Ee}-${e}-${Fe++}` : n ? `${Ee}-${n}-${Fe++}` : `${Ee}-${Fe++}`; } -const Cn = K({ +const Sn = E({ name: "CdxAccordion", - components: { CdxButton: be, CdxIcon: J }, + components: { CdxButton: me, CdxIcon: J }, props: { /** * Forces the accordion to show the action icon. @@ -364,33 +364,33 @@ const Cn = K({ "action-button-click" ], setup(e, { emit: t }) { - const n = f(!1), a = W("accordion"), s = W("accordion-panel"), d = () => { + const n = m(!1), s = W("accordion"), a = W("accordion-panel"), d = () => { n.value = !n.value; }, l = () => { t("action-button-click"); - }, i = c(() => e.actionIcon && (n.value || e.actionAlwaysVisible)), o = c(() => ({ + }, i = p(() => e.actionIcon && (n.value || e.actionAlwaysVisible)), o = p(() => ({ "cdx-accordion--has-icon": i })); return { - cdxIconExpand: Ne, + cdxIconExpand: je, emitActionButtonClick: l, isExpanded: n, rootClasses: o, shouldShowActionButton: i, toggle: d, - accordionId: a, - accordionPanelId: s + accordionId: s, + accordionPanelId: a }; } }); -const kn = { class: "cdx-accordion__toggle__title" }, Sn = { class: "cdx-accordion__toggle__title-text" }, wn = { class: "cdx-accordion__toggle__description" }, xn = ["id", "aria-labelledby", "aria-hidden"]; -function Mn(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-button"); - return u(), m("div", { - class: D(["cdx-accordion", e.rootClasses]) +const wn = { class: "cdx-accordion__toggle__title" }, xn = { class: "cdx-accordion__toggle__title-text" }, Mn = { class: "cdx-accordion__toggle__description" }, Bn = ["id", "aria-labelledby", "aria-hidden"]; +function An(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-button"); + return u(), h("div", { + class: K(["cdx-accordion", e.rootClasses]) }, [ - (u(), T(Se(e.headingLevel), { class: "cdx-accordion__header" }, { - default: x(() => [ + (u(), T(ke(e.headingLevel), { class: "cdx-accordion__header" }, { + default: B(() => [ O(i, { id: e.accordionId, "aria-expanded": e.isExpanded, @@ -400,19 +400,19 @@ function Mn(e, t, n, a, s, d) { weight: "quiet", onClick: e.toggle }, { - default: x(() => [ - h("span", kn, [ + default: B(() => [ + v("span", wn, [ O(l, { class: "cdx-accordion__toggle__title-icon", icon: e.cdxIconExpand, size: "small" }, null, 8, ["icon"]), - h("span", Sn, [ - _(e.$slots, "title") + v("span", xn, [ + I(e.$slots, "title") ]) ]), - h("span", wn, [ - _(e.$slots, "description") + v("span", Mn, [ + I(e.$slots, "description") ]) ]), _: 3 @@ -425,7 +425,7 @@ function Mn(e, t, n, a, s, d) { weight: "quiet", onClick: e.emitActionButtonClick }, { - default: x(() => [ + default: B(() => [ O(l, { icon: e.actionIcon, "icon-label": e.actionButtonLabel, @@ -433,31 +433,31 @@ function Mn(e, t, n, a, s, d) { }, null, 8, ["icon", "icon-label"]) ]), _: 1 - }, 8, ["aria-label", "onClick"])) : $("", !0) + }, 8, ["aria-label", "onClick"])) : _("", !0) ]), _: 3 })), - ae(h("div", { + se(v("div", { id: e.accordionPanelId, "aria-labelledby": e.accordionId, "aria-hidden": e.isExpanded ? void 0 : !0, class: "cdx-accordion__content", role: "region" }, [ - _(e.$slots, "default") - ], 8, xn), [ - [Ie, e.isExpanded] + I(e.$slots, "default") + ], 8, Bn), [ + [$e, e.isExpanded] ]) ], 2); } -const ls = /* @__PURE__ */ E(Cn, [["render", Mn]]); -function vt(e) { +const sa = /* @__PURE__ */ F(Sn, [["render", An]]); +function yt(e) { return e.label === void 0 ? e.value : e.label === null ? "" : e.label; } -const Bn = K({ +const Tn = E({ name: "CdxButtonGroup", components: { - CdxButton: be, + CdxButton: me, CdxIcon: J }, props: { @@ -490,34 +490,34 @@ const Bn = K({ ], setup() { return { - getButtonLabel: vt + getButtonLabel: yt }; } }); -const An = { class: "cdx-button-group" }; -function Tn(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-button"); - return u(), m("div", An, [ - (u(!0), m(ye, null, we(e.buttons, (o) => (u(), T(i, { +const Ln = { class: "cdx-button-group" }; +function Vn(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-button"); + return u(), h("div", Ln, [ + (u(!0), h(ge, null, Se(e.buttons, (o) => (u(), T(i, { key: o.value, disabled: o.disabled || e.disabled, "aria-label": o.ariaLabel, onClick: (r) => e.$emit("click", o.value) }, { - default: x(() => [ - _(e.$slots, "default", { button: o }, () => [ + default: B(() => [ + I(e.$slots, "default", { button: o }, () => [ o.icon ? (u(), T(l, { key: 0, icon: o.icon - }, null, 8, ["icon"])) : $("", !0), - le(" " + N(e.getButtonLabel(o)), 1) + }, null, 8, ["icon"])) : _("", !0), + oe(" " + N(e.getButtonLabel(o)), 1) ]) ]), _: 2 }, 1032, ["disabled", "aria-label", "onClick"]))), 128)) ]); } -const ss = /* @__PURE__ */ E(Bn, [["render", Tn]]), Ln = K({ +const ia = /* @__PURE__ */ F(Tn, [["render", Vn]]), Dn = E({ name: "CdxThumbnail", components: { CdxIcon: J }, props: { @@ -533,55 +533,55 @@ const ss = /* @__PURE__ */ E(Bn, [["render", Tn]]), Ln = K({ */ placeholderIcon: { type: [String, Object], - default: Wt + default: Qt } }, setup: (e) => { - const t = f(!1), n = f({}), a = (s) => { - const d = s.replace(/([\\"\n])/g, "\\$1"), l = new Image(); + const t = m(!1), n = m({}), s = (a) => { + const d = a.replace(/([\\"\n])/g, "\\$1"), l = new Image(); l.onload = () => { n.value = { backgroundImage: `url("${d}")` }, t.value = !0; }, l.onerror = () => { t.value = !1; }, l.src = d; }; - return fe(() => { - var s; - (s = e.thumbnail) != null && s.url && a(e.thumbnail.url); + return ce(() => { + var a; + (a = e.thumbnail) != null && a.url && s(e.thumbnail.url); }), { thumbnailStyle: n, thumbnailLoaded: t }; } }); -const Vn = { class: "cdx-thumbnail" }, Dn = { +const Kn = { class: "cdx-thumbnail" }, En = { key: 0, class: "cdx-thumbnail__placeholder" }; -function Kn(e, t, n, a, s, d) { - const l = k("cdx-icon"); - return u(), m("span", Vn, [ - e.thumbnailLoaded ? $("", !0) : (u(), m("span", Dn, [ +function Fn(e, t, n, s, a, d) { + const l = S("cdx-icon"); + return u(), h("span", Kn, [ + e.thumbnailLoaded ? _("", !0) : (u(), h("span", En, [ O(l, { icon: e.placeholderIcon, class: "cdx-thumbnail__placeholder__icon--vue" }, null, 8, ["icon"]) ])), - O(Re, { name: "cdx-thumbnail__image" }, { - default: x(() => [ - e.thumbnailLoaded ? (u(), m("span", { + O(Ne, { name: "cdx-thumbnail__image" }, { + default: B(() => [ + e.thumbnailLoaded ? (u(), h("span", { key: 0, - style: se(e.thumbnailStyle), + style: le(e.thumbnailStyle), class: "cdx-thumbnail__image" - }, null, 4)) : $("", !0) + }, null, 4)) : _("", !0) ]), _: 1 }) ]); } -const gt = /* @__PURE__ */ E(Ln, [["render", Kn]]), En = K({ +const $t = /* @__PURE__ */ F(Dn, [["render", Fn]]), Rn = E({ name: "CdxCard", - components: { CdxIcon: J, CdxThumbnail: gt }, + components: { CdxIcon: J, CdxThumbnail: $t }, props: { /** * If provided, the Card will be a link to this URL. @@ -633,32 +633,32 @@ const gt = /* @__PURE__ */ E(Ln, [["render", Kn]]), En = K({ } }, setup(e) { - const t = c(() => !!e.url), n = c(() => t.value ? "a" : "span"), a = c(() => t.value ? e.url : void 0); + const t = p(() => !!e.url), n = p(() => t.value ? "a" : "span"), s = p(() => t.value ? e.url : void 0); return { isLink: t, contentTag: n, - cardLink: a + cardLink: s }; } }); -const Fn = { class: "cdx-card__text" }, Rn = { class: "cdx-card__text__title" }, zn = { +const zn = { class: "cdx-card__text" }, On = { class: "cdx-card__text__title" }, Nn = { key: 0, class: "cdx-card__text__description" -}, On = { +}, qn = { key: 1, class: "cdx-card__text__supporting-text" }; -function Nn(e, t, n, a, s, d) { - const l = k("cdx-thumbnail"), i = k("cdx-icon"); - return u(), T(Se(e.contentTag), { +function Hn(e, t, n, s, a, d) { + const l = S("cdx-thumbnail"), i = S("cdx-icon"); + return u(), T(ke(e.contentTag), { href: e.cardLink, - class: D(["cdx-card", { + class: K(["cdx-card", { "cdx-card--is-link": e.isLink, // Include dynamic classes in the template so that $slots is reactive. "cdx-card--title-only": !e.$slots.description && !e.$slots["supporting-text"] }]) }, { - default: x(() => [ + default: B(() => [ e.thumbnail || e.forceThumbnail ? (u(), T(l, { key: 0, thumbnail: e.thumbnail, @@ -668,55 +668,55 @@ function Nn(e, t, n, a, s, d) { key: 1, icon: e.icon, class: "cdx-card__icon" - }, null, 8, ["icon"])) : $("", !0), - h("span", Fn, [ - h("span", Rn, [ - _(e.$slots, "title") + }, null, 8, ["icon"])) : _("", !0), + v("span", zn, [ + v("span", On, [ + I(e.$slots, "title") ]), - e.$slots.description ? (u(), m("span", zn, [ - _(e.$slots, "description") - ])) : $("", !0), - e.$slots["supporting-text"] ? (u(), m("span", On, [ - _(e.$slots, "supporting-text") - ])) : $("", !0) + e.$slots.description ? (u(), h("span", Nn, [ + I(e.$slots, "description") + ])) : _("", !0), + e.$slots["supporting-text"] ? (u(), h("span", qn, [ + I(e.$slots, "supporting-text") + ])) : _("", !0) ]) ]), _: 3 }, 8, ["href", "class"]); } -const as = /* @__PURE__ */ E(En, [["render", Nn]]); -function yt(e) { - const t = pe(bt, f(!1)); - return c(() => t.value || e.value); +const da = /* @__PURE__ */ F(Rn, [["render", Hn]]); +function _t(e) { + const t = re(gt, m(!1)); + return p(() => t.value || e.value); } function ie(e, t, n) { - const a = yt(e), s = pe(ht, f("default")), d = c(() => t != null && t.value && t.value !== "default" ? t.value : s.value), l = pe(mt, void 0), i = c(() => l || n); + const s = _t(e), a = re(bt, m("default")), d = p(() => t != null && t.value && t.value !== "default" ? t.value : a.value), l = re(vt, void 0), i = p(() => l || n); return { - computedDisabled: a, + computedDisabled: s, computedStatus: d, computedInputId: i }; } -function de(e, t = c(() => ({}))) { - const n = c(() => { - const d = me(t.value, []); +function de(e, t = p(() => ({}))) { + const n = p(() => { + const d = pe(t.value, []); return e.class && e.class.split(" ").forEach((i) => { d[i] = !0; }), d; - }), a = c(() => { + }), s = p(() => { if ("style" in e) return e.style; - }), s = c(() => { + }), a = p(() => { const o = e, { class: d, style: l } = o; - return me(o, ["class", "style"]); + return pe(o, ["class", "style"]); }); return { rootClasses: n, - rootStyle: a, - otherAttrs: s + rootStyle: s, + otherAttrs: a }; } -const qn = K({ +const jn = E({ name: "CdxLabel", components: { CdxIcon: J }, /** @@ -787,58 +787,58 @@ const qn = K({ } }, setup(e, { attrs: t }) { - const { computedDisabled: n } = ie(F(e, "disabled")), a = c(() => ({ + const { computedDisabled: n } = ie(R(e, "disabled")), s = p(() => ({ "cdx-label--visually-hidden": e.visuallyHidden, "cdx-label--disabled": n.value })), { - rootClasses: s, + rootClasses: a, rootStyle: d, otherAttrs: l - } = de(t, a); + } = de(t, s); return { - rootClasses: s, + rootClasses: a, rootStyle: d, otherAttrs: l }; } }); -const Hn = ["for"], jn = { class: "cdx-label__label__text" }, Un = { +const Un = ["for"], Wn = { class: "cdx-label__label__text" }, Pn = { key: 1, class: "cdx-label__label__optional-flag" -}, Wn = ["id"], Pn = { class: "cdx-label__label" }, Qn = { class: "cdx-label__label__text" }, Gn = { +}, Qn = ["id"], Gn = { class: "cdx-label__label" }, Zn = { class: "cdx-label__label__text" }, Jn = { key: 1, class: "cdx-label__label__optional-flag" -}, Zn = { +}, Xn = { key: 0, class: "cdx-label__description" }; -function Jn(e, t, n, a, s, d) { - const l = k("cdx-icon"); - return e.isLegend ? (u(), m("legend", Z({ +function Yn(e, t, n, s, a, d) { + const l = S("cdx-icon"); + return e.isLegend ? (u(), h("legend", Z({ key: 1, class: ["cdx-label cdx-label--is-legend", e.rootClasses], style: e.rootStyle }, e.otherAttrs), [ - h("span", Pn, [ + v("span", Gn, [ e.icon ? (u(), T(l, { key: 0, icon: e.icon, class: "cdx-label__label__icon" - }, null, 8, ["icon"])) : $("", !0), - h("span", Qn, [ - _(e.$slots, "default") + }, null, 8, ["icon"])) : _("", !0), + v("span", Zn, [ + I(e.$slots, "default") ]), - e.optionalFlag ? (u(), m("span", Gn, N(" ") + " " + N(e.optionalFlag), 1)) : $("", !0) + e.optionalFlag ? (u(), h("span", Jn, N(" ") + " " + N(e.optionalFlag), 1)) : _("", !0) ]), - e.$slots.description && e.$slots.description().length > 0 ? (u(), m("span", Zn, [ - _(e.$slots, "description") - ])) : $("", !0) - ], 16)) : (u(), m("div", { + e.$slots.description && e.$slots.description().length > 0 ? (u(), h("span", Xn, [ + I(e.$slots, "description") + ])) : _("", !0) + ], 16)) : (u(), h("div", { key: 0, - class: D(["cdx-label", e.rootClasses]), - style: se(e.rootStyle) + class: K(["cdx-label", e.rootClasses]), + style: le(e.rootStyle) }, [ - h("label", Z({ + v("label", Z({ class: "cdx-label__label", for: e.inputId ? e.inputId : void 0 }, e.otherAttrs), [ @@ -846,41 +846,41 @@ function Jn(e, t, n, a, s, d) { key: 0, icon: e.icon, class: "cdx-label__label__icon" - }, null, 8, ["icon"])) : $("", !0), - h("span", jn, [ - _(e.$slots, "default") + }, null, 8, ["icon"])) : _("", !0), + v("span", Wn, [ + I(e.$slots, "default") ]), - e.optionalFlag ? (u(), m("span", Un, N(" ") + " " + N(e.optionalFlag), 1)) : $("", !0) - ], 16, Hn), - e.$slots.description && e.$slots.description().length > 0 ? (u(), m("span", { + e.optionalFlag ? (u(), h("span", Pn, N(" ") + " " + N(e.optionalFlag), 1)) : _("", !0) + ], 16, Un), + e.$slots.description && e.$slots.description().length > 0 ? (u(), h("span", { key: 0, id: e.descriptionId || void 0, class: "cdx-label__description" }, [ - _(e.$slots, "description") - ], 8, Wn)) : $("", !0) + I(e.$slots, "description") + ], 8, Qn)) : _("", !0) ], 6)); } -const Be = /* @__PURE__ */ E(qn, [["render", Jn]]); -function qe(e, t, n) { - e && e.length > 0 || (t == null ? void 0 : t["aria-label"]) || (t == null ? void 0 : t["aria-labelledby"]) || Fe(`${n}: Inputs must have an associated label. Provide one of the following: +const Me = /* @__PURE__ */ F(jn, [["render", Yn]]); +function Ue(e, t, n) { + e && e.length > 0 || (t == null ? void 0 : t["aria-label"]) || (t == null ? void 0 : t["aria-labelledby"]) || Oe(`${n}: Inputs must have an associated label. Provide one of the following: - A label via the appropriate slot - An \`aria-label\` attribute set to the label text - An \`aria-labelledby\` attribute set to the ID of the label element`); } function ue(e, t, n) { - return c({ + return p({ get: () => e.value, - set: (a) => ( + set: (s) => ( // If eventName is undefined, then 'update:modelValue' must be a valid EventName, // but TypeScript's type analysis isn't clever enough to realize that - t(n || "update:modelValue", a) + t(n || "update:modelValue", s) ) }); } -const Xn = K({ +const eo = E({ name: "CdxCheckbox", - components: { CdxLabel: Be }, + components: { CdxLabel: Me }, props: { /** * Value of the checkbox or checkbox group. @@ -936,32 +936,32 @@ const Xn = K({ */ "update:modelValue" ], - setup(e, { emit: t, slots: n, attrs: a }) { - var b; - qe((b = n.default) == null ? void 0 : b.call(n), a, "CdxCheckbox"); - const s = c(() => ({ + setup(e, { emit: t, slots: n, attrs: s }) { + var $; + Ue(($ = n.default) == null ? void 0 : $.call(n), s, "CdxCheckbox"); + const a = p(() => ({ "cdx-checkbox--inline": e.inline - })), { computedDisabled: d } = ie(F(e, "disabled")), l = f(), i = W("checkbox"), o = W("description"), r = () => { + })), { computedDisabled: d } = ie(R(e, "disabled")), l = m(), i = W("checkbox"), o = W("description"), r = () => { l.value.click(); - }, p = ue(F(e, "modelValue"), t); + }, f = ue(R(e, "modelValue"), t); return { - rootClasses: s, + rootClasses: a, computedDisabled: d, input: l, checkboxId: i, descriptionId: o, clickInput: r, - wrappedModel: p + wrappedModel: f }; } }); -const Yn = ["id", "aria-describedby", "value", "disabled", ".indeterminate"], eo = /* @__PURE__ */ h("span", { class: "cdx-checkbox__icon" }, null, -1); -function to(e, t, n, a, s, d) { - const l = k("cdx-label"); - return u(), m("span", { - class: D(["cdx-checkbox", e.rootClasses]) +const to = ["id", "aria-describedby", "value", "disabled", ".indeterminate"], no = /* @__PURE__ */ v("span", { class: "cdx-checkbox__icon" }, null, -1); +function oo(e, t, n, s, a, d) { + const l = S("cdx-label"); + return u(), h("span", { + class: K(["cdx-checkbox", e.rootClasses]) }, [ - ae(h("input", { + se(v("input", { id: e.checkboxId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), @@ -971,38 +971,38 @@ function to(e, t, n, a, s, d) { value: e.inputValue, disabled: e.computedDisabled, ".indeterminate": e.indeterminate, - onKeydown: t[1] || (t[1] = ne(te((...i) => e.clickInput && e.clickInput(...i), ["prevent"]), ["enter"])) - }, null, 40, Yn), [ - [st, e.wrappedModel] + onKeydown: t[1] || (t[1] = te(ee((...i) => e.clickInput && e.clickInput(...i), ["prevent"]), ["enter"])) + }, null, 40, to), [ + [it, e.wrappedModel] ]), - eo, + no, e.$slots.default && e.$slots.default().length ? (u(), T(l, { key: 0, class: "cdx-checkbox__label", "input-id": e.checkboxId, "description-id": e.$slots.description && e.$slots.description().length > 0 ? e.descriptionId : void 0, disabled: e.computedDisabled - }, xe({ - default: x(() => [ - _(e.$slots, "default") + }, we({ + default: B(() => [ + I(e.$slots, "default") ]), _: 2 }, [ e.$slots.description && e.$slots.description().length > 0 ? { name: "description", - fn: x(() => [ - _(e.$slots, "description") + fn: B(() => [ + I(e.$slots, "description") ]), key: "0" } : void 0 - ]), 1032, ["input-id", "description-id", "disabled"])) : $("", !0) + ]), 1032, ["input-id", "description-id", "disabled"])) : _("", !0) ], 2); } -const is = /* @__PURE__ */ E(Xn, [["render", to]]), no = { - error: dt, - warning: at, - success: ut -}, oo = K({ +const ua = /* @__PURE__ */ F(eo, [["render", oo]]), lo = { + error: rt, + warning: dt, + success: ct +}, ao = E({ name: "CdxInfoChip", components: { CdxIcon: J }, props: { @@ -1014,7 +1014,7 @@ const is = /* @__PURE__ */ E(Xn, [["render", to]]), no = { status: { type: String, default: "notice", - validator: ct + validator: ft }, /** * Custom icon to use for "notice" chips. Chips with other status types @@ -1026,10 +1026,10 @@ const is = /* @__PURE__ */ E(Xn, [["render", to]]), no = { } }, setup(e) { - const t = c(() => ({ + const t = p(() => ({ [`cdx-info-chip__icon--${e.status}`]: !0 - })), n = c( - () => e.status === "notice" ? e.icon : no[e.status] + })), n = p( + () => e.status === "notice" ? e.icon : lo[e.status] ); return { iconClass: t, @@ -1037,45 +1037,45 @@ const is = /* @__PURE__ */ E(Xn, [["render", to]]), no = { }; } }); -const lo = { class: "cdx-info-chip" }, so = { class: "cdx-info-chip--text" }; -function ao(e, t, n, a, s, d) { - const l = k("cdx-icon"); - return u(), m("div", lo, [ +const so = { class: "cdx-info-chip" }, io = { class: "cdx-info-chip--text" }; +function uo(e, t, n, s, a, d) { + const l = S("cdx-icon"); + return u(), h("div", so, [ e.computedIcon ? (u(), T(l, { key: 0, - class: D(["cdx-info-chip__icon", e.iconClass]), + class: K(["cdx-info-chip__icon", e.iconClass]), icon: e.computedIcon - }, null, 8, ["class", "icon"])) : $("", !0), - h("span", so, [ - _(e.$slots, "default") + }, null, 8, ["class", "icon"])) : _("", !0), + v("span", io, [ + I(e.$slots, "default") ]) ]); } -const ds = /* @__PURE__ */ E(oo, [["render", ao]]); -function $t(e) { +const ra = /* @__PURE__ */ F(ao, [["render", uo]]); +function It(e) { return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1"); } -const io = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; -function _t(e, t) { +const ro = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]"; +function Ct(e, t) { if (!e) return [t, "", ""]; - const n = $t(e), a = new RegExp( + const n = It(e), s = new RegExp( // Per https://www.regular-expressions.info/unicode.html, "any code point that is not a // combining mark can be followed by any number of combining marks." See also the // discussion in https://phabricator.wikimedia.org/T35242. - n + io + "*", + n + ro + "*", "i" ).exec(t); - if (!a || a.index === void 0) + if (!s || s.index === void 0) return [t, "", ""]; - const s = a.index, d = s + a[0].length, l = t.slice(s, d), i = t.slice(0, s), o = t.slice(d, t.length); + const a = s.index, d = a + s[0].length, l = t.slice(a, d), i = t.slice(0, a), o = t.slice(d, t.length); return [i, l, o]; } -const us = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ +const ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, - regExpEscape: $t, - splitStringAtMatch: _t -}, Symbol.toStringTag, { value: "Module" })), uo = K({ + regExpEscape: It, + splitStringAtMatch: Ct +}, Symbol.toStringTag, { value: "Module" })), co = E({ name: "CdxSearchResultTitle", props: { /** @@ -1094,22 +1094,22 @@ const us = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ } }, setup: (e) => ({ - titleChunks: c(() => _t(e.searchQuery, String(e.title))) + titleChunks: p(() => Ct(e.searchQuery, String(e.title))) }) }); -const ro = { class: "cdx-search-result-title" }, co = { class: "cdx-search-result-title__match" }; -function po(e, t, n, a, s, d) { - return u(), m("span", ro, [ - h("bdi", null, [ - le(N(e.titleChunks[0]), 1), - h("span", co, N(e.titleChunks[1]), 1), - le(N(e.titleChunks[2]), 1) +const po = { class: "cdx-search-result-title" }, fo = { class: "cdx-search-result-title__match" }; +function mo(e, t, n, s, a, d) { + return u(), h("span", po, [ + v("bdi", null, [ + oe(N(e.titleChunks[0]), 1), + v("span", fo, N(e.titleChunks[1]), 1), + oe(N(e.titleChunks[2]), 1) ]) ]); } -const fo = /* @__PURE__ */ E(uo, [["render", po]]), mo = K({ +const ho = /* @__PURE__ */ F(co, [["render", mo]]), vo = E({ name: "CdxMenuItem", - components: { CdxIcon: J, CdxThumbnail: gt, CdxSearchResultTitle: fo }, + components: { CdxIcon: J, CdxThumbnail: $t, CdxSearchResultTitle: ho }, props: { /** * ID for HTML `id` attribute. @@ -1257,13 +1257,13 @@ const fo = /* @__PURE__ */ E(uo, [["render", po]]), mo = K({ setup: (e, { emit: t }) => { const n = () => { e.highlighted || t("change", "highlighted", !0); - }, a = () => { + }, s = () => { t("change", "highlighted", !1); - }, s = (p) => { - p.button === 0 && t("change", "active", !0); + }, a = (f) => { + f.button === 0 && t("change", "active", !0); }, d = () => { t("change", "selected", !0); - }, l = c(() => e.searchQuery.length > 0), i = c(() => ({ + }, l = p(() => e.searchQuery.length > 0), i = p(() => ({ "cdx-menu-item--selected": e.selected, // Only show the active visual state when the menu item is both active and // highlighted. This means, on mousedown -> mouseleave, the menu item is still @@ -1279,11 +1279,11 @@ const fo = /* @__PURE__ */ E(uo, [["render", po]]), mo = K({ "cdx-menu-item--bold-label": e.boldLabel, "cdx-menu-item--has-description": !!e.description, "cdx-menu-item--hide-description-overflow": e.hideDescriptionOverflow - })), o = c(() => e.url ? "a" : "span"), r = c(() => e.label || String(e.value)); + })), o = p(() => e.url ? "a" : "span"), r = p(() => e.label || String(e.value)); return { onMouseMove: n, - onMouseLeave: a, - onMouseDown: s, + onMouseLeave: s, + onMouseDown: a, onClick: d, highlightQuery: l, rootClasses: i, @@ -1292,27 +1292,27 @@ const fo = /* @__PURE__ */ E(uo, [["render", po]]), mo = K({ }; } }); -const ho = ["id", "aria-disabled", "aria-selected"], bo = { class: "cdx-menu-item__text" }, vo = ["lang"], go = ["lang"], yo = ["lang"], $o = ["lang"]; -function _o(e, t, n, a, s, d) { - const l = k("cdx-thumbnail"), i = k("cdx-icon"), o = k("cdx-search-result-title"); - return u(), m("li", { +const bo = ["id", "aria-disabled", "aria-selected"], go = { class: "cdx-menu-item__text" }, yo = ["lang"], $o = ["lang"], _o = ["lang"], Io = ["lang"]; +function Co(e, t, n, s, a, d) { + const l = S("cdx-thumbnail"), i = S("cdx-icon"), o = S("cdx-search-result-title"); + return u(), h("li", { id: e.id, role: "option", - class: D(["cdx-menu-item", e.rootClasses]), + class: K(["cdx-menu-item", e.rootClasses]), "aria-disabled": e.disabled, "aria-selected": e.selected, onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)), onMouseleave: t[1] || (t[1] = (...r) => e.onMouseLeave && e.onMouseLeave(...r)), - onMousedown: t[2] || (t[2] = te((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), + onMousedown: t[2] || (t[2] = ee((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), onClick: t[3] || (t[3] = (...r) => e.onClick && e.onClick(...r)) }, [ - _(e.$slots, "default", {}, () => [ - (u(), T(Se(e.contentTag), { + I(e.$slots, "default", {}, () => [ + (u(), T(ke(e.contentTag), { href: e.url ? e.url : void 0, class: "cdx-menu-item__content" }, { - default: x(() => { - var r, p, b, S, g, L; + default: B(() => { + var r, f, $, w, g, x; return [ e.showThumbnail ? (u(), T(l, { key: 0, @@ -1322,60 +1322,60 @@ function _o(e, t, n, a, s, d) { key: 1, icon: e.icon, class: "cdx-menu-item__icon" - }, null, 8, ["icon"])) : $("", !0), - h("span", bo, [ + }, null, 8, ["icon"])) : _("", !0), + v("span", go, [ e.highlightQuery ? (u(), T(o, { key: 0, title: e.title, "search-query": e.searchQuery, lang: (r = e.language) == null ? void 0 : r.label - }, null, 8, ["title", "search-query", "lang"])) : (u(), m("span", { + }, null, 8, ["title", "search-query", "lang"])) : (u(), h("span", { key: 1, class: "cdx-menu-item__text__label", - lang: (p = e.language) == null ? void 0 : p.label + lang: (f = e.language) == null ? void 0 : f.label }, [ - h("bdi", null, N(e.title), 1) - ], 8, vo)), - e.match ? (u(), m(ye, { key: 2 }, [ - le(N(" ") + " "), + v("bdi", null, N(e.title), 1) + ], 8, yo)), + e.match ? (u(), h(ge, { key: 2 }, [ + oe(N(" ") + " "), e.highlightQuery ? (u(), T(o, { key: 0, title: e.match, "search-query": e.searchQuery, - lang: (b = e.language) == null ? void 0 : b.match - }, null, 8, ["title", "search-query", "lang"])) : (u(), m("span", { + lang: ($ = e.language) == null ? void 0 : $.match + }, null, 8, ["title", "search-query", "lang"])) : (u(), h("span", { key: 1, class: "cdx-menu-item__text__match", - lang: (S = e.language) == null ? void 0 : S.match + lang: (w = e.language) == null ? void 0 : w.match }, [ - h("bdi", null, N(e.match), 1) - ], 8, go)) - ], 64)) : $("", !0), - e.supportingText ? (u(), m(ye, { key: 3 }, [ - le(N(" ") + " "), - h("span", { + v("bdi", null, N(e.match), 1) + ], 8, $o)) + ], 64)) : _("", !0), + e.supportingText ? (u(), h(ge, { key: 3 }, [ + oe(N(" ") + " "), + v("span", { class: "cdx-menu-item__text__supporting-text", lang: (g = e.language) == null ? void 0 : g.supportingText }, [ - h("bdi", null, N(e.supportingText), 1) - ], 8, yo) - ], 64)) : $("", !0), - e.description ? (u(), m("span", { + v("bdi", null, N(e.supportingText), 1) + ], 8, _o) + ], 64)) : _("", !0), + e.description ? (u(), h("span", { key: 4, class: "cdx-menu-item__text__description", - lang: (L = e.language) == null ? void 0 : L.description + lang: (x = e.language) == null ? void 0 : x.description }, [ - h("bdi", null, N(e.description), 1) - ], 8, $o)) : $("", !0) + v("bdi", null, N(e.description), 1) + ], 8, Io)) : _("", !0) ]) ]; }), _: 1 }, 8, ["href"])) ]) - ], 42, ho); + ], 42, bo); } -const Io = /* @__PURE__ */ E(mo, [["render", _o]]), Co = K({ +const ko = /* @__PURE__ */ F(vo, [["render", Co]]), So = E({ name: "CdxProgressBar", props: { /** @@ -1395,7 +1395,7 @@ const Io = /* @__PURE__ */ E(mo, [["render", _o]]), Co = K({ }, setup(e) { return { - rootClasses: c(() => ({ + rootClasses: p(() => ({ "cdx-progress-bar--block": !e.inline, "cdx-progress-bar--inline": e.inline, "cdx-progress-bar--enabled": !e.disabled, @@ -1404,44 +1404,44 @@ const Io = /* @__PURE__ */ E(mo, [["render", _o]]), Co = K({ }; } }); -const ko = ["aria-disabled"], So = /* @__PURE__ */ h("div", { class: "cdx-progress-bar__bar" }, null, -1), wo = [ - So +const wo = ["aria-disabled"], xo = /* @__PURE__ */ v("div", { class: "cdx-progress-bar__bar" }, null, -1), Mo = [ + xo ]; -function xo(e, t, n, a, s, d) { - return u(), m("div", { - class: D(["cdx-progress-bar", e.rootClasses]), +function Bo(e, t, n, s, a, d) { + return u(), h("div", { + class: K(["cdx-progress-bar", e.rootClasses]), role: "progressbar", "aria-disabled": e.disabled, "aria-valuemin": "0", "aria-valuemax": "100" - }, wo, 10, ko); + }, Mo, 10, wo); } -const Mo = /* @__PURE__ */ E(Co, [["render", xo]]); -function Ee(e, t) { - const n = f(!1); - let a = !1; +const Ao = /* @__PURE__ */ F(So, [["render", Bo]]); +function ze(e, t) { + const n = m(!1); + let s = !1; if (typeof window != "object" || !("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype)) return n; - const s = new window.IntersectionObserver( + const a = new window.IntersectionObserver( (d) => { const l = d[0]; l && (n.value = l.isIntersecting); }, t ); - return fe(() => { - a = !0, e.value && s.observe(e.value); - }), ze(() => { - a = !1, s.disconnect(); - }), oe(e, (d) => { - a && (s.disconnect(), n.value = !1, d && s.observe(d)); + return ce(() => { + s = !0, e.value && a.observe(e.value); + }), qe(() => { + s = !1, a.disconnect(); + }), ne(e, (d) => { + s && (a.disconnect(), n.value = !1, d && a.observe(d)); }), n; } -const Bo = K({ +const To = E({ name: "CdxMenu", components: { - CdxMenuItem: Io, - CdxProgressBar: Mo + CdxMenuItem: ko, + CdxProgressBar: Ao }, /** * Attributes, besides class and style, will be passed to the <ul> element. @@ -1600,175 +1600,204 @@ const Bo = K({ "getHighlightedViaKeyboard", "delegateKeyNavigation" ], - setup(e, { emit: t, slots: n, attrs: a }) { - const s = c(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((V) => Xe(Je({}, V), { + setup(e, { emit: t, slots: n, attrs: s }) { + const a = p(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((C) => et(Ye({}, C), { id: W("menu-item") - }))), d = c(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : s.value.length === 0 : !1), l = f(null), i = f(!1), o = f(null); - function r() { - return s.value.find( - (I) => I.value === e.selected - ); + }))), d = p(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : a.value.length === 0 : !1), l = m(null), i = m(!1), o = m(null); + let r = "", f = null; + function $() { + r = "", f !== null && (clearTimeout(f), f = null); } - function p(I, V) { - var U; - if (!(V && V.disabled)) - switch (I) { + function w() { + f !== null && clearTimeout(f), f = setTimeout($, 1500); + } + function g() { + return a.value.find( + (c) => c.value === e.selected + ) || null; + } + function x(c, C) { + var D; + if (!(C && C.disabled)) + switch (c) { case "selected": - t("update:selected", (U = V == null ? void 0 : V.value) != null ? U : null), t("update:expanded", !1), o.value = null; + t("update:selected", (D = C == null ? void 0 : C.value) != null ? D : null), t("update:expanded", !1), o.value = null; break; case "highlighted": - l.value = V || null, i.value = !1; + l.value = C || null, i.value = !1; break; case "highlightedViaKeyboard": - l.value = V || null, i.value = !0; + l.value = C || null, i.value = !0; break; case "active": - o.value = V || null; + o.value = C || null; break; } } - const b = c(() => { + const L = p(() => { if (l.value !== null) - return s.value.findIndex( - (I) => ( + return a.value.findIndex( + (c) => ( // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - I.value === l.value.value + c.value === l.value.value ) ); }); - function S(I) { - I && (p("highlightedViaKeyboard", I), t("menu-item-keyboard-navigation", I)); + function z(c) { + c && (x("highlightedViaKeyboard", c), t("menu-item-keyboard-navigation", c)); } - function g(I) { - var X; - const V = ($e) => { - for (let C = $e - 1; C >= 0; C--) - if (!s.value[C].disabled) - return s.value[C]; + function Q(c) { + var j; + const C = (he) => { + for (let Y = he - 1; Y >= 0; Y--) + if (!a.value[Y].disabled) + return a.value[Y]; }; - I = I || s.value.length; - const U = (X = V(I)) != null ? X : V(s.value.length); - S(U); + c = c || a.value.length; + const D = (j = C(c)) != null ? j : C(a.value.length); + z(D); + } + function P(c) { + const C = (j) => a.value.find((he, Y) => !he.disabled && Y > j); + c = c != null ? c : -1; + const D = C(c) || C(-1); + z(D); } - function L(I) { - const V = (X) => s.value.find(($e, C) => !$e.disabled && C > X); - I = I != null ? I : -1; - const U = V(I) || V(-1); - S(U); + function q(c) { + if (c.key === "Clear") + return $(), !0; + if (c.key === "Backspace") + return r = r.slice(0, -1), w(), !0; + if (c.key.length === 1 && !c.metaKey && !c.ctrlKey && !c.altKey) { + e.expanded || t("update:expanded", !0), r += c.key.toLowerCase(); + const C = r.length > 1 && r.split("").every((Y) => Y === r[0]); + let D = a.value, j = r; + C && L.value !== void 0 && (D = D.slice(L.value + 1).concat(D.slice(0, L.value)), j = r[0]); + const he = D.find( + (Y) => !Y.disabled && String(Y.label || Y.value).toLowerCase().indexOf(j) === 0 + ); + return he && (x("highlightedViaKeyboard", he), b()), w(), !0; + } + return !1; } - function R(I, V = !0) { - function U() { - t("update:expanded", !0), p("highlighted", r()); + function G(c, { prevent: C = !0, characterNavigation: D = !1 } = {}) { + if (D) { + if (q(c)) + return !0; + $(); } - function X() { - V && (I.preventDefault(), I.stopPropagation()); + function j() { + C && (c.preventDefault(), c.stopPropagation()); } - switch (I.key) { + switch (c.key) { case "Enter": case " ": - return X(), e.expanded ? (l.value && i.value && t("update:selected", l.value.value), t("update:expanded", !1)) : U(), !0; + return j(), e.expanded ? (l.value && i.value && t("update:selected", l.value.value), t("update:expanded", !1)) : t("update:expanded", !0), !0; case "Tab": return e.expanded && (l.value && i.value && t("update:selected", l.value.value), t("update:expanded", !1)), !0; case "ArrowUp": - return X(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), g(b.value)) : U(), H(), !0; + return j(), e.expanded ? (l.value === null && x("highlightedViaKeyboard", g()), Q(L.value)) : t("update:expanded", !0), b(), !0; case "ArrowDown": - return X(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), L(b.value)) : U(), H(), !0; + return j(), e.expanded ? (l.value === null && x("highlightedViaKeyboard", g()), P(L.value)) : t("update:expanded", !0), b(), !0; case "Home": - return X(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), L()) : U(), H(), !0; + return j(), e.expanded ? (l.value === null && x("highlightedViaKeyboard", g()), P()) : t("update:expanded", !0), b(), !0; case "End": - return X(), e.expanded ? (l.value === null && p("highlightedViaKeyboard", r()), g()) : U(), H(), !0; + return j(), e.expanded ? (l.value === null && x("highlightedViaKeyboard", g()), Q()) : t("update:expanded", !0), b(), !0; case "Escape": - return X(), t("update:expanded", !1), !0; + return j(), t("update:expanded", !1), !0; default: return !1; } } - function z() { - p("active"); + function U() { + x("active", null); } - const q = [], P = f(void 0), j = Ee( - P, + const M = [], V = m(void 0), A = ze( + V, { threshold: 0.8 } ); - oe(j, (I) => { - I && t("load-more"); + ne(A, (c) => { + c && t("load-more"); }); - function Q(I, V) { - if (I) { - q[V] = I.$el; - const U = e.visibleItemLimit; - if (!U || e.menuItems.length < U) + function y(c, C) { + if (c) { + M[C] = c.$el; + const D = e.visibleItemLimit; + if (!D || e.menuItems.length < D) return; - const X = Math.min( - U, + const j = Math.min( + D, Math.max(2, Math.floor(0.2 * e.menuItems.length)) ); - V === e.menuItems.length - X && (P.value = I.$el); + C === e.menuItems.length - j && (V.value = c.$el); } } - function H() { - if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || b.value === void 0) + function b() { + if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || L.value === void 0) return; - const I = b.value >= 0 ? b.value : 0; - q[I].scrollIntoView({ + const c = L.value >= 0 ? L.value : 0; + M[c].scrollIntoView({ behavior: "smooth", block: "nearest" }); } - const B = f(null), A = f(null); - function M() { - if (A.value = null, !e.visibleItemLimit || q.length <= e.visibleItemLimit) { - B.value = null; + const k = m(null), H = m(null); + function ae() { + if (H.value = null, !e.visibleItemLimit || M.length <= e.visibleItemLimit) { + k.value = null; return; } - const I = q[0], V = q[e.visibleItemLimit]; - if (B.value = v( - I, - V + const c = M[0], C = M[e.visibleItemLimit]; + if (k.value = _e( + c, + C ), e.footer) { - const U = q[q.length - 1]; - A.value = U.scrollHeight; + const D = M[M.length - 1]; + H.value = D.scrollHeight; } } - function v(I, V) { - const U = I.getBoundingClientRect().top; - return V.getBoundingClientRect().top - U + 2; + function _e(c, C) { + const D = c.getBoundingClientRect().top; + return C.getBoundingClientRect().top - D + 2; } - fe(() => { - document.addEventListener("mouseup", z); - }), ze(() => { - document.removeEventListener("mouseup", z); - }), oe(F(e, "expanded"), (I) => Le(this, null, function* () { - const V = r(); - !I && l.value && V === void 0 && p("highlighted"), I && V !== void 0 && p("highlighted", V), I && (yield _e(), M(), yield _e(), H()); - })), oe(F(e, "menuItems"), (I) => Le(this, null, function* () { - I.length < q.length && (q.length = I.length), e.expanded && (yield _e(), M(), yield _e(), H()); + ce(() => { + document.addEventListener("mouseup", U); + }), qe(() => { + document.removeEventListener("mouseup", U); + }), ne(R(e, "expanded"), (c) => Ke(this, null, function* () { + if (c) { + const C = g(); + C && !l.value && x("highlighted", C), yield ye(), ae(), yield ye(), b(); + } else + x("highlighted", null); + })), ne(R(e, "menuItems"), (c) => Ke(this, null, function* () { + c.length < M.length && (M.length = c.length), e.expanded && (yield ye(), ae(), yield ye(), b()); }), { deep: !0 }); - const y = c(() => ({ - "max-height": B.value ? `${B.value}px` : void 0, - "overflow-y": B.value ? "scroll" : void 0, - "margin-bottom": A.value ? `${A.value}px` : void 0 - })), w = c(() => ({ + const Ie = p(() => ({ + "max-height": k.value ? `${k.value}px` : void 0, + "overflow-y": k.value ? "scroll" : void 0, + "margin-bottom": H.value ? `${H.value}px` : void 0 + })), Te = p(() => ({ "cdx-menu--has-footer": !!e.footer, - "cdx-menu--has-sticky-footer": !!e.footer && !!B.value + "cdx-menu--has-sticky-footer": !!e.footer && !!k.value })), { - rootClasses: G, - rootStyle: re, - otherAttrs: Ce - } = de(a, w); + rootClasses: Le, + rootStyle: Ve, + otherAttrs: De + } = de(s, Te); return { - listBoxStyle: y, - rootClasses: G, - rootStyle: re, - otherAttrs: Ce, - assignTemplateRef: Q, - computedMenuItems: s, + listBoxStyle: Ie, + rootClasses: Le, + rootStyle: Ve, + otherAttrs: De, + assignTemplateRef: y, + computedMenuItems: a, computedShowNoResultsSlot: d, highlightedMenuItem: l, highlightedViaKeyboard: i, activeMenuItem: o, - handleMenuItemChange: p, - handleKeyNavigation: R + handleMenuItemChange: x, + handleKeyNavigation: G }; }, // Public methods @@ -1778,12 +1807,16 @@ const Bo = K({ /** * Get the highlighted menu item, if any. * + * The parent component should set `aria-activedescendant` to the `.id` property of the + * object returned by this method. If this method returns null, `aria-activedescendant` + * should not be set. + * * @public * @return {MenuItemDataWithId|null} The highlighted menu item, - * or null if no item is highlighted. + * or null if no item is highlighted or if the menu is closed. */ getHighlightedMenuItem() { - return this.highlightedMenuItem; + return this.expanded ? this.highlightedMenuItem : null; }, /** * Get whether the last highlighted item was highlighted via the keyboard. @@ -1800,7 +1833,7 @@ const Bo = K({ * @public */ clearActive() { - this.handleMenuItemChange("active"); + this.handleMenuItemChange("active", null); }, /** * Handles all necessary keyboard navigation. @@ -1812,61 +1845,64 @@ const Bo = K({ * * @public * @param event {KeyboardEvent} Keydown event object - * @param prevent {boolean} If false, do not call e.preventDefault() or e.stopPropagation() + * @param options + * @param options.prevent {boolean} If false, do not call e.preventDefault() or + * e.stopPropagation() + * @param options.characterNavigation {boolean} * @return Whether the event was handled */ - delegateKeyNavigation(e, t = !0) { - return this.handleKeyNavigation(e, t); + delegateKeyNavigation(e, { prevent: t = !0, characterNavigation: n = !1 } = {}) { + return this.handleKeyNavigation(e, { prevent: t, characterNavigation: n }); } } }); -const Ao = { +const Lo = { key: 0, class: "cdx-menu__pending cdx-menu-item" -}, To = { +}, Vo = { key: 1, class: "cdx-menu__no-results cdx-menu-item" }; -function Lo(e, t, n, a, s, d) { - const l = k("cdx-menu-item"), i = k("cdx-progress-bar"); - return ae((u(), m("div", { - class: D(["cdx-menu", e.rootClasses]), - style: se(e.rootStyle) +function Do(e, t, n, s, a, d) { + const l = S("cdx-menu-item"), i = S("cdx-progress-bar"); + return se((u(), h("div", { + class: K(["cdx-menu", e.rootClasses]), + style: le(e.rootStyle) }, [ - h("ul", Z({ + v("ul", Z({ class: "cdx-menu__listbox", role: "listbox", style: e.listBoxStyle }, e.otherAttrs), [ - e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (u(), m("li", Ao, [ - _(e.$slots, "pending") - ])) : $("", !0), - e.computedShowNoResultsSlot ? (u(), m("li", To, [ - _(e.$slots, "no-results") - ])) : $("", !0), - (u(!0), m(ye, null, we(e.computedMenuItems, (o, r) => { - var p, b; + e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (u(), h("li", Lo, [ + I(e.$slots, "pending") + ])) : _("", !0), + e.computedShowNoResultsSlot ? (u(), h("li", Vo, [ + I(e.$slots, "no-results") + ])) : _("", !0), + (u(!0), h(ge, null, Se(e.computedMenuItems, (o, r) => { + var f, $; return u(), T(l, Z({ key: o.value, ref_for: !0, - ref: (S) => e.assignTemplateRef(S, r) + ref: (w) => e.assignTemplateRef(w, r) }, o, { selected: o.value === e.selected, - active: o.value === ((p = e.activeMenuItem) == null ? void 0 : p.value), - highlighted: o.value === ((b = e.highlightedMenuItem) == null ? void 0 : b.value), + active: o.value === ((f = e.activeMenuItem) == null ? void 0 : f.value), + highlighted: o.value === (($ = e.highlightedMenuItem) == null ? void 0 : $.value), "show-thumbnail": e.showThumbnail, "bold-label": e.boldLabel, "hide-description-overflow": e.hideDescriptionOverflow, "search-query": e.searchQuery, - onChange: (S, g) => e.handleMenuItemChange(S, g && o), - onClick: (S) => e.$emit("menu-item-click", o) + onChange: (w, g) => e.handleMenuItemChange(w, g ? o : null), + onClick: (w) => e.$emit("menu-item-click", o) }), { - default: x(() => { - var S, g; + default: B(() => { + var w, g; return [ - _(e.$slots, "default", { + I(e.$slots, "default", { menuItem: o, - active: o.value === ((S = e.activeMenuItem) == null ? void 0 : S.value) && o.value === ((g = e.highlightedMenuItem) == null ? void 0 : g.value) + active: o.value === ((w = e.activeMenuItem) == null ? void 0 : w.value) && o.value === ((g = e.highlightedMenuItem) == null ? void 0 : g.value) }) ]; }), @@ -1877,13 +1913,13 @@ function Lo(e, t, n, a, s, d) { key: 2, class: "cdx-menu__progress-bar", inline: !0 - })) : $("", !0) + })) : _("", !0) ], 16) ], 6)), [ - [Ie, e.expanded] + [$e, e.expanded] ]); } -const Ae = /* @__PURE__ */ E(Bo, [["render", Lo]]), Vo = ee(sn), Do = ee(he), Ko = K({ +const Be = /* @__PURE__ */ F(To, [["render", Do]]), Ko = X(dn), Eo = X(fe), Fo = E({ name: "CdxTextInput", components: { CdxIcon: J }, /** @@ -1913,7 +1949,7 @@ const Ae = /* @__PURE__ */ E(Bo, [["render", Lo]]), Vo = ee(sn), Do = ee(he), Ko inputType: { type: String, default: "text", - validator: Vo + validator: Ko }, /** * `status` attribute of the input. @@ -1923,7 +1959,7 @@ const Ae = /* @__PURE__ */ E(Bo, [["render", Lo]]), Vo = ee(sn), Do = ee(he), Ko status: { type: String, default: "default", - validator: Do + validator: Eo }, /** * Whether the input is disabled. @@ -2005,27 +2041,27 @@ const Ae = /* @__PURE__ */ E(Bo, [["render", Lo]]), Vo = ee(sn), Do = ee(he), Ko "clear" ], setup(e, { emit: t, attrs: n }) { - const a = n.id, { - computedDisabled: s, + const s = n.id, { + computedDisabled: a, computedStatus: d, computedInputId: l } = ie( - F(e, "disabled"), - F(e, "status"), - a - ), i = pe(Me, void 0), o = ue(F(e, "modelValue"), t), r = c(() => e.clearable && !!o.value && !s.value), p = c(() => ({ + R(e, "disabled"), + R(e, "status"), + s + ), i = re(xe, void 0), o = ue(R(e, "modelValue"), t), r = p(() => e.clearable && !!o.value && !a.value), f = p(() => ({ "cdx-text-input--has-start-icon": !!e.startIcon, "cdx-text-input--has-end-icon": !!e.endIcon, "cdx-text-input--clearable": r.value, [`cdx-text-input--status-${d.value}`]: !0 })), { - rootClasses: b, - rootStyle: S, + rootClasses: $, + rootStyle: w, otherAttrs: g - } = de(n, p), L = c(() => { - const M = g.value, { id: B } = M; - return me(M, ["id"]); - }), R = c(() => ({ + } = de(n, f), x = p(() => { + const A = g.value, { id: M } = A; + return pe(A, ["id"]); + }), L = p(() => ({ "cdx-text-input__input--has-value": !!o.value })); return { @@ -2033,30 +2069,30 @@ const Ae = /* @__PURE__ */ E(Bo, [["render", Lo]]), Vo = ee(sn), Do = ee(he), Ko descriptionId: i, wrappedModel: o, isClearable: r, - rootClasses: b, - rootStyle: S, - otherAttrsMinusId: L, - inputClasses: R, - computedDisabled: s, - onClear: (B) => { - o.value = "", t("clear", B); + rootClasses: $, + rootStyle: w, + otherAttrsMinusId: x, + inputClasses: L, + computedDisabled: a, + onClear: (M) => { + o.value = "", t("clear", M); }, - onInput: (B) => { - t("input", B); + onInput: (M) => { + t("input", M); }, - onChange: (B) => { - t("change", B); + onChange: (M) => { + t("change", M); }, - onKeydown: (B) => { - (B.key === "Home" || B.key === "End") && !B.ctrlKey && !B.metaKey || t("keydown", B); + onKeydown: (M) => { + (M.key === "Home" || M.key === "End") && !M.ctrlKey && !M.metaKey || t("keydown", M); }, - onFocus: (B) => { - t("focus", B); + onFocus: (M) => { + t("focus", M); }, - onBlur: (B) => { - t("blur", B); + onBlur: (M) => { + t("blur", M); }, - cdxIconClear: Ut + cdxIconClear: Pt }; }, // Public methods @@ -2081,14 +2117,14 @@ const Ae = /* @__PURE__ */ E(Bo, [["render", Lo]]), Vo = ee(sn), Do = ee(he), Ko } } }); -const Eo = ["id", "type", "aria-describedby", "disabled"]; -function Fo(e, t, n, a, s, d) { - const l = k("cdx-icon"); - return u(), m("div", { - class: D(["cdx-text-input", e.rootClasses]), - style: se(e.rootStyle) +const Ro = ["id", "type", "aria-describedby", "disabled"]; +function zo(e, t, n, s, a, d) { + const l = S("cdx-icon"); + return u(), h("div", { + class: K(["cdx-text-input", e.rootClasses]), + style: le(e.rootStyle) }, [ - ae(h("input", Z({ + se(v("input", Z({ id: e.computedInputId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), @@ -2102,64 +2138,64 @@ function Fo(e, t, n, a, s, d) { onFocus: t[3] || (t[3] = (...i) => e.onFocus && e.onFocus(...i)), onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)), onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i)) - }), null, 16, Eo), [ - [xt, e.wrappedModel] + }), null, 16, Ro), [ + [Bt, e.wrappedModel] ]), e.startIcon ? (u(), T(l, { key: 0, icon: e.startIcon, class: "cdx-text-input__icon-vue cdx-text-input__start-icon" - }, null, 8, ["icon"])) : $("", !0), + }, null, 8, ["icon"])) : _("", !0), e.endIcon ? (u(), T(l, { key: 1, icon: e.endIcon, class: "cdx-text-input__icon-vue cdx-text-input__end-icon" - }, null, 8, ["icon"])) : $("", !0), + }, null, 8, ["icon"])) : _("", !0), e.isClearable ? (u(), T(l, { key: 2, icon: e.cdxIconClear, class: "cdx-text-input__icon-vue cdx-text-input__clear-icon", - onMousedown: t[6] || (t[6] = te(() => { + onMousedown: t[6] || (t[6] = ee(() => { }, ["prevent"])), onClick: e.onClear - }, null, 8, ["icon", "onClick"])) : $("", !0) + }, null, 8, ["icon", "onClick"])) : _("", !0) ], 6); } -const He = /* @__PURE__ */ E(Ko, [["render", Fo]]); -function Te(e) { - const t = f( +const We = /* @__PURE__ */ F(Fo, [["render", zo]]); +function Ae(e) { + const t = m( { width: void 0, height: void 0 } ); if (typeof window != "object" || !("ResizeObserver" in window) || !("ResizeObserverEntry" in window)) return t; const n = new window.ResizeObserver( - (s) => { - const d = s[0]; + (a) => { + const d = a[0]; d && (t.value = { width: d.borderBoxSize[0].inlineSize, height: d.borderBoxSize[0].blockSize }); } ); - let a = !1; - return fe(() => { - a = !0, e.value && n.observe(e.value); - }), ze(() => { - a = !1, n.disconnect(); - }), oe(e, (s) => { - a && (n.disconnect(), t.value = { + let s = !1; + return ce(() => { + s = !0, e.value && n.observe(e.value); + }), qe(() => { + s = !1, n.disconnect(); + }), ne(e, (a) => { + s && (n.disconnect(), t.value = { width: void 0, height: void 0 - }, s && n.observe(s)); + }, a && n.observe(a)); }), t; } -const Ro = ee(he), je = K({ +const Oo = X(fe), Pe = E({ name: "CdxCombobox", components: { - CdxButton: be, + CdxButton: me, CdxIcon: J, - CdxMenu: Ae, - CdxTextInput: He + CdxMenu: Be, + CdxTextInput: We }, /** * Attributes applied to this component by a parent will be applied @@ -2207,7 +2243,7 @@ const Ro = ee(he), je = K({ status: { type: String, default: "default", - validator: Ro + validator: Oo } }, emits: [ @@ -2249,81 +2285,81 @@ const Ro = ee(he), je = K({ */ "blur" ], - setup(e, { emit: t, attrs: n, slots: a }) { - const s = f(), d = f(), l = f(), i = W("combobox"), o = F(e, "selected"), r = ue(o, t, "update:selected"), p = f(!1), b = f(!1), S = c(() => { - var v, y; - return (y = (v = l.value) == null ? void 0 : v.getHighlightedMenuItem()) == null ? void 0 : y.id; - }), { computedDisabled: g } = ie(F(e, "disabled")), L = c(() => ({ - "cdx-combobox--expanded": p.value, + setup(e, { emit: t, attrs: n, slots: s }) { + const a = m(), d = m(), l = m(), i = W("combobox"), o = R(e, "selected"), r = ue(o, t, "update:selected"), f = m(!1), $ = m(!1), w = p(() => { + var y, b; + return (b = (y = l.value) == null ? void 0 : y.getHighlightedMenuItem()) == null ? void 0 : b.id; + }), { computedDisabled: g } = ie(R(e, "disabled")), x = p(() => ({ + "cdx-combobox--expanded": f.value, "cdx-combobox--disabled": g.value - })), R = Te(d), z = c(() => { - var v; - return `${(v = R.value.width) != null ? v : 0}px`; + })), L = Ae(d), z = p(() => { + var y; + return `${(y = L.value.width) != null ? y : 0}px`; }), { - rootClasses: q, + rootClasses: Q, rootStyle: P, - otherAttrs: j - } = de(n, L); - function Q(v) { - b.value && p.value ? p.value = !1 : (e.menuItems.length > 0 || a["no-results"]) && (p.value = !0), t("focus", v); + otherAttrs: q + } = de(n, x); + function G(y) { + $.value && f.value ? f.value = !1 : (e.menuItems.length > 0 || s["no-results"]) && (f.value = !0), t("focus", y); } - function H(v) { - p.value = b.value && p.value, t("blur", v); + function U(y) { + f.value = $.value && f.value, t("blur", y); } - function B() { - g.value || (b.value = !0); + function M() { + g.value || ($.value = !0); } - function A() { - var v; - g.value || (v = s.value) == null || v.focus(); + function V() { + var y; + g.value || (y = a.value) == null || y.focus(); } - function M(v) { - !l.value || g.value || e.menuItems.length === 0 || v.key === " " || l.value.delegateKeyNavigation(v); + function A(y) { + !l.value || g.value || e.menuItems.length === 0 || y.key === " " || l.value.delegateKeyNavigation(y); } - return oe(p, () => { - b.value = !1; + return ne(f, () => { + $.value = !1; }), { - input: s, + input: a, inputWrapper: d, currentWidthInPx: z, menu: l, menuId: i, modelWrapper: r, - expanded: p, - highlightedId: S, + expanded: f, + highlightedId: w, computedDisabled: g, - onInputFocus: Q, - onInputBlur: H, - onKeydown: M, - onButtonClick: A, - onButtonMousedown: B, - cdxIconExpand: Ne, - rootClasses: q, + onInputFocus: G, + onInputBlur: U, + onKeydown: A, + onButtonClick: V, + onButtonMousedown: M, + cdxIconExpand: je, + rootClasses: Q, rootStyle: P, - otherAttrs: j + otherAttrs: q }; } -}), Ye = () => { - Oe((e) => ({ +}), tt = () => { + He((e) => ({ "49698e7b": e.currentWidthInPx })); -}, et = je.setup; -je.setup = et ? (e, t) => (Ye(), et(e, t)) : Ye; -const zo = { +}, nt = Pe.setup; +Pe.setup = nt ? (e, t) => (tt(), nt(e, t)) : tt; +const No = { ref: "inputWrapper", class: "cdx-combobox__input-wrapper" }; -function Oo(e, t, n, a, s, d) { - const l = k("cdx-text-input"), i = k("cdx-icon"), o = k("cdx-button"), r = k("cdx-menu"); - return u(), m("div", { - class: D(["cdx-combobox", e.rootClasses]), - style: se(e.rootStyle) +function qo(e, t, n, s, a, d) { + const l = S("cdx-text-input"), i = S("cdx-icon"), o = S("cdx-button"), r = S("cdx-menu"); + return u(), h("div", { + class: K(["cdx-combobox", e.rootClasses]), + style: le(e.rootStyle) }, [ - h("div", zo, [ + v("div", No, [ O(l, Z({ ref: "input", modelValue: e.modelWrapper, - "onUpdate:modelValue": t[0] || (t[0] = (p) => e.modelWrapper = p) + "onUpdate:modelValue": t[0] || (t[0] = (f) => e.modelWrapper = f) }, e.otherAttrs, { class: "cdx-combobox__input", "aria-activedescendant": e.highlightedId, @@ -2334,8 +2370,8 @@ function Oo(e, t, n, a, s, d) { autocomplete: "off", role: "combobox", onKeydown: e.onKeydown, - onInput: t[1] || (t[1] = (p) => e.$emit("input", p)), - onChange: t[2] || (t[2] = (p) => e.$emit("change", p)), + onInput: t[1] || (t[1] = (f) => e.$emit("input", f)), + onChange: t[2] || (t[2] = (f) => e.$emit("change", f)), onFocus: e.onInputFocus, onBlur: e.onInputBlur }), null, 16, ["modelValue", "aria-activedescendant", "aria-expanded", "aria-controls", "disabled", "status", "onKeydown", "onFocus", "onBlur"]), @@ -2348,7 +2384,7 @@ function Oo(e, t, n, a, s, d) { onMousedown: e.onButtonMousedown, onClick: e.onButtonClick }, { - default: x(() => [ + default: B(() => [ O(i, { class: "cdx-combobox__expand-icon", icon: e.cdxIconExpand @@ -2361,27 +2397,27 @@ function Oo(e, t, n, a, s, d) { id: e.menuId, ref: "menu", selected: e.modelWrapper, - "onUpdate:selected": t[3] || (t[3] = (p) => e.modelWrapper = p), + "onUpdate:selected": t[3] || (t[3] = (f) => e.modelWrapper = f), expanded: e.expanded, - "onUpdate:expanded": t[4] || (t[4] = (p) => e.expanded = p), + "onUpdate:expanded": t[4] || (t[4] = (f) => e.expanded = f), "menu-items": e.menuItems }, e.menuConfig, { - onLoadMore: t[5] || (t[5] = (p) => e.$emit("load-more")) + onLoadMore: t[5] || (t[5] = (f) => e.$emit("load-more")) }), { - default: x(({ menuItem: p }) => [ - _(e.$slots, "menu-item", { menuItem: p }) + default: B(({ menuItem: f }) => [ + I(e.$slots, "menu-item", { menuItem: f }) ]), - "no-results": x(() => [ - _(e.$slots, "no-results") + "no-results": B(() => [ + I(e.$slots, "no-results") ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) ], 6); } -const rs = /* @__PURE__ */ E(je, [["render", Oo]]), No = K({ +const pa = /* @__PURE__ */ F(Pe, [["render", qo]]), Ho = E({ name: "CdxDialog", components: { - CdxButton: be, + CdxButton: me, CdxIcon: J }, inheritAttrs: !1, @@ -2466,116 +2502,117 @@ const rs = /* @__PURE__ */ E(je, [["render", Oo]]), No = K({ "default" ], setup(e, { emit: t }) { - const n = W("dialog-label"), a = f(), s = f(), d = f(), l = f(), i = f(), o = c(() => !e.hideTitle || !!e.closeButtonLabel), r = c(() => !!e.primaryAction || !!e.defaultAction), p = Te(s), b = c(() => { - var j; - return (j = p.value.height) != null ? j : 0; - }), S = f(!1), g = c(() => ({ + const n = W("dialog-label"), s = m(), a = m(), d = m(), l = m(), i = m(), o = p(() => !e.hideTitle || !!e.closeButtonLabel), r = p(() => !!e.primaryAction || !!e.defaultAction), f = Ae(a), $ = p(() => { + var q; + return (q = f.value.height) != null ? q : 0; + }), w = m(!1), g = p(() => ({ "cdx-dialog--vertical-actions": e.stackedActions, "cdx-dialog--horizontal-actions": !e.stackedActions, - "cdx-dialog--dividers": S.value - })), L = f(0); - function R() { + "cdx-dialog--dividers": w.value + })), x = m(0); + function L() { t("update:open", !1); } function z() { - P(a.value); + P(s.value); } - function q() { - P(a.value, !0); + function Q() { + P(s.value, !0); } - function P(j, Q = !1) { - let H = Array.from( - j.querySelectorAll(` + function P(q, G = !1) { + let U = Array.from( + q.querySelectorAll(` input, select, textarea, button, object, a, area, [contenteditable], [tabindex]:not([tabindex^="-"]) `) ); - Q && (H = H.reverse()); - for (const B of H) - if (B.focus(), document.activeElement === B) + G && (U = U.reverse()); + for (const M of U) + if (M.focus(), document.activeElement === M) return !0; return !1; } - return oe(F(e, "open"), (j) => { - j ? (L.value = window.innerWidth - document.documentElement.clientWidth, document.documentElement.style.setProperty("margin-right", `${L.value}px`), document.body.classList.add("cdx-dialog-open"), _e(() => { - var Q; - P(s.value) || (Q = d.value) == null || Q.focus(); + return ne(R(e, "open"), (q) => { + q ? (x.value = window.innerWidth - document.documentElement.clientWidth, document.documentElement.style.setProperty("margin-right", `${x.value}px`), document.body.classList.add("cdx-dialog-open"), ye(() => { + var G; + P(a.value) || (G = d.value) == null || G.focus(); })) : (document.body.classList.remove("cdx-dialog-open"), document.documentElement.style.removeProperty("margin-right")); - }), oe(b, () => { - s.value && (S.value = s.value.clientHeight < s.value.scrollHeight); + }), ne($, () => { + a.value && (w.value = a.value.clientHeight < a.value.scrollHeight); }), { - close: R, - cdxIconClose: it, + close: L, + cdxIconClose: ut, labelId: n, rootClasses: g, - dialogElement: a, + dialogElement: s, focusTrapStart: l, focusTrapEnd: i, focusFirst: z, - focusLast: q, - dialogBody: s, + focusLast: Q, + dialogBody: a, focusHolder: d, showHeader: o, showFooterActions: r }; } }); -const qo = ["aria-label", "aria-labelledby"], Ho = { +const jo = ["aria-label", "aria-labelledby"], Uo = { key: 0, class: "cdx-dialog__header__title-group" -}, jo = ["id"], Uo = { +}, Wo = ["id"], Po = { key: 0, class: "cdx-dialog__header__subtitle" -}, Wo = { +}, Qo = { ref: "focusHolder", class: "cdx-dialog-focus-trap", tabindex: "-1" -}, Po = { +}, Go = { key: 0, class: "cdx-dialog__footer__text" -}, Qo = { +}, Zo = { key: 1, class: "cdx-dialog__footer__actions" }; -function Go(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-button"); - return u(), T(Re, { +function Jo(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-button"); + return u(), T(Ne, { name: "cdx-dialog-fade", appear: "" }, { - default: x(() => [ - e.open ? (u(), m("div", { + default: B(() => [ + e.open ? (u(), h("div", { key: 0, class: "cdx-dialog-backdrop", onClick: t[5] || (t[5] = (...o) => e.close && e.close(...o)), - onKeyup: t[6] || (t[6] = ne((...o) => e.close && e.close(...o), ["escape"])) + onKeyup: t[6] || (t[6] = te((...o) => e.close && e.close(...o), ["escape"])) }, [ - h("div", { + v("div", { ref: "focusTrapStart", tabindex: "0", onFocus: t[0] || (t[0] = (...o) => e.focusLast && e.focusLast(...o)) }, null, 544), - h("div", Z({ + v("div", Z({ ref: "dialogElement", class: ["cdx-dialog", e.rootClasses], role: "dialog" }, e.$attrs, { "aria-label": e.$slots.header || e.hideTitle ? e.title : void 0, "aria-labelledby": !e.$slots.header && !e.hideTitle ? e.labelId : void 0, - onClick: t[3] || (t[3] = te(() => { + "aria-modal": "true", + onClick: t[3] || (t[3] = ee(() => { }, ["stop"])) }), [ - e.showHeader || e.$slots.header ? (u(), m("header", { + e.showHeader || e.$slots.header ? (u(), h("header", { key: 0, - class: D(["cdx-dialog__header", { "cdx-dialog__header--default": !e.$slots.header }]) + class: K(["cdx-dialog__header", { "cdx-dialog__header--default": !e.$slots.header }]) }, [ - _(e.$slots, "header", {}, () => [ - e.hideTitle ? $("", !0) : (u(), m("div", Ho, [ - h("h2", { + I(e.$slots, "header", {}, () => [ + e.hideTitle ? _("", !0) : (u(), h("div", Uo, [ + v("h2", { id: e.labelId, class: "cdx-dialog__header__title" - }, N(e.title), 9, jo), - e.subtitle ? (u(), m("p", Uo, N(e.subtitle), 1)) : $("", !0) + }, N(e.title), 9, Wo), + e.subtitle ? (u(), h("p", Po, N(e.subtitle), 1)) : _("", !0) ])), e.closeButtonLabel ? (u(), T(i, { key: 1, @@ -2585,35 +2622,35 @@ function Go(e, t, n, a, s, d) { "aria-label": e.closeButtonLabel, onClick: e.close }, { - default: x(() => [ + default: B(() => [ O(l, { icon: e.cdxIconClose, "icon-label": e.closeButtonLabel }, null, 8, ["icon", "icon-label"]) ]), _: 1 - }, 8, ["aria-label", "onClick"])) : $("", !0) + }, 8, ["aria-label", "onClick"])) : _("", !0) ]) - ], 2)) : $("", !0), - h("div", Wo, null, 512), - h("div", { + ], 2)) : _("", !0), + v("div", Qo, null, 512), + v("div", { ref: "dialogBody", - class: D(["cdx-dialog__body", { + class: K(["cdx-dialog__body", { "cdx-dialog__body--no-header": !(e.showHeader || e.$slots.header), "cdx-dialog__body--no-footer": !(e.showFooterActions || e.$slots.footer || e.$slots["footer-text"]) }]) }, [ - _(e.$slots, "default") + I(e.$slots, "default") ], 2), - e.showFooterActions || e.$slots.footer || e.$slots["footer-text"] ? (u(), m("footer", { + e.showFooterActions || e.$slots.footer || e.$slots["footer-text"] ? (u(), h("footer", { key: 1, - class: D(["cdx-dialog__footer", { "cdx-dialog__footer--default": !e.$slots.footer }]) + class: K(["cdx-dialog__footer", { "cdx-dialog__footer--default": !e.$slots.footer }]) }, [ - _(e.$slots, "footer", {}, () => [ - e.$slots["footer-text"] ? (u(), m("p", Po, [ - _(e.$slots, "footer-text") - ])) : $("", !0), - e.showFooterActions ? (u(), m("div", Qo, [ + I(e.$slots, "footer", {}, () => [ + e.$slots["footer-text"] ? (u(), h("p", Go, [ + I(e.$slots, "footer-text") + ])) : _("", !0), + e.showFooterActions ? (u(), h("div", Zo, [ e.primaryAction ? (u(), T(i, { key: 0, class: "cdx-dialog__footer__primary-action", @@ -2622,44 +2659,44 @@ function Go(e, t, n, a, s, d) { disabled: e.primaryAction.disabled, onClick: t[1] || (t[1] = (o) => e.$emit("primary")) }, { - default: x(() => [ - le(N(e.primaryAction.label), 1) + default: B(() => [ + oe(N(e.primaryAction.label), 1) ]), _: 1 - }, 8, ["action", "disabled"])) : $("", !0), + }, 8, ["action", "disabled"])) : _("", !0), e.defaultAction ? (u(), T(i, { key: 1, class: "cdx-dialog__footer__default-action", disabled: e.defaultAction.disabled, onClick: t[2] || (t[2] = (o) => e.$emit("default")) }, { - default: x(() => [ - le(N(e.defaultAction.label), 1) + default: B(() => [ + oe(N(e.defaultAction.label), 1) ]), _: 1 - }, 8, ["disabled"])) : $("", !0) - ])) : $("", !0) + }, 8, ["disabled"])) : _("", !0) + ])) : _("", !0) ]) - ], 2)) : $("", !0) - ], 16, qo), - h("div", { + ], 2)) : _("", !0) + ], 16, jo), + v("div", { ref: "focusTrapEnd", tabindex: "0", onFocus: t[4] || (t[4] = (...o) => e.focusFirst && e.focusFirst(...o)) }, null, 544) - ], 32)) : $("", !0) + ], 32)) : _("", !0) ]), _: 3 }); } -const cs = /* @__PURE__ */ E(No, [["render", Go]]), Zo = { - notice: Pt, - error: dt, - warning: at, - success: ut -}, Jo = K({ +const fa = /* @__PURE__ */ F(Ho, [["render", Jo]]), Xo = { + notice: Gt, + error: rt, + warning: dt, + success: ct +}, Yo = E({ name: "CdxMessage", - components: { CdxButton: be, CdxIcon: J }, + components: { CdxButton: me, CdxIcon: J }, props: { /** * Status type of Message. @@ -2669,7 +2706,7 @@ const cs = /* @__PURE__ */ E(No, [["render", Go]]), Zo = { type: { type: String, default: "notice", - validator: ct + validator: ft }, /** * Whether this message follows the inline design (no padding, background color, or border). @@ -2733,44 +2770,44 @@ const cs = /* @__PURE__ */ E(No, [["render", Go]]), Zo = { "auto-dismissed" ], setup(e, { emit: t }) { - const n = f(!1), a = c( + const n = m(!1), s = p( () => e.inline === !1 && e.dismissButtonLabel.length > 0 - ), s = c(() => e.autoDismiss === !1 || e.type === "error" ? !1 : e.autoDismiss === !0 ? 4e3 : e.autoDismiss), d = c(() => ({ + ), a = p(() => e.autoDismiss === !1 || e.type === "error" ? !1 : e.autoDismiss === !0 ? 4e3 : e.autoDismiss), d = p(() => ({ "cdx-message--inline": e.inline, "cdx-message--block": !e.inline, - "cdx-message--user-dismissable": a.value, + "cdx-message--user-dismissable": s.value, [`cdx-message--${e.type}`]: !0 - })), l = c( - () => e.icon && e.type === "notice" ? e.icon : Zo[e.type] - ), i = f(""); + })), l = p( + () => e.icon && e.type === "notice" ? e.icon : Xo[e.type] + ), i = m(""); function o(r) { n.value || (i.value = r === "user-dismissed" ? "cdx-message-leave-active-user" : "cdx-message-leave-active-system", n.value = !0, t(r)); } - return fe(() => { - e.type === "error" && e.autoDismiss !== !1 ? Fe('CdxMessage: Message with type="error" cannot use auto-dismiss') : s.value && setTimeout(() => o("auto-dismissed"), s.value); + return ce(() => { + e.type === "error" && e.autoDismiss !== !1 ? Oe('CdxMessage: Message with type="error" cannot use auto-dismiss') : a.value && setTimeout(() => o("auto-dismissed"), a.value); }), { dismissed: n, - userDismissable: a, + userDismissable: s, rootClasses: d, leaveActiveClass: i, computedIcon: l, onDismiss: o, - cdxIconClose: it + cdxIconClose: ut }; } }); -const Xo = ["aria-live", "role"], Yo = { class: "cdx-message__content" }; -function el(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-button"); - return u(), T(Re, { +const el = ["aria-live", "role"], tl = { class: "cdx-message__content" }; +function nl(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-button"); + return u(), T(Ne, { name: "cdx-message", appear: e.fadeIn, "leave-active-class": e.leaveActiveClass }, { - default: x(() => [ - e.dismissed ? $("", !0) : (u(), m("div", { + default: B(() => [ + e.dismissed ? _("", !0) : (u(), h("div", { key: 0, - class: D(["cdx-message", e.rootClasses]), + class: K(["cdx-message", e.rootClasses]), "aria-live": e.type !== "error" ? "polite" : void 0, role: e.type === "error" ? "alert" : void 0 }, [ @@ -2778,8 +2815,8 @@ function el(e, t, n, a, s, d) { class: "cdx-message__icon--vue", icon: e.computedIcon }, null, 8, ["icon"]), - h("div", Yo, [ - _(e.$slots, "default") + v("div", tl, [ + I(e.$slots, "default") ]), e.userDismissable ? (u(), T(i, { key: 0, @@ -2789,22 +2826,22 @@ function el(e, t, n, a, s, d) { "aria-label": e.dismissButtonLabel, onClick: t[0] || (t[0] = (o) => e.onDismiss("user-dismissed")) }, { - default: x(() => [ + default: B(() => [ O(l, { icon: e.cdxIconClose, "icon-label": e.dismissButtonLabel }, null, 8, ["icon", "icon-label"]) ]), _: 1 - }, 8, ["aria-label"])) : $("", !0) - ], 10, Xo)) + }, 8, ["aria-label"])) : _("", !0) + ], 10, el)) ]), _: 3 }, 8, ["appear", "leave-active-class"]); } -const tl = /* @__PURE__ */ E(Jo, [["render", el]]), nl = ee(he), ol = K({ +const ol = /* @__PURE__ */ F(Yo, [["render", nl]]), ll = X(fe), al = E({ name: "CdxField", - components: { CdxLabel: Be, CdxMessage: tl }, + components: { CdxLabel: Me, CdxMessage: ol }, props: { /** * Icon before the label text. @@ -2859,7 +2896,7 @@ const tl = /* @__PURE__ */ E(Jo, [["render", el]]), nl = ee(he), ol = K({ status: { type: String, default: "default", - validator: nl + validator: ll }, /** * Message text keyed on validation status type. @@ -2870,36 +2907,36 @@ const tl = /* @__PURE__ */ E(Jo, [["render", el]]), nl = ee(he), ol = K({ } }, setup(e, { slots: t }) { - const { disabled: n, status: a, isFieldset: s } = Mt(e), d = yt(n), l = c(() => ({ + const { disabled: n, status: s, isFieldset: a } = At(e), d = _t(n), l = p(() => ({ "cdx-field--disabled": d.value })), i = W("label"), o = W("description"), r = W("input"); - s.value || (ge(mt, r), t.description && ge(Me, o)), ge(bt, d), ge(ht, a); - const p = c( + a.value || (be(vt, r), t.description && be(xe, o)), be(gt, d), be(bt, s); + const f = p( () => e.status !== "default" && e.status in e.messages ? e.messages[e.status] : "" - ), b = c(() => e.status === "default" ? "notice" : e.status); + ), $ = p(() => e.status === "default" ? "notice" : e.status); return { rootClasses: l, computedDisabled: d, labelId: i, descriptionId: o, inputId: r, - validationMessage: p, - validationMessageType: b + validationMessage: f, + validationMessageType: $ }; } }); -const ll = { class: "cdx-field__help-text" }, sl = { +const sl = { class: "cdx-field__help-text" }, il = { key: 0, class: "cdx-field__validation-message" }; -function al(e, t, n, a, s, d) { - const l = k("cdx-label"), i = k("cdx-message"); - return u(), T(Se(e.isFieldset ? "fieldset" : "div"), { - class: D(["cdx-field", e.rootClasses]), +function dl(e, t, n, s, a, d) { + const l = S("cdx-label"), i = S("cdx-message"); + return u(), T(ke(e.isFieldset ? "fieldset" : "div"), { + class: K(["cdx-field", e.rootClasses]), "aria-disabled": !e.isFieldset && e.computedDisabled ? !0 : void 0, disabled: e.isFieldset && e.computedDisabled ? !0 : void 0 }, { - default: x(() => [ + default: B(() => [ O(l, { id: e.labelId, icon: e.labelIcon, @@ -2909,48 +2946,48 @@ function al(e, t, n, a, s, d) { "description-id": e.descriptionId, disabled: e.computedDisabled, "is-legend": e.isFieldset - }, xe({ - default: x(() => [ - _(e.$slots, "label") + }, we({ + default: B(() => [ + I(e.$slots, "label") ]), _: 2 }, [ e.$slots.description && e.$slots.description().length > 0 ? { name: "description", - fn: x(() => [ - _(e.$slots, "description") + fn: B(() => [ + I(e.$slots, "description") ]), key: "0" } : void 0 ]), 1032, ["id", "icon", "visually-hidden", "optional-flag", "input-id", "description-id", "disabled", "is-legend"]), - h("div", { - class: D(["cdx-field__control", { "cdx-field__control--has-help-text": e.$slots["help-text"] && e.$slots["help-text"]().length > 0 || e.validationMessage }]) + v("div", { + class: K(["cdx-field__control", { "cdx-field__control--has-help-text": e.$slots["help-text"] && e.$slots["help-text"]().length > 0 || e.validationMessage }]) }, [ - _(e.$slots, "default") + I(e.$slots, "default") ], 2), - h("div", ll, [ - _(e.$slots, "help-text") + v("div", sl, [ + I(e.$slots, "help-text") ]), - !e.computedDisabled && e.validationMessage ? (u(), m("div", sl, [ + !e.computedDisabled && e.validationMessage ? (u(), h("div", il, [ O(i, { type: e.validationMessageType, inline: !0 }, { - default: x(() => [ - le(N(e.validationMessage), 1) + default: B(() => [ + oe(N(e.validationMessage), 1) ]), _: 1 }, 8, ["type"]) - ])) : $("", !0) + ])) : _("", !0) ]), _: 3 }, 8, ["class", "aria-disabled", "disabled"]); } -const ps = /* @__PURE__ */ E(ol, [["render", al]]), il = ee(he), Ue = K({ +const ma = /* @__PURE__ */ F(al, [["render", dl]]), ul = X(fe), Qe = E({ name: "CdxLookup", components: { - CdxMenu: Ae, - CdxTextInput: He + CdxMenu: Be, + CdxTextInput: We }, /** * We want the input to inherit attributes, not the root element. @@ -3006,7 +3043,7 @@ const ps = /* @__PURE__ */ E(ol, [["render", al]]), il = ee(he), Ue = K({ status: { type: String, default: "default", - validator: il + validator: ul } }, emits: [ @@ -3048,78 +3085,78 @@ const ps = /* @__PURE__ */ E(ol, [["render", al]]), il = ee(he), Ue = K({ */ "blur" ], - setup: (e, { emit: t, attrs: n, slots: a }) => { - const s = f(), d = f(), l = W("lookup-menu"), i = f(!1), o = f(!1), r = f(!1), { computedDisabled: p } = ie(F(e, "disabled")), b = F(e, "selected"), S = ue(b, t, "update:selected"), g = c( - () => e.menuItems.find((y) => y.value === e.selected) - ), L = c(() => { - var y, w; - return (w = (y = d.value) == null ? void 0 : y.getHighlightedMenuItem()) == null ? void 0 : w.id; - }), R = f(e.initialInputValue), z = Te(s), q = c(() => { - var y; - return `${(y = z.value.width) != null ? y : 0}px`; - }), P = c(() => ({ - "cdx-lookup--disabled": p.value, + setup: (e, { emit: t, attrs: n, slots: s }) => { + const a = m(), d = m(), l = W("lookup-menu"), i = m(!1), o = m(!1), r = m(!1), { computedDisabled: f } = ie(R(e, "disabled")), $ = R(e, "selected"), w = ue($, t, "update:selected"), g = p( + () => e.menuItems.find((b) => b.value === e.selected) + ), x = p(() => { + var b, k; + return (k = (b = d.value) == null ? void 0 : b.getHighlightedMenuItem()) == null ? void 0 : k.id; + }), L = m(e.initialInputValue), z = Ae(a), Q = p(() => { + var b; + return `${(b = z.value.width) != null ? b : 0}px`; + }), P = p(() => ({ + "cdx-lookup--disabled": f.value, "cdx-lookup--pending": i.value })), { - rootClasses: j, - rootStyle: Q, - otherAttrs: H + rootClasses: q, + rootStyle: G, + otherAttrs: U } = de(n, P); - function B(y) { - g.value && g.value.label !== y && g.value.value !== y && (S.value = null), y === "" ? (o.value = !1, i.value = !1) : i.value = !0, t("input", y); + function M(b) { + g.value && g.value.label !== b && g.value.value !== b && (w.value = null), b === "" ? (o.value = !1, i.value = !1) : i.value = !0, t("input", b); } - function A(y) { + function V(b) { r.value = !0, // Input value is not null or an empty string. - R.value !== null && R.value !== "" && // There's either menu items to show or a no results message. - (e.menuItems.length > 0 || a["no-results"]) && (o.value = !0), t("focus", y); + L.value !== null && L.value !== "" && // There's either menu items to show or a no results message. + (e.menuItems.length > 0 || s["no-results"]) && (o.value = !0), t("focus", b); } - function M(y) { - r.value = !1, o.value = !1, t("blur", y); + function A(b) { + r.value = !1, o.value = !1, t("blur", b); } - function v(y) { - !d.value || p.value || e.menuItems.length === 0 && !a["no-results"] || y.key === " " || d.value.delegateKeyNavigation(y); + function y(b) { + !d.value || f.value || e.menuItems.length === 0 && !s["no-results"] || b.key === " " || d.value.delegateKeyNavigation(b); } - return oe(b, (y) => { - if (y !== null) { - const w = g.value ? g.value.label || g.value.value : ""; - R.value !== w && (R.value = w, t("input", R.value)); + return ne($, (b) => { + if (b !== null) { + const k = g.value ? g.value.label || g.value.value : ""; + L.value !== k && (L.value = k, t("input", L.value)); } - }), oe(F(e, "menuItems"), (y) => { + }), ne(R(e, "menuItems"), (b) => { // Only show the menu if we were in the pending state (meaning this menuItems change // was in response to user input) and the menu is still focused r.value && i.value && // Show the menu if there are either menu items or no-results content to show - (y.length > 0 || a["no-results"]) && (o.value = !0), y.length === 0 && !a["no-results"] && (o.value = !1), i.value = !1; + (b.length > 0 || s["no-results"]) && (o.value = !0), b.length === 0 && !s["no-results"] && (o.value = !1), i.value = !1; }), { - rootElement: s, - currentWidthInPx: q, + rootElement: a, + currentWidthInPx: Q, menu: d, menuId: l, - highlightedId: L, - inputValue: R, - modelWrapper: S, + highlightedId: x, + inputValue: L, + modelWrapper: w, expanded: o, - computedDisabled: p, - onInputBlur: M, - rootClasses: j, - rootStyle: Q, - otherAttrs: H, - onUpdateInput: B, - onInputFocus: A, - onKeydown: v + computedDisabled: f, + onInputBlur: A, + rootClasses: q, + rootStyle: G, + otherAttrs: U, + onUpdateInput: M, + onInputFocus: V, + onKeydown: y }; } -}), tt = () => { - Oe((e) => ({ +}), ot = () => { + He((e) => ({ "49368ef8": e.currentWidthInPx })); -}, nt = Ue.setup; -Ue.setup = nt ? (e, t) => (tt(), nt(e, t)) : tt; -function dl(e, t, n, a, s, d) { - const l = k("cdx-text-input"), i = k("cdx-menu"); - return u(), m("div", { +}, lt = Qe.setup; +Qe.setup = lt ? (e, t) => (ot(), lt(e, t)) : ot; +function rl(e, t, n, s, a, d) { + const l = S("cdx-text-input"), i = S("cdx-menu"); + return u(), h("div", { ref: "rootElement", - class: D(["cdx-lookup", e.rootClasses]), - style: se(e.rootStyle) + class: K(["cdx-lookup", e.rootClasses]), + style: le(e.rootStyle) }, [ O(l, Z({ modelValue: e.inputValue, @@ -3151,19 +3188,19 @@ function dl(e, t, n, a, s, d) { }, e.menuConfig, { onLoadMore: t[4] || (t[4] = (o) => e.$emit("load-more")) }), { - default: x(({ menuItem: o }) => [ - _(e.$slots, "menu-item", { menuItem: o }) + default: B(({ menuItem: o }) => [ + I(e.$slots, "menu-item", { menuItem: o }) ]), - "no-results": x(() => [ - _(e.$slots, "no-results") + "no-results": B(() => [ + I(e.$slots, "no-results") ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) ], 6); } -const fs = /* @__PURE__ */ E(Ue, [["render", dl]]), ul = K({ +const ha = /* @__PURE__ */ F(Qe, [["render", rl]]), cl = E({ name: "CdxRadio", - components: { CdxLabel: Be }, + components: { CdxLabel: Me }, props: { /** * Value of the currently selected radio. @@ -3218,32 +3255,32 @@ const fs = /* @__PURE__ */ E(Ue, [["render", dl]]), ul = K({ */ "update:modelValue" ], - setup(e, { emit: t, slots: n, attrs: a }) { - var b; - qe((b = n.default) == null ? void 0 : b.call(n), a, "CdxRadio"); - const s = c(() => ({ + setup(e, { emit: t, slots: n, attrs: s }) { + var $; + Ue(($ = n.default) == null ? void 0 : $.call(n), s, "CdxRadio"); + const a = p(() => ({ "cdx-radio--inline": e.inline - })), { computedDisabled: d } = ie(F(e, "disabled")), l = f(), i = W("radio"), o = W("description"), r = () => { + })), { computedDisabled: d } = ie(R(e, "disabled")), l = m(), i = W("radio"), o = W("description"), r = () => { l.value.focus(); - }, p = ue(F(e, "modelValue"), t); + }, f = ue(R(e, "modelValue"), t); return { - rootClasses: s, + rootClasses: a, computedDisabled: d, input: l, radioId: i, descriptionId: o, focusInput: r, - wrappedModel: p + wrappedModel: f }; } }); -const rl = ["id", "aria-describedby", "name", "value", "disabled"], cl = /* @__PURE__ */ h("span", { class: "cdx-radio__icon" }, null, -1); -function pl(e, t, n, a, s, d) { - const l = k("cdx-label"); - return u(), m("span", { - class: D(["cdx-radio", e.rootClasses]) +const pl = ["id", "aria-describedby", "name", "value", "disabled"], fl = /* @__PURE__ */ v("span", { class: "cdx-radio__icon" }, null, -1); +function ml(e, t, n, s, a, d) { + const l = S("cdx-label"); + return u(), h("span", { + class: K(["cdx-radio", e.rootClasses]) }, [ - ae(h("input", { + se(v("input", { id: e.radioId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), @@ -3253,10 +3290,10 @@ function pl(e, t, n, a, s, d) { name: e.name, value: e.inputValue, disabled: e.computedDisabled - }, null, 8, rl), [ - [Bt, e.wrappedModel] + }, null, 8, pl), [ + [Tt, e.wrappedModel] ]), - cl, + fl, e.$slots.default && e.$slots.default().length ? (u(), T(l, { key: 0, class: "cdx-radio__label", @@ -3264,27 +3301,27 @@ function pl(e, t, n, a, s, d) { "description-id": e.$slots.description && e.$slots.description().length > 0 ? e.descriptionId : void 0, disabled: e.computedDisabled, onClick: e.focusInput - }, xe({ - default: x(() => [ - _(e.$slots, "default") + }, we({ + default: B(() => [ + I(e.$slots, "default") ]), _: 2 }, [ e.$slots.description && e.$slots.description().length > 0 ? { name: "description", - fn: x(() => [ - _(e.$slots, "description") + fn: B(() => [ + I(e.$slots, "description") ]), key: "0" } : void 0 - ]), 1032, ["input-id", "description-id", "disabled", "onClick"])) : $("", !0) + ]), 1032, ["input-id", "description-id", "disabled", "onClick"])) : _("", !0) ], 2); } -const ms = /* @__PURE__ */ E(ul, [["render", pl]]), fl = ee(he), ml = K({ +const va = /* @__PURE__ */ F(cl, [["render", ml]]), hl = X(fe), vl = E({ name: "CdxSearchInput", components: { - CdxButton: be, - CdxTextInput: He + CdxButton: me, + CdxTextInput: We }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -3322,7 +3359,7 @@ const ms = /* @__PURE__ */ E(ul, [["render", pl]]), fl = ee(he), ml = K({ status: { type: String, default: "default", - validator: fl + validator: hl } }, emits: [ @@ -3364,7 +3401,7 @@ const ms = /* @__PURE__ */ E(ul, [["render", pl]]), fl = ee(he), ml = K({ "blur" ], setup(e, { emit: t, attrs: n }) { - const a = ue(F(e, "modelValue"), t), { computedDisabled: s } = ie(F(e, "disabled")), d = c(() => ({ + const s = ue(R(e, "modelValue"), t), { computedDisabled: a } = ie(R(e, "disabled")), d = p(() => ({ "cdx-search-input--has-end-button": !!e.buttonLabel })), { rootClasses: l, @@ -3372,15 +3409,15 @@ const ms = /* @__PURE__ */ E(ul, [["render", pl]]), fl = ee(he), ml = K({ otherAttrs: o } = de(n, d); return { - wrappedModel: a, - computedDisabled: s, + wrappedModel: s, + computedDisabled: a, rootClasses: l, rootStyle: i, otherAttrs: o, handleSubmit: () => { - t("submit-click", a.value); + t("submit-click", s.value); }, - searchIcon: Zt + searchIcon: Xt }; }, methods: { @@ -3394,14 +3431,14 @@ const ms = /* @__PURE__ */ E(ul, [["render", pl]]), fl = ee(he), ml = K({ } } }); -const hl = { class: "cdx-search-input__input-wrapper" }; -function bl(e, t, n, a, s, d) { - const l = k("cdx-text-input"), i = k("cdx-button"); - return u(), m("div", { - class: D(["cdx-search-input", e.rootClasses]), - style: se(e.rootStyle) +const bl = { class: "cdx-search-input__input-wrapper" }; +function gl(e, t, n, s, a, d) { + const l = S("cdx-text-input"), i = S("cdx-button"); + return u(), h("div", { + class: K(["cdx-search-input", e.rootClasses]), + style: le(e.rootStyle) }, [ - h("div", hl, [ + v("div", bl, [ O(l, Z({ ref: "textInput", modelValue: e.wrappedModel, @@ -3412,13 +3449,13 @@ function bl(e, t, n, a, s, d) { disabled: e.computedDisabled, status: e.status }, e.otherAttrs, { - onKeydown: ne(e.handleSubmit, ["enter"]), + onKeydown: te(e.handleSubmit, ["enter"]), onInput: t[1] || (t[1] = (o) => e.$emit("input", o)), onChange: t[2] || (t[2] = (o) => e.$emit("change", o)), onFocus: t[3] || (t[3] = (o) => e.$emit("focus", o)), onBlur: t[4] || (t[4] = (o) => e.$emit("blur", o)) }), null, 16, ["modelValue", "start-icon", "disabled", "status", "onKeydown"]), - _(e.$slots, "default") + I(e.$slots, "default") ]), e.buttonLabel ? (u(), T(i, { key: 0, @@ -3426,18 +3463,18 @@ function bl(e, t, n, a, s, d) { disabled: e.computedDisabled, onClick: e.handleSubmit }, { - default: x(() => [ - le(N(e.buttonLabel), 1) + default: B(() => [ + oe(N(e.buttonLabel), 1) ]), _: 1 - }, 8, ["disabled", "onClick"])) : $("", !0) + }, 8, ["disabled", "onClick"])) : _("", !0) ], 6); } -const vl = /* @__PURE__ */ E(ml, [["render", bl]]), gl = ee(he), We = K({ +const yl = /* @__PURE__ */ F(vl, [["render", gl]]), $l = X(fe), Ge = E({ name: "CdxSelect", components: { CdxIcon: J, - CdxMenu: Ae + CdxMenu: Be }, /** * We want the select handle to inherit attributes, not the root element. @@ -3501,7 +3538,7 @@ const vl = /* @__PURE__ */ E(ml, [["render", bl]]), gl = ee(he), We = K({ status: { type: String, default: "default", - validator: gl + validator: $l } }, emits: [ @@ -3520,92 +3557,92 @@ const vl = /* @__PURE__ */ E(ml, [["render", bl]]), gl = ee(he), We = K({ "load-more" ], setup(e, { emit: t, attrs: n }) { - const a = f(), s = f(), d = pe(Me, void 0), l = W("select-menu"), i = f(!1), o = n.id || W("select-handle"), { + const s = m(), a = m(), d = re(xe, void 0), l = W("select-menu"), i = m(!1), o = n.id || W("select-handle"), { computedDisabled: r, - computedStatus: p, - computedInputId: b + computedStatus: f, + computedInputId: $ } = ie( - F(e, "disabled"), - F(e, "status"), + R(e, "disabled"), + R(e, "status"), o - ), S = ue(F(e, "selected"), t, "update:selected"), g = c( - () => e.menuItems.find((w) => w.value === e.selected) - ), L = c(() => g.value ? g.value.label || g.value.value : e.defaultLabel), R = Te(a), z = c(() => { - var w; - return `${(w = R.value.width) != null ? w : 0}px`; - }), q = c(() => { + ), w = ue(R(e, "selected"), t, "update:selected"), g = p( + () => e.menuItems.find((k) => k.value === e.selected) + ), x = p(() => g.value ? g.value.label || g.value.value : e.defaultLabel), L = Ae(s), z = p(() => { + var k; + return `${(k = L.value.width) != null ? k : 0}px`; + }), Q = p(() => { if (e.defaultIcon && !g.value) return e.defaultIcon; if (g.value && g.value.icon) return g.value.icon; - }), P = c(() => ({ + }), P = p(() => ({ "cdx-select-vue--enabled": !r.value, "cdx-select-vue--disabled": r.value, "cdx-select-vue--expanded": i.value, "cdx-select-vue--value-selected": !!g.value, "cdx-select-vue--no-selections": !g.value, - "cdx-select-vue--has-start-icon": !!q.value, - [`cdx-select-vue--status-${p.value}`]: !0 + "cdx-select-vue--has-start-icon": !!Q.value, + [`cdx-select-vue--status-${f.value}`]: !0 })), { - rootClasses: j, - rootStyle: Q, - otherAttrs: H - } = de(n, P), B = c(() => { - const re = H.value, { id: w } = re; - return me(re, ["id"]); - }), A = c(() => { - var w, G; - return (G = (w = s.value) == null ? void 0 : w.getHighlightedMenuItem()) == null ? void 0 : G.id; + rootClasses: q, + rootStyle: G, + otherAttrs: U + } = de(n, P), M = p(() => { + const ae = U.value, { id: k } = ae; + return pe(ae, ["id"]); + }), V = p(() => { + var k, H; + return (H = (k = a.value) == null ? void 0 : k.getHighlightedMenuItem()) == null ? void 0 : H.id; }); - function M() { + function A() { i.value = !1; } - function v() { - var w; - r.value || (i.value = !i.value, (w = a.value) == null || w.focus()); + function y() { + var k; + r.value || (i.value = !i.value, (k = s.value) == null || k.focus()); } - function y(w) { - var G; - r.value || (G = s.value) == null || G.delegateKeyNavigation(w); + function b(k) { + var H; + r.value || (H = a.value) == null || H.delegateKeyNavigation(k, { characterNavigation: !0 }); } return { - handle: a, - menu: s, - computedHandleId: b, + handle: s, + menu: a, + computedHandleId: $, descriptionId: d, menuId: l, - modelWrapper: S, + modelWrapper: w, selectedMenuItem: g, - highlightedId: A, + highlightedId: V, expanded: i, computedDisabled: r, - onBlur: M, - currentLabel: L, + onBlur: A, + currentLabel: x, currentWidthInPx: z, - rootClasses: j, - rootStyle: Q, - otherAttrsMinusId: B, - onClick: v, - onKeydown: y, - startIcon: q, - cdxIconExpand: Ne + rootClasses: q, + rootStyle: G, + otherAttrsMinusId: M, + onClick: y, + onKeydown: b, + startIcon: Q, + cdxIconExpand: je }; } -}), ot = () => { - Oe((e) => ({ - "7c542cd2": e.currentWidthInPx +}), at = () => { + He((e) => ({ + "3b410536": e.currentWidthInPx })); -}, lt = We.setup; -We.setup = lt ? (e, t) => (ot(), lt(e, t)) : ot; -const yl = ["aria-disabled"], $l = ["id", "aria-controls", "aria-activedescendant", "aria-expanded", "aria-describedby"]; -function _l(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-menu"); - return u(), m("div", { - class: D(["cdx-select-vue", e.rootClasses]), - style: se(e.rootStyle), +}, st = Ge.setup; +Ge.setup = st ? (e, t) => (at(), st(e, t)) : at; +const _l = ["aria-disabled"], Il = ["id", "aria-controls", "aria-activedescendant", "aria-expanded", "aria-describedby"]; +function Cl(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-menu"); + return u(), h("div", { + class: K(["cdx-select-vue", e.rootClasses]), + style: le(e.rootStyle), "aria-disabled": e.computedDisabled }, [ - h("div", Z({ + v("div", Z({ id: e.computedHandleId, ref: "handle", class: "cdx-select-vue__handle" @@ -3620,22 +3657,22 @@ function _l(e, t, n, a, s, d) { onBlur: t[1] || (t[1] = (...o) => e.onBlur && e.onBlur(...o)), onKeydown: t[2] || (t[2] = (...o) => e.onKeydown && e.onKeydown(...o)) }), [ - _(e.$slots, "label", { + I(e.$slots, "label", { selectedMenuItem: e.selectedMenuItem, defaultLabel: e.defaultLabel }, () => [ - le(N(e.currentLabel), 1) + oe(N(e.currentLabel), 1) ]), e.startIcon ? (u(), T(l, { key: 0, icon: e.startIcon, class: "cdx-select-vue__start-icon" - }, null, 8, ["icon"])) : $("", !0), + }, null, 8, ["icon"])) : _("", !0), O(l, { icon: e.cdxIconExpand, class: "cdx-select-vue__indicator" }, null, 8, ["icon"]) - ], 16, $l), + ], 16, Il), O(i, Z({ id: e.menuId, ref: "menu", @@ -3647,14 +3684,14 @@ function _l(e, t, n, a, s, d) { }, e.menuConfig, { onLoadMore: t[5] || (t[5] = (o) => e.$emit("load-more")) }), { - default: x(({ menuItem: o }) => [ - _(e.$slots, "menu-item", { menuItem: o }) + default: B(({ menuItem: o }) => [ + I(e.$slots, "menu-item", { menuItem: o }) ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) - ], 14, yl); + ], 14, _l); } -const hs = /* @__PURE__ */ E(We, [["render", _l]]), Il = K({ +const ba = /* @__PURE__ */ F(Ge, [["render", Cl]]), kl = E({ name: "CdxTab", /** * The "label" and "disabled" props are referenced by the parent Tabs @@ -3690,19 +3727,19 @@ const hs = /* @__PURE__ */ E(We, [["render", _l]]), Il = K({ } }, setup(e) { - const t = pe(pt), n = pe(ft); + const t = re(mt), n = re(ht); if (!t || !n) throw new Error("Tab component must be used inside a Tabs component"); - const a = t.value.get(e.name) || {}, s = c(() => e.name === n.value); + const s = t.value.get(e.name) || {}, a = p(() => e.name === n.value); return { - tab: a, - isActive: s + tab: s, + isActive: a }; } }); -const Cl = ["id", "aria-hidden", "aria-labelledby"]; -function kl(e, t, n, a, s, d) { - return ae((u(), m("section", { +const Sl = ["id", "aria-hidden", "aria-labelledby"]; +function wl(e, t, n, s, a, d) { + return se((u(), h("section", { id: e.tab.id, "aria-hidden": e.isActive ? void 0 : !0, "aria-labelledby": `${e.tab.id}-label`, @@ -3710,15 +3747,15 @@ function kl(e, t, n, a, s, d) { role: "tabpanel", tabindex: "-1" }, [ - _(e.$slots, "default") - ], 8, Cl)), [ - [Ie, e.isActive] + I(e.$slots, "default") + ], 8, Sl)), [ + [$e, e.isActive] ]); } -const bs = /* @__PURE__ */ E(Il, [["render", kl]]), Sl = K({ +const ga = /* @__PURE__ */ F(kl, [["render", wl]]), xl = E({ name: "CdxTabs", components: { - CdxButton: be, + CdxButton: me, CdxIcon: J }, props: { @@ -3758,96 +3795,96 @@ const bs = /* @__PURE__ */ E(Il, [["render", kl]]), Sl = K({ "prev" ], setup(e, { slots: t, emit: n }) { - const a = f(), s = f(), d = f(), l = f(), i = rt(a), o = c(() => { - var y; - const A = [], M = (y = t.default) == null ? void 0 : y.call(t); - M && M.forEach(v); - function v(w) { - w && typeof w == "object" && "type" in w && (typeof w.type == "object" && "name" in w.type && w.type.name === "CdxTab" ? A.push(w) : "children" in w && Array.isArray(w.children) && w.children.forEach(v)); + const s = m(), a = m(), d = m(), l = m(), i = pt(s), o = p(() => { + var b; + const V = [], A = (b = t.default) == null ? void 0 : b.call(t); + A && A.forEach(y); + function y(k) { + k && typeof k == "object" && "type" in k && (typeof k.type == "object" && "name" in k.type && k.type.name === "CdxTab" ? V.push(k) : "children" in k && Array.isArray(k.children) && k.children.forEach(y)); } - return A; + return V; }); if (!o.value || o.value.length === 0) throw new Error("Slot content cannot be empty"); - const r = c(() => o.value.reduce((A, M) => { - var v; - if ((v = M.props) != null && v.name && typeof M.props.name == "string") { - if (A.get(M.props.name)) + const r = p(() => o.value.reduce((V, A) => { + var y; + if ((y = A.props) != null && y.name && typeof A.props.name == "string") { + if (V.get(A.props.name)) throw new Error("Tab names must be unique"); - A.set(M.props.name, { - name: M.props.name, - id: W(M.props.name), - label: M.props.label || M.props.name, - disabled: M.props.disabled + V.set(A.props.name, { + name: A.props.name, + id: W(A.props.name), + label: A.props.label || A.props.name, + disabled: A.props.disabled }); } - return A; - }, /* @__PURE__ */ new Map())), p = ue(F(e, "active"), n, "update:active"), b = c(() => Array.from(r.value.keys())), S = c(() => b.value.indexOf(p.value)), g = c(() => { - var A; - return (A = r.value.get(p.value)) == null ? void 0 : A.id; + return V; + }, /* @__PURE__ */ new Map())), f = ue(R(e, "active"), n, "update:active"), $ = p(() => Array.from(r.value.keys())), w = p(() => $.value.indexOf(f.value)), g = p(() => { + var V; + return (V = r.value.get(f.value)) == null ? void 0 : V.id; }); - ge(ft, p), ge(pt, r); - const L = f(/* @__PURE__ */ new Map()), R = f(), z = f(), q = Ee(R, { threshold: 0.95 }), P = Ee(z, { threshold: 0.95 }); - function j(A, M) { - const v = A; - v && (L.value.set(M, v), M === 0 ? R.value = v : M === b.value.length - 1 && (z.value = v)); + be(ht, f), be(mt, r); + const x = m(/* @__PURE__ */ new Map()), L = m(), z = m(), Q = ze(L, { threshold: 0.95 }), P = ze(z, { threshold: 0.95 }); + function q(V, A) { + const y = V; + y && (x.value.set(A, y), A === 0 ? L.value = y : A === $.value.length - 1 && (z.value = y)); } - const Q = c(() => ({ + const G = p(() => ({ "cdx-tabs--framed": e.framed, "cdx-tabs--quiet": !e.framed })); - function H(A) { - if (!s.value || !d.value || !l.value) + function U(V) { + if (!a.value || !d.value || !l.value) return 0; - const M = i.value === "rtl" ? l.value : d.value, v = i.value === "rtl" ? d.value : l.value, y = A.offsetLeft, w = y + A.clientWidth, G = s.value.scrollLeft + M.clientWidth, re = s.value.scrollLeft + s.value.clientWidth - v.clientWidth; - return y < G ? y - G : w > re ? w - re : 0; + const A = i.value === "rtl" ? l.value : d.value, y = i.value === "rtl" ? d.value : l.value, b = V.offsetLeft, k = b + V.clientWidth, H = a.value.scrollLeft + A.clientWidth, ae = a.value.scrollLeft + a.value.clientWidth - y.clientWidth; + return b < H ? b - H : k > ae ? k - ae : 0; } - function B(A) { - var w; - if (!s.value || !d.value || !l.value) + function M(V) { + var k; + if (!a.value || !d.value || !l.value) return; - const M = A === "next" && i.value === "ltr" || A === "prev" && i.value === "rtl" ? 1 : -1; - let v = 0, y = A === "next" ? s.value.firstElementChild : s.value.lastElementChild; - for (; y; ) { - const G = A === "next" ? y.nextElementSibling : y.previousElementSibling; - if (v = H(y), Math.sign(v) === M) { - G && Math.abs(v) < 0.25 * s.value.clientWidth && (v = H(G)); + const A = V === "next" && i.value === "ltr" || V === "prev" && i.value === "rtl" ? 1 : -1; + let y = 0, b = V === "next" ? a.value.firstElementChild : a.value.lastElementChild; + for (; b; ) { + const H = V === "next" ? b.nextElementSibling : b.previousElementSibling; + if (y = U(b), Math.sign(y) === A) { + H && Math.abs(y) < 0.25 * a.value.clientWidth && (y = U(H)); break; } - y = G; + b = H; } - s.value.scrollBy({ - left: v, + a.value.scrollBy({ + left: y, behavior: "smooth" - }), (w = L.value.get(S.value)) == null || w.focus(); + }), (k = x.value.get(w.value)) == null || k.focus(); } - return oe(p, () => { - if (g.value === void 0 || !s.value || !d.value || !l.value) + return ne(f, () => { + if (g.value === void 0 || !a.value || !d.value || !l.value) return; - const A = document.getElementById(`${g.value}-label`); - A && s.value.scrollBy({ - left: H(A), + const V = document.getElementById(`${g.value}-label`); + V && a.value.scrollBy({ + left: U(V), behavior: "smooth" }); }), { - activeTab: p, - activeTabIndex: S, + activeTab: f, + activeTabIndex: w, activeTabId: g, currentDirection: i, - rootElement: a, - tabListElement: s, + rootElement: s, + tabListElement: a, prevScroller: d, nextScroller: l, - rootClasses: Q, - tabNames: b, + rootClasses: G, + tabNames: $, tabsData: r, - tabButtonRefs: L, - firstLabelVisible: q, + tabButtonRefs: x, + firstLabelVisible: Q, lastLabelVisible: P, - assignTemplateRefForTabButton: j, - scrollTabs: B, - cdxIconPrevious: Gt, - cdxIconNext: Qt + assignTemplateRefForTabButton: q, + scrollTabs: M, + cdxIconPrevious: Jt, + cdxIconNext: Zt }; }, /** @@ -3867,8 +3904,8 @@ const bs = /* @__PURE__ */ E(Il, [["render", kl]]), Sl = K({ select(e, t) { const n = this.tabsData.get(e); n && !(n != null && n.disabled) && (this.activeTab = e, t && this.$nextTick().then(() => { - var a; - (a = this.tabButtonRefs.get(this.activeTabIndex)) == null || a.focus(); + var s; + (s = this.tabButtonRefs.get(this.activeTabIndex)) == null || s.focus(); })); }, /** @@ -3881,8 +3918,8 @@ const bs = /* @__PURE__ */ E(Il, [["render", kl]]), Sl = K({ * @param setFocus */ selectNonDisabled(e, t, n) { - const a = this.tabsData.get(this.tabNames[e + t]); - a && (a.disabled ? this.selectNonDisabled(e + t, t, n) : this.select(a.name, n)); + const s = this.tabsData.get(this.tabNames[e + t]); + s && (s.disabled ? this.selectNonDisabled(e + t, t, n) : this.select(s.name, n)); }, /** * Set the next tab to active, if one exists @@ -3924,92 +3961,92 @@ const bs = /* @__PURE__ */ E(Il, [["render", kl]]), Sl = K({ } } }); -const wl = { class: "cdx-tabs__header" }, xl = { +const Ml = { class: "cdx-tabs__header" }, Bl = { ref: "prevScroller", class: "cdx-tabs__prev-scroller" -}, Ml = { +}, Al = { ref: "tabListElement", class: "cdx-tabs__list", role: "tablist" -}, Bl = ["id", "disabled", "aria-controls", "aria-selected", "tabindex", "onClick", "onKeyup"], Al = { +}, Tl = ["id", "disabled", "aria-controls", "aria-selected", "tabindex", "onClick", "onKeyup"], Ll = { ref: "nextScroller", class: "cdx-tabs__next-scroller" -}, Tl = { class: "cdx-tabs__content" }; -function Ll(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-button"); - return u(), m("div", { +}, Vl = { class: "cdx-tabs__content" }; +function Dl(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-button"); + return u(), h("div", { ref: "rootElement", - class: D(["cdx-tabs", e.rootClasses]) + class: K(["cdx-tabs", e.rootClasses]) }, [ - h("div", wl, [ - ae(h("div", xl, [ + v("div", Ml, [ + se(v("div", Bl, [ O(i, { class: "cdx-tabs__scroll-button", weight: "quiet", type: "button", tabindex: "-1", "aria-hidden": !0, - onMousedown: t[0] || (t[0] = te(() => { + onMousedown: t[0] || (t[0] = ee(() => { }, ["prevent"])), onClick: t[1] || (t[1] = (o) => e.scrollTabs("prev")) }, { - default: x(() => [ + default: B(() => [ O(l, { icon: e.cdxIconPrevious }, null, 8, ["icon"]) ]), _: 1 }) ], 512), [ - [Ie, !e.firstLabelVisible] + [$e, !e.firstLabelVisible] ]), - h("div", Ml, [ - (u(!0), m(ye, null, we(e.tabsData.values(), (o, r) => (u(), m("button", { + v("div", Al, [ + (u(!0), h(ge, null, Se(e.tabsData.values(), (o, r) => (u(), h("button", { id: `${o.id}-label`, key: r, ref_for: !0, - ref: (p) => e.assignTemplateRefForTabButton(p, r), + ref: (f) => e.assignTemplateRefForTabButton(f, r), disabled: o.disabled ? !0 : void 0, "aria-controls": o.id, "aria-selected": o.name === e.activeTab, tabindex: o.name === e.activeTab ? void 0 : -1, class: "cdx-tabs__list__item", role: "tab", - onClick: te((p) => e.select(o.name), ["prevent"]), - onKeyup: ne((p) => e.select(o.name), ["enter"]), + onClick: ee((f) => e.select(o.name), ["prevent"]), + onKeyup: te((f) => e.select(o.name), ["enter"]), onKeydown: [ - t[2] || (t[2] = ne(te((...p) => e.onRightArrowKeypress && e.onRightArrowKeypress(...p), ["prevent"]), ["right"])), - t[3] || (t[3] = ne(te((...p) => e.onDownArrowKeypress && e.onDownArrowKeypress(...p), ["prevent"]), ["down"])), - t[4] || (t[4] = ne(te((...p) => e.onLeftArrowKeypress && e.onLeftArrowKeypress(...p), ["prevent"]), ["left"])) + t[2] || (t[2] = te(ee((...f) => e.onRightArrowKeypress && e.onRightArrowKeypress(...f), ["prevent"]), ["right"])), + t[3] || (t[3] = te(ee((...f) => e.onDownArrowKeypress && e.onDownArrowKeypress(...f), ["prevent"]), ["down"])), + t[4] || (t[4] = te(ee((...f) => e.onLeftArrowKeypress && e.onLeftArrowKeypress(...f), ["prevent"]), ["left"])) ] }, [ - h("span", null, N(o.label), 1) - ], 40, Bl))), 128)) + v("span", null, N(o.label), 1) + ], 40, Tl))), 128)) ], 512), - ae(h("div", Al, [ + se(v("div", Ll, [ O(i, { class: "cdx-tabs__scroll-button", weight: "quiet", type: "button", tabindex: "-1", "aria-hidden": !0, - onMousedown: t[5] || (t[5] = te(() => { + onMousedown: t[5] || (t[5] = ee(() => { }, ["prevent"])), onClick: t[6] || (t[6] = (o) => e.scrollTabs("next")) }, { - default: x(() => [ + default: B(() => [ O(l, { icon: e.cdxIconNext }, null, 8, ["icon"]) ]), _: 1 }) ], 512), [ - [Ie, !e.lastLabelVisible] + [$e, !e.lastLabelVisible] ]) ]), - h("div", Tl, [ - _(e.$slots, "default") + v("div", Vl, [ + I(e.$slots, "default") ]) ], 2); } -const vs = /* @__PURE__ */ E(Sl, [["render", Ll]]), Vl = ee(he), Dl = K({ +const ya = /* @__PURE__ */ F(xl, [["render", Dl]]), Kl = X(fe), El = E({ name: "CdxTextArea", components: { CdxIcon: J }, inheritAttrs: !1, @@ -4031,7 +4068,7 @@ const vs = /* @__PURE__ */ E(Sl, [["render", Ll]]), Vl = ee(he), Dl = K({ status: { type: String, default: "default", - validator: Vl + validator: Kl }, /** * Whether the textarea is disabled. @@ -4077,55 +4114,55 @@ const vs = /* @__PURE__ */ E(Sl, [["render", Ll]]), Vl = ee(he), Dl = K({ "update:modelValue" ], setup(e, { attrs: t, emit: n }) { - const a = ue(F(e, "modelValue"), n), s = t.id, { + const s = ue(R(e, "modelValue"), n), a = t.id, { computedDisabled: d, computedStatus: l, computedInputId: i } = ie( - F(e, "disabled"), - F(e, "status"), - s - ), o = pe(Me, void 0), r = c(() => ({ - "cdx-text-area__textarea--has-value": !!a.value, + R(e, "disabled"), + R(e, "status"), + a + ), o = re(xe, void 0), r = p(() => ({ + "cdx-text-area__textarea--has-value": !!s.value, "cdx-text-area__textarea--is-autosize": e.autosize - })), p = c(() => ({ + })), f = p(() => ({ "cdx-text-area--status-default": l.value === "default", "cdx-text-area--status-error": l.value === "error", "cdx-text-area--has-start-icon": !!e.startIcon, "cdx-text-area--has-end-icon": !!e.endIcon })), { - rootClasses: b, - rootStyle: S, + rootClasses: $, + rootStyle: w, otherAttrs: g - } = de(t, p), L = c(() => { - const j = g.value, { id: q } = j; - return me(j, ["id"]); - }), R = f(); + } = de(t, f), x = p(() => { + const q = g.value, { id: Q } = q; + return pe(q, ["id"]); + }), L = m(); function z() { - R.value && e.autosize && (R.value.style.height = "auto", R.value.style.height = `${R.value.scrollHeight}px`); + L.value && e.autosize && (L.value.style.height = "auto", L.value.style.height = `${L.value.scrollHeight}px`); } return { - rootClasses: b, - rootStyle: S, - wrappedModel: a, + rootClasses: $, + rootStyle: w, + wrappedModel: s, computedDisabled: d, computedInputId: i, descriptionId: o, textareaClasses: r, - otherAttrsMinusId: L, - textarea: R, + otherAttrsMinusId: x, + textarea: L, onInput: z }; } }); -const Kl = ["id", "aria-describedby", "disabled"]; -function El(e, t, n, a, s, d) { - const l = k("cdx-icon"); - return u(), m("div", { - class: D(["cdx-text-area", e.rootClasses]), - style: se(e.rootStyle) +const Fl = ["id", "aria-describedby", "disabled"]; +function Rl(e, t, n, s, a, d) { + const l = S("cdx-icon"); + return u(), h("div", { + class: K(["cdx-text-area", e.rootClasses]), + style: le(e.rootStyle) }, [ - ae(h("textarea", Z({ + se(v("textarea", Z({ id: e.computedInputId, ref: "textarea" }, e.otherAttrsMinusId, { @@ -4134,22 +4171,22 @@ function El(e, t, n, a, s, d) { "aria-describedby": e.descriptionId, disabled: e.computedDisabled, onInput: t[1] || (t[1] = (...i) => e.onInput && e.onInput(...i)) - }), null, 16, Kl), [ - [At, e.wrappedModel] + }), null, 16, Fl), [ + [Lt, e.wrappedModel] ]), e.startIcon ? (u(), T(l, { key: 0, icon: e.startIcon, class: "cdx-text-area__icon-vue cdx-text-area__start-icon" - }, null, 8, ["icon"])) : $("", !0), + }, null, 8, ["icon"])) : _("", !0), e.endIcon ? (u(), T(l, { key: 1, icon: e.endIcon, class: "cdx-text-area__icon-vue cdx-text-area__end-icon" - }, null, 8, ["icon"])) : $("", !0) + }, null, 8, ["icon"])) : _("", !0) ], 6); } -const gs = /* @__PURE__ */ E(Dl, [["render", El]]), Fl = K({ +const $a = /* @__PURE__ */ F(El, [["render", Rl]]), zl = E({ name: "CdxToggleButton", props: { /** @@ -4186,9 +4223,9 @@ const gs = /* @__PURE__ */ E(Dl, [["render", El]]), Fl = K({ "update:modelValue" ], setup(e, { emit: t }) { - const n = f(!1); + const n = m(!1); return { - rootClasses: c(() => ({ + rootClasses: p(() => ({ // Quiet means frameless among other things "cdx-toggle-button--quiet": e.quiet, "cdx-toggle-button--framed": !e.quiet, @@ -4206,24 +4243,24 @@ const gs = /* @__PURE__ */ E(Dl, [["render", El]]), Fl = K({ }; } }); -const Rl = ["aria-pressed", "disabled"]; -function zl(e, t, n, a, s, d) { - return u(), m("button", { - class: D(["cdx-toggle-button", e.rootClasses]), +const Ol = ["aria-pressed", "disabled"]; +function Nl(e, t, n, s, a, d) { + return u(), h("button", { + class: K(["cdx-toggle-button", e.rootClasses]), "aria-pressed": e.modelValue, disabled: e.disabled, onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)), - onKeydown: t[1] || (t[1] = ne((l) => e.setActive(!0), ["space", "enter"])), - onKeyup: t[2] || (t[2] = ne((l) => e.setActive(!1), ["space", "enter"])) + onKeydown: t[1] || (t[1] = te((l) => e.setActive(!0), ["space", "enter"])), + onKeyup: t[2] || (t[2] = te((l) => e.setActive(!1), ["space", "enter"])) }, [ - _(e.$slots, "default") - ], 42, Rl); + I(e.$slots, "default") + ], 42, Ol); } -const Ol = /* @__PURE__ */ E(Fl, [["render", zl]]), Nl = K({ +const ql = /* @__PURE__ */ F(zl, [["render", Nl]]), Hl = E({ name: "CdxToggleButtonGroup", components: { CdxIcon: J, - CdxToggleButton: Ol + CdxToggleButton: ql }, props: { /** @@ -4269,53 +4306,53 @@ const Ol = /* @__PURE__ */ E(Fl, [["render", zl]]), Nl = K({ "update:modelValue" ], setup(e, { emit: t }) { - function n(s) { - return Array.isArray(e.modelValue) ? e.modelValue.indexOf(s.value) !== -1 : e.modelValue !== null ? e.modelValue === s.value : !1; + function n(a) { + return Array.isArray(e.modelValue) ? e.modelValue.indexOf(a.value) !== -1 : e.modelValue !== null ? e.modelValue === a.value : !1; } - function a(s, d) { + function s(a, d) { if (Array.isArray(e.modelValue)) { - const l = e.modelValue.indexOf(s.value) !== -1; - d && !l ? t("update:modelValue", e.modelValue.concat(s.value)) : !d && l && t("update:modelValue", e.modelValue.filter((i) => i !== s.value)); + const l = e.modelValue.indexOf(a.value) !== -1; + d && !l ? t("update:modelValue", e.modelValue.concat(a.value)) : !d && l && t("update:modelValue", e.modelValue.filter((i) => i !== a.value)); } else - d && e.modelValue !== s.value && t("update:modelValue", s.value); + d && e.modelValue !== a.value && t("update:modelValue", a.value); } return { - getButtonLabel: vt, + getButtonLabel: yt, isSelected: n, - onUpdate: a + onUpdate: s }; } }); -const ql = { class: "cdx-toggle-button-group" }; -function Hl(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-toggle-button"); - return u(), m("div", ql, [ - (u(!0), m(ye, null, we(e.buttons, (o) => (u(), T(i, { +const jl = { class: "cdx-toggle-button-group" }; +function Ul(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-toggle-button"); + return u(), h("div", jl, [ + (u(!0), h(ge, null, Se(e.buttons, (o) => (u(), T(i, { key: o.value, "model-value": e.isSelected(o), disabled: o.disabled || e.disabled, "aria-label": o.ariaLabel, "onUpdate:modelValue": (r) => e.onUpdate(o, r) }, { - default: x(() => [ - _(e.$slots, "default", { + default: B(() => [ + I(e.$slots, "default", { button: o, selected: e.isSelected(o) }, () => [ o.icon ? (u(), T(l, { key: 0, icon: o.icon - }, null, 8, ["icon"])) : $("", !0), - le(" " + N(e.getButtonLabel(o)), 1) + }, null, 8, ["icon"])) : _("", !0), + oe(" " + N(e.getButtonLabel(o)), 1) ]) ]), _: 2 }, 1032, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]))), 128)) ]); } -const ys = /* @__PURE__ */ E(Nl, [["render", Hl]]), jl = K({ +const _a = /* @__PURE__ */ F(Hl, [["render", Ul]]), Wl = E({ name: "CdxToggleSwitch", - components: { CdxLabel: Be }, + components: { CdxLabel: Me }, /** * The input element will inherit attributes, not the root element. */ @@ -4374,41 +4411,41 @@ const ys = /* @__PURE__ */ E(Nl, [["render", Hl]]), jl = K({ */ "update:modelValue" ], - setup(e, { emit: t, slots: n, attrs: a }) { - var L; - qe((L = n.default) == null ? void 0 : L.call(n), a, "CdxToggleSwitch"); - const s = f(), d = W("toggle-switch"), l = W("description"), i = c(() => ({ + setup(e, { emit: t, slots: n, attrs: s }) { + var x; + Ue((x = n.default) == null ? void 0 : x.call(n), s, "CdxToggleSwitch"); + const a = m(), d = W("toggle-switch"), l = W("description"), i = p(() => ({ "cdx-toggle-switch--align-switch": e.alignSwitch })), { rootClasses: o, rootStyle: r, - otherAttrs: p - } = de(a, i), { computedDisabled: b } = ie(F(e, "disabled")), S = ue(F(e, "modelValue"), t); + otherAttrs: f + } = de(s, i), { computedDisabled: $ } = ie(R(e, "disabled")), w = ue(R(e, "modelValue"), t); return { - input: s, + input: a, inputId: d, descriptionId: l, rootClasses: o, rootStyle: r, - otherAttrs: p, - computedDisabled: b, - wrappedModel: S, + otherAttrs: f, + computedDisabled: $, + wrappedModel: w, clickInput: () => { - s.value.click(); + a.value.click(); } }; } }); -const Ul = ["id", "aria-describedby", "value", "disabled"], Wl = /* @__PURE__ */ h("span", { class: "cdx-toggle-switch__switch" }, [ - /* @__PURE__ */ h("span", { class: "cdx-toggle-switch__switch__grip" }) +const Pl = ["id", "aria-describedby", "value", "disabled"], Ql = /* @__PURE__ */ v("span", { class: "cdx-toggle-switch__switch" }, [ + /* @__PURE__ */ v("span", { class: "cdx-toggle-switch__switch__grip" }) ], -1); -function Pl(e, t, n, a, s, d) { - const l = k("cdx-label"); - return u(), m("span", { - class: D(["cdx-toggle-switch", e.rootClasses]), - style: se(e.rootStyle) +function Gl(e, t, n, s, a, d) { + const l = S("cdx-label"); + return u(), h("span", { + class: K(["cdx-toggle-switch", e.rootClasses]), + style: le(e.rootStyle) }, [ - ae(h("input", Z({ + se(v("input", Z({ id: e.inputId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i), @@ -4419,11 +4456,11 @@ function Pl(e, t, n, a, s, d) { value: e.inputValue, disabled: e.computedDisabled }, e.otherAttrs, { - onKeydown: t[1] || (t[1] = ne(te((...i) => e.clickInput && e.clickInput(...i), ["prevent"]), ["enter"])) - }), null, 16, Ul), [ - [st, e.wrappedModel] + onKeydown: t[1] || (t[1] = te(ee((...i) => e.clickInput && e.clickInput(...i), ["prevent"]), ["enter"])) + }), null, 16, Pl), [ + [it, e.wrappedModel] ]), - Wl, + Ql, e.$slots.default && e.$slots.default().length ? (u(), T(l, { key: 0, class: "cdx-toggle-switch__label", @@ -4431,28 +4468,28 @@ function Pl(e, t, n, a, s, d) { "description-id": e.$slots.description && e.$slots.description().length > 0 ? e.descriptionId : void 0, "visually-hidden": e.hideLabel, disabled: e.computedDisabled - }, xe({ - default: x(() => [ - _(e.$slots, "default") + }, we({ + default: B(() => [ + I(e.$slots, "default") ]), _: 2 }, [ e.$slots.description && e.$slots.description().length > 0 ? { name: "description", - fn: x(() => [ - _(e.$slots, "description") + fn: B(() => [ + I(e.$slots, "description") ]), key: "0" } : void 0 - ]), 1032, ["input-id", "description-id", "visually-hidden", "disabled"])) : $("", !0) + ]), 1032, ["input-id", "description-id", "visually-hidden", "disabled"])) : _("", !0) ], 6); } -const $s = /* @__PURE__ */ E(jl, [["render", Pl]]), Ql = K({ +const Ia = /* @__PURE__ */ F(Wl, [["render", Gl]]), Zl = E({ name: "CdxTypeaheadSearch", components: { CdxIcon: J, - CdxMenu: Ae, - CdxSearchInput: vl + CdxMenu: Be, + CdxSearchInput: yl }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -4519,7 +4556,7 @@ const $s = /* @__PURE__ */ E(jl, [["render", Pl]]), Ql = K({ */ debounceInterval: { type: Number, - default: an + default: un }, /** * Whether the search query should be highlighted within a search result's title. @@ -4584,65 +4621,65 @@ const $s = /* @__PURE__ */ E(jl, [["render", Pl]]), Ql = K({ */ "load-more" ], - setup(e, { attrs: t, emit: n, slots: a }) { - const s = f(), d = f(), l = W("typeahead-search-menu"), i = f(!1), o = f(!1), r = f(!1), p = f(!1), b = f(e.initialInputValue), S = f(""), g = c(() => { - var C, Y; - return (Y = (C = d.value) == null ? void 0 : C.getHighlightedMenuItem()) == null ? void 0 : Y.id; - }), L = f(null), R = c(() => ({ + setup(e, { attrs: t, emit: n, slots: s }) { + const a = m(), d = m(), l = W("typeahead-search-menu"), i = m(!1), o = m(!1), r = m(!1), f = m(!1), $ = m(e.initialInputValue), w = m(""), g = p(() => { + var c, C; + return (C = (c = d.value) == null ? void 0 : c.getHighlightedMenuItem()) == null ? void 0 : C.id; + }), x = m(null), L = p(() => ({ "cdx-typeahead-search__menu-message--has-thumbnail": e.showThumbnail - })), z = c( + })), z = p( () => e.searchResults.find( - (C) => C.value === L.value + (c) => c.value === x.value ) - ), q = c( + ), Q = p( () => e.searchFooterUrl ? { value: ve, url: e.searchFooterUrl } : void 0 - ), P = c(() => ({ + ), P = p(() => ({ "cdx-typeahead-search--show-thumbnail": e.showThumbnail, "cdx-typeahead-search--expanded": i.value, "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth })), { - rootClasses: j, - rootStyle: Q, - otherAttrs: H + rootClasses: q, + rootStyle: G, + otherAttrs: U } = de(t, P); - function B(C) { - return C; + function M(c) { + return c; } - const A = c(() => ({ + const V = p(() => ({ visibleItemLimit: e.visibleItemLimit, showThumbnail: e.showThumbnail, // In case search queries aren't highlighted, default to a bold label. boldLabel: !0, hideDescriptionOverflow: !0 })); - let M, v; - function y(C, Y = !1) { - z.value && z.value.label !== C && z.value.value !== C && (L.value = null), v !== void 0 && (clearTimeout(v), v = void 0), C === "" ? i.value = !1 : (o.value = !0, a["search-results-pending"] && (v = setTimeout(() => { - p.value && (i.value = !0), r.value = !0; - }, dn))), M !== void 0 && (clearTimeout(M), M = void 0); - const ce = () => { - n("input", C); + let A, y; + function b(c, C = !1) { + z.value && z.value.label !== c && z.value.value !== c && (x.value = null), y !== void 0 && (clearTimeout(y), y = void 0), c === "" ? i.value = !1 : (o.value = !0, s["search-results-pending"] && (y = setTimeout(() => { + f.value && (i.value = !0), r.value = !0; + }, rn))), A !== void 0 && (clearTimeout(A), A = void 0); + const D = () => { + n("input", c); }; - Y ? ce() : M = setTimeout(() => { - ce(); + C ? D() : A = setTimeout(() => { + D(); }, e.debounceInterval); } - function w(C) { - if (C === ve) { - L.value = null, b.value = S.value; + function k(c) { + if (c === ve) { + x.value = null, $.value = w.value; return; } - L.value = C, C !== null && (b.value = z.value ? z.value.label || String(z.value.value) : ""); + x.value = c, c !== null && ($.value = z.value ? z.value.label || String(z.value.value) : ""); } - function G() { - p.value = !0, (S.value || r.value) && (i.value = !0); + function H() { + f.value = !0, (w.value || r.value) && (i.value = !0); } - function re() { - p.value = !1, i.value = !1; + function ae() { + f.value = !1, i.value = !1; } - function Ce(C) { - const Pe = C, { id: Y } = Pe, ce = me(Pe, ["id"]); - if (ce.value === ve) { + function _e(c) { + const j = c, { id: C } = j, D = pe(j, ["id"]); + if (D.value === ve) { n("search-result-click", { searchResult: null, index: e.searchResults.length, @@ -4650,89 +4687,89 @@ const $s = /* @__PURE__ */ E(jl, [["render", Pl]]), Ql = K({ }); return; } - I(ce); + Ie(D); } - function I(C) { - const Y = { - searchResult: C, + function Ie(c) { + const C = { + searchResult: c, index: e.searchResults.findIndex( - (ce) => ce.value === C.value + (D) => D.value === c.value ), numberOfResults: e.searchResults.length }; - n("search-result-click", Y); + n("search-result-click", C); } - function V(C) { - if (C.value === ve) { - b.value = S.value; + function Te(c) { + if (c.value === ve) { + $.value = w.value; return; } - b.value = C.value ? C.label || String(C.value) : ""; + $.value = c.value ? c.label || String(c.value) : ""; } - function U(C) { - var Y; - i.value = !1, (Y = d.value) == null || Y.clearActive(), Ce(C); + function Le(c) { + var C; + i.value = !1, (C = d.value) == null || C.clearActive(), _e(c); } - function X(C) { + function Ve(c) { if (z.value) - I(z.value), C.stopPropagation(), window.location.assign(z.value.url), C.preventDefault(); + Ie(z.value), c.stopPropagation(), window.location.assign(z.value.url), c.preventDefault(); else { - const Y = { + const C = { searchResult: null, index: -1, numberOfResults: e.searchResults.length }; - n("submit", Y); + n("submit", C); } } - function $e(C) { - if (!d.value || !S.value || C.key === " ") + function De(c) { + if (!d.value || !w.value || c.key === " ") return; - const Y = d.value.getHighlightedMenuItem(), ce = d.value.getHighlightedViaKeyboard(); - switch (C.key) { + const C = d.value.getHighlightedMenuItem(), D = d.value.getHighlightedViaKeyboard(); + switch (c.key) { case "Enter": - Y && (Y.value === ve && ce ? window.location.assign(e.searchFooterUrl) : d.value.delegateKeyNavigation(C, !1)), i.value = !1; + C && (C.value === ve && D ? window.location.assign(e.searchFooterUrl) : d.value.delegateKeyNavigation(c, { prevent: !1 })), i.value = !1; break; case "Tab": i.value = !1; break; default: - d.value.delegateKeyNavigation(C); + d.value.delegateKeyNavigation(c); break; } } - return fe(() => { - e.initialInputValue && y(e.initialInputValue, !0); - }), oe(F(e, "searchResults"), () => { - S.value = b.value.trim(), p.value && o.value && S.value.length > 0 && (i.value = !0), v !== void 0 && (clearTimeout(v), v = void 0), o.value = !1, r.value = !1; + return ce(() => { + e.initialInputValue && b(e.initialInputValue, !0); + }), ne(R(e, "searchResults"), () => { + w.value = $.value.trim(), f.value && o.value && w.value.length > 0 && (i.value = !0), y !== void 0 && (clearTimeout(y), y = void 0), o.value = !1, r.value = !1; }), { - form: s, + form: a, menu: d, menuId: l, highlightedId: g, - selection: L, - menuMessageClass: R, - footer: q, - asSearchResult: B, - inputValue: b, - searchQuery: S, + selection: x, + menuMessageClass: L, + footer: Q, + asSearchResult: M, + inputValue: $, + searchQuery: w, expanded: i, showPending: r, - rootClasses: j, - rootStyle: Q, - otherAttrs: H, - menuConfig: A, - onUpdateInputValue: y, - onUpdateMenuSelection: w, - onFocus: G, - onBlur: re, - onSearchResultClick: Ce, - onSearchResultKeyboardNavigation: V, - onSearchFooterClick: U, - onSubmit: X, - onKeydown: $e, + rootClasses: q, + rootStyle: G, + otherAttrs: U, + menuConfig: V, + onUpdateInputValue: b, + onUpdateMenuSelection: k, + onFocus: H, + onBlur: ae, + onSearchResultClick: _e, + onSearchResultKeyboardNavigation: Te, + onSearchFooterClick: Le, + onSubmit: Ve, + onKeydown: De, MenuFooterValue: ve, - articleIcon: jt + articleIcon: Wt }; }, methods: { @@ -4746,14 +4783,14 @@ const $s = /* @__PURE__ */ E(jl, [["render", Pl]]), Ql = K({ } } }); -const Gl = ["id", "action"], Zl = { class: "cdx-typeahead-search__menu-message__text" }, Jl = { class: "cdx-typeahead-search__menu-message__text" }, Xl = ["href", "onClickCapture"], Yl = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, es = { class: "cdx-typeahead-search__search-footer__query" }; -function ts(e, t, n, a, s, d) { - const l = k("cdx-icon"), i = k("cdx-menu"), o = k("cdx-search-input"); - return u(), m("div", { - class: D(["cdx-typeahead-search", e.rootClasses]), - style: se(e.rootStyle) +const Jl = ["id", "action"], Xl = { class: "cdx-typeahead-search__menu-message__text" }, Yl = { class: "cdx-typeahead-search__menu-message__text" }, ea = ["href", "onClickCapture"], ta = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, na = { class: "cdx-typeahead-search__search-footer__query" }; +function oa(e, t, n, s, a, d) { + const l = S("cdx-icon"), i = S("cdx-menu"), o = S("cdx-search-input"); + return u(), h("div", { + class: K(["cdx-typeahead-search", e.rootClasses]), + style: le(e.rootStyle) }, [ - h("form", { + v("form", { id: e.id, ref: "form", class: "cdx-typeahead-search__form", @@ -4779,7 +4816,7 @@ function ts(e, t, n, a, s, d) { onBlur: e.onBlur, onKeydown: e.onKeydown }), { - default: x(() => [ + default: B(() => [ O(i, Z({ id: e.menuId, ref: "menu", @@ -4798,92 +4835,92 @@ function ts(e, t, n, a, s, d) { onMenuItemKeyboardNavigation: e.onSearchResultKeyboardNavigation, onLoadMore: t[2] || (t[2] = (r) => e.$emit("load-more")) }), { - pending: x(() => [ - h("div", { - class: D(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + pending: B(() => [ + v("div", { + class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - h("span", Zl, [ - _(e.$slots, "search-results-pending") + v("span", Xl, [ + I(e.$slots, "search-results-pending") ]) ], 2) ]), - "no-results": x(() => [ - h("div", { - class: D(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + "no-results": B(() => [ + v("div", { + class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - h("span", Jl, [ - _(e.$slots, "search-no-results-text") + v("span", Yl, [ + I(e.$slots, "search-no-results-text") ]) ], 2) ]), - default: x(({ menuItem: r, active: p }) => [ - r.value === e.MenuFooterValue ? (u(), m("a", { + default: B(({ menuItem: r, active: f }) => [ + r.value === e.MenuFooterValue ? (u(), h("a", { key: 0, - class: D(["cdx-menu-item__content cdx-typeahead-search__search-footer", { - "cdx-typeahead-search__search-footer__active": p + class: K(["cdx-menu-item__content cdx-typeahead-search__search-footer", { + "cdx-typeahead-search__search-footer__active": f }]), href: e.asSearchResult(r).url, - onClickCapture: te((b) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) + onClickCapture: ee(($) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) }, [ O(l, { class: "cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon", icon: e.articleIcon }, null, 8, ["icon"]), - h("span", Yl, [ - _(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ - h("strong", es, N(e.searchQuery), 1) + v("span", ta, [ + I(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ + v("strong", na, N(e.searchQuery), 1) ]) ]) - ], 42, Xl)) : $("", !0) + ], 42, ea)) : _("", !0) ]), _: 3 }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"]) ]), _: 3 }, 16, ["modelValue", "button-label", "aria-controls", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - _(e.$slots, "default") - ], 40, Gl) + I(e.$slots, "default") + ], 40, Jl) ], 6); } -const _s = /* @__PURE__ */ E(Ql, [["render", ts]]); +const Ca = /* @__PURE__ */ F(Zl, [["render", oa]]); export { - ls as CdxAccordion, - be as CdxButton, - ss as CdxButtonGroup, - as as CdxCard, - is as CdxCheckbox, - rs as CdxCombobox, - cs as CdxDialog, - ps as CdxField, + sa as CdxAccordion, + me as CdxButton, + ia as CdxButtonGroup, + da as CdxCard, + ua as CdxCheckbox, + pa as CdxCombobox, + fa as CdxDialog, + ma as CdxField, J as CdxIcon, - ds as CdxInfoChip, - Be as CdxLabel, - fs as CdxLookup, - Ae as CdxMenu, - Io as CdxMenuItem, - tl as CdxMessage, - Mo as CdxProgressBar, - ms as CdxRadio, - vl as CdxSearchInput, - fo as CdxSearchResultTitle, - hs as CdxSelect, - bs as CdxTab, - vs as CdxTabs, - gs as CdxTextArea, - He as CdxTextInput, - gt as CdxThumbnail, - Ol as CdxToggleButton, - ys as CdxToggleButtonGroup, - $s as CdxToggleSwitch, - _s as CdxTypeaheadSearch, - us as stringHelpers, - rt as useComputedDirection, - yt as useComputedDisabled, - Yt as useComputedLanguage, + ra as CdxInfoChip, + Me as CdxLabel, + ha as CdxLookup, + Be as CdxMenu, + ko as CdxMenuItem, + ol as CdxMessage, + Ao as CdxProgressBar, + va as CdxRadio, + yl as CdxSearchInput, + ho as CdxSearchResultTitle, + ba as CdxSelect, + ga as CdxTab, + ya as CdxTabs, + $a as CdxTextArea, + We as CdxTextInput, + $t as CdxThumbnail, + ql as CdxToggleButton, + _a as CdxToggleButtonGroup, + Ia as CdxToggleSwitch, + Ca as CdxTypeaheadSearch, + ca as stringHelpers, + pt as useComputedDirection, + _t as useComputedDisabled, + tn as useComputedLanguage, ie as useFieldData, W as useGeneratedId, - Ee as useIntersectionObserver, + ze as useIntersectionObserver, ue as useModelWrapper, - Te as useResizeObserver, + Ae as useResizeObserver, de as useSplitAttributes }; diff --git a/resources/lib/codex/codex.style-legacy-rtl.css b/resources/lib/codex/codex.style-legacy-rtl.css index 1574cea87c83..635f6ccf14b8 100644 --- a/resources/lib/codex/codex.style-legacy-rtl.css +++ b/resources/lib/codex/codex.style-legacy-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only{padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;left:0;right:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:14px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:14px;word-break:break-word;text-align:right;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-right:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-left:calc(1.4285714em + 6px + 8px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:14px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-left:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% - -1.4285714em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--7c542cd2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:18.2857143em;border-width:0;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only{padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0714286em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only{padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;left:0;right:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:14px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:14px;word-break:break-word;text-align:right;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-right:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-left:calc(1.4285714em + 6px + 8px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:14px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-left:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% - -1.4285714em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--3b410536)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:18.2857143em;border-width:0;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only{padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0714286em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-legacy.css b/resources/lib/codex/codex.style-legacy.css index 645d5266178e..105ce52af7fd 100644 --- a/resources/lib/codex/codex.style-legacy.css +++ b/resources/lib/codex/codex.style-legacy.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;right:0;left:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:14px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:14px;word-break:break-word;text-align:left;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-left:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(-180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-right:calc(1.4285714em + 6px + 8px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:14px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-right:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.4285714em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--7c542cd2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:18.2857143em;border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0714286em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;right:0;left:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:14px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:14px;word-break:break-word;text-align:left;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-left:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(-180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-right:calc(1.4285714em + 6px + 8px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:14px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-right:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.4285714em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--3b410536)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:18.2857143em;border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0714286em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-rtl.css b/resources/lib/codex/codex.style-rtl.css index 7b5ee34e7171..1266947d8aa8 100644 --- a/resources/lib/codex/codex.style-rtl.css +++ b/resources/lib/codex/codex.style-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only{padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;left:0;right:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:16px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:16px;word-break:break-word;text-align:right;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-right:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-left:calc(1.25em + 14px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:16px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-left:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% + 1.25em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--7c542cd2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:16em;border-width:0;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-size:16px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only{padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0625em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only{padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-left:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;left:0;right:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:16px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:16px;word-break:break-word;text-align:right;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-right:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-left:calc(1.25em + 14px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:16px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-left:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% + 1.25em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--3b410536)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:16em;border-width:0;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-size:16px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only{padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0625em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style.css b/resources/lib/codex/codex.style.css index 6d891a9842b8..9bd81e3d0247 100644 --- a/resources/lib/codex/codex.style.css +++ b/resources/lib/codex/codex.style.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;right:0;left:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:16px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:16px;word-break:break-word;text-align:left;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-left:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(-180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-right:calc(1.25em + 14px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:16px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-right:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--7c542cd2)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:16em;border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-size:16px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0625em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button{display:inline-flex;align-items:center;justify-content:center}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button--fake-button:not(.cdx-button--icon-only) .cdx-button__icon{margin-right:4px}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244;cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:#d73333;color:#fff;border-color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #fff}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:rgba(0,24,73,.027)}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:#d73333}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:#d73333}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d73333;box-shadow:inset 0 0 0 1px #d73333}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff;border-color:transparent}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:#72777d}}.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;right:0;left:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:16px}.cdx-accordion__toggle{width:100%;max-width:unset;padding:12px;font-size:16px;word-break:break-word;text-align:left;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-left:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(-180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-right:calc(1.25em + 14px)}.cdx-accordion__action{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:16px}.cdx-accordion__action:hover{background-color:unset}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon{margin-right:4px}.cdx-label__label__text{font-weight:700}.cdx-label--is-legend{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:#54595d}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:#72777d}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-label{padding-bottom:0}.cdx-checkbox .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d73333}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:#f8f9fa}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#b32424}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{min-width:224px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--49698e7b)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid #c8ccd1}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:8px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid #c8ccd1}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:#eaecf0;color:#202122;display:flex;align-items:flex-start;position:relative;border:1px solid #54595d;padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23d73333"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d73333}.cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:rgba(255,255,255,0);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:#d73333}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{border:0;padding:0}.cdx-field__control--has-help-text{padding-bottom:8px}@media screen and (min-width: 640px){.cdx-field__control--has-help-text{padding-bottom:4px}}.cdx-field__help-text{line-height:1.375}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:#54595d}.cdx-field--disabled .cdx-field__help-text{color:#72777d}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--49368ef8)}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio .cdx-label{padding-bottom:0}.cdx-radio .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.4285714;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--3b410536)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:rgba(255,255,255,0);display:block;flex:0 0 auto;max-width:16em;border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-size:16px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue{color:#72777d}.cdx-text-area__textarea::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-width:44px;min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label{order:-1}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch .cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0625em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.umd.js b/resources/lib/codex/codex.umd.js index a67327fe5b05..eaa16caf0199 100644 --- a/resources/lib/codex/codex.umd.js +++ b/resources/lib/codex/codex.umd.js @@ -1,8 +1,8 @@ -(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.codex={},p.Vue))})(this,function(p,t){"use strict";var El=Object.defineProperty,Nl=Object.defineProperties;var Ml=Object.getOwnPropertyDescriptors;var ce=Object.getOwnPropertySymbols;var Ye=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable;var Xe=(p,t,A)=>t in p?El(p,t,{enumerable:!0,configurable:!0,writable:!0,value:A}):p[t]=A,tt=(p,t)=>{for(var A in t||(t={}))Ye.call(t,A)&&Xe(p,A,t[A]);if(ce)for(var A of ce(t))et.call(t,A)&&Xe(p,A,t[A]);return p},nt=(p,t)=>Nl(p,Ml(t));var J=(p,t)=>{var A={};for(var j in p)Ye.call(p,j)&&t.indexOf(j)<0&&(A[j]=p[j]);if(p!=null&&ce)for(var j of ce(p))t.indexOf(j)<0&&et.call(p,j)&&(A[j]=p[j]);return A};var Se=(p,t,A)=>new Promise((j,ae)=>{var ue=W=>{try{Y(A.next(W))}catch(ee){ae(ee)}},pe=W=>{try{Y(A.throw(W))}catch(ee){ae(ee)}},Y=W=>W.done?j(W.value):Promise.resolve(W.value).then(ue,pe);Y((A=A.apply(p,t)).next())});const A='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',j='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',ae='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',ue='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',pe='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',Y='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',W='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',ee='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>',ot='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>',lt='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',at='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',st='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',it='<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>',Ie=A,dt=j,rt=ae,we=ue,Ve=pe,me=Y,ct=W,ut={langCodeMap:{ar:ee},default:ot},pt={ltr:lt,shouldFlip:!0},mt={ltr:at,shouldFlip:!0},ft=st,xe=it;function ht(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const d=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof d=="string"||"path"in d?d:d.ltr}function bt(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function fe(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Ee(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function q(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const he="cdx",gt=["default","progressive","destructive"],yt=["normal","primary","quiet"],Ct=["medium","large"],kt=["x-small","small","medium"],Ne=q(["notice","warning","error","success"]),$t=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],Z=["default","error"],_t=120,Bt=500,X="cdx-menu-footer-item",Me=Symbol("CdxTabs"),Te=Symbol("CdxActiveTab"),Ae=Symbol("CdxId"),se=Symbol("CdxDescriptionId"),Le=Symbol("CdxStatus"),De=Symbol("CdxDisabled"),St=q(kt),It=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:St}},setup(e){const n=t.ref(),o=fe(n),d=Ee(n),s=t.computed(()=>e.dir||o.value),r=t.computed(()=>e.lang||d.value),a=t.computed(()=>({"cdx-icon--flipped":s.value==="rtl"&&r.value!==null&&bt(e.icon,r.value),[`cdx-icon--${e.size}`]:!0})),i=t.computed(()=>ht(e.icon,r.value||"",s.value||"ltr")),l=t.computed(()=>typeof i.value=="string"?i.value:""),c=t.computed(()=>typeof i.value!="string"?i.value.path:"");return{rootElement:n,rootClasses:a,iconSvg:l,iconPath:c}}}),Al="",w=(e,n)=>{const o=e.__vccOpts||e;for(const[d,s]of n)o[d]=s;return o},wt=["aria-hidden"],Vt={key:0},xt=["innerHTML"],Et=["d"];function Nt(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Vt,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,xt)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Et))],8,wt))],2)}const D=w(It,[["render",Nt]]),Mt=q(gt),Tt=q(yt),At=q(Ct),Lt=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. - See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function be(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...be(o)):typeof o=="object"&&o&&(typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...be(o.children))));return n}const Dt=(e,n)=>{if(!e)return!1;const o=be(e);if(o.length!==1)return!1;const d=o[0],s=typeof d=="object"&&typeof d.type=="object"&&"name"in d.type&&d.type.name===D.name,r=typeof d=="object"&&d.type==="svg";return s||r?(Lt(n),!0):!1},zt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:Mt},weight:{type:String,default:"normal",validator:Tt},size:{type:String,default:"medium",validator:At}},emits:["click"],setup(e,{emit:n,slots:o,attrs:d}){const s=t.ref(!1);return{rootClasses:t.computed(()=>{var l;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":Dt((l=o.default)==null?void 0:l.call(o),d),"cdx-button--is-active":s.value}}),onClick:l=>{n("click",l)},setActive:l=>{s.value=l}}}}),Ll="";function Kt(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const G=w(zt,[["render",Kt]]);let ge=0;function L(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${he}-${e}-${ge++}`:o?`${he}-${o}-${ge++}`:`${he}-${ge++}`}const Rt=t.defineComponent({name:"CdxAccordion",components:{CdxButton:G,CdxIcon:D},props:{actionAlwaysVisible:{type:Boolean,default:!1},actionIcon:{type:[String,Object],default:null},actionButtonLabel:{type:String,default:""},headingLevel:{type:String,default:"h3"}},emits:["action-button-click"],setup(e,{emit:n}){const o=t.ref(!1),d=L("accordion"),s=L("accordion-panel"),r=()=>{o.value=!o.value},a=()=>{n("action-button-click")},i=t.computed(()=>e.actionIcon&&(o.value||e.actionAlwaysVisible)),l=t.computed(()=>({"cdx-accordion--has-icon":i}));return{cdxIconExpand:me,emitActionButtonClick:a,isExpanded:o,rootClasses:l,shouldShowActionButton:i,toggle:r,accordionId:d,accordionPanelId:s}}}),Dl="",Ft={class:"cdx-accordion__toggle__title"},Ot={class:"cdx-accordion__toggle__title-text"},jt={class:"cdx-accordion__toggle__description"},qt=["id","aria-labelledby","aria-hidden"];function Pt(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-accordion",e.rootClasses])},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.headingLevel),{class:"cdx-accordion__header"},{default:t.withCtx(()=>[t.createVNode(i,{id:e.accordionId,"aria-expanded":e.isExpanded,"aria-controls":e.accordionPanelId,class:"cdx-accordion__toggle",type:"button",weight:"quiet",onClick:e.toggle},{default:t.withCtx(()=>[t.createElementVNode("span",Ft,[t.createVNode(a,{class:"cdx-accordion__toggle__title-icon",icon:e.cdxIconExpand,size:"small"},null,8,["icon"]),t.createElementVNode("span",Ot,[t.renderSlot(e.$slots,"title")])]),t.createElementVNode("span",jt,[t.renderSlot(e.$slots,"description")])]),_:3},8,["id","aria-expanded","aria-controls","onClick"]),e.shouldShowActionButton?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:e.emitActionButtonClick},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)]),_:3})),t.withDirectives(t.createElementVNode("div",{id:e.accordionPanelId,"aria-labelledby":e.accordionId,"aria-hidden":e.isExpanded?void 0:!0,class:"cdx-accordion__content",role:"region"},[t.renderSlot(e.$slots,"default")],8,qt),[[t.vShow,e.isExpanded]])],2)}const Ht=w(Rt,[["render",Pt]]);function ze(e){return e.label===void 0?e.value:e.label===null?"":e.label}const Ut=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:G,CdxIcon:D},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:ze}}}),zl="",Wt={class:"cdx-button-group"};function Qt(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Wt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,l=>(t.openBlock(),t.createBlock(i,{key:l.value,disabled:l.disabled||e.disabled,"aria-label":l.ariaLabel,onClick:c=>e.$emit("click",l.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:l},()=>[l.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:l.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(l)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const vt=w(Ut,[["render",Qt]]),Gt=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:D},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:ct}},setup:e=>{const n=t.ref(!1),o=t.ref({}),d=s=>{const r=s.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{o.value={backgroundImage:`url("${r}")`},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var s;(s=e.thumbnail)!=null&&s.url&&d(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Kl="",Zt={class:"cdx-thumbnail"},Jt={key:0,class:"cdx-thumbnail__placeholder"};function Xt(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Zt,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Jt,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const ye=w(Gt,[["render",Xt]]),Yt=t.defineComponent({name:"CdxCard",components:{CdxIcon:D,CdxThumbnail:ye},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(e){const n=t.computed(()=>!!e.url),o=t.computed(()=>n.value?"a":"span"),d=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:o,cardLink:d}}}),Rl="",en={class:"cdx-card__text"},tn={class:"cdx-card__text__title"},nn={key:0,class:"cdx-card__text__description"},on={key:1,class:"cdx-card__text__supporting-text"};function ln(e,n,o,d,s,r){const a=t.resolveComponent("cdx-thumbnail"),i=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(i,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",en,[t.createElementVNode("span",tn,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",nn,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",on,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const an=w(Yt,[["render",ln]]);function Ce(e){const n=t.inject(De,t.ref(!1));return t.computed(()=>n.value||e.value)}function P(e,n,o){const d=Ce(e),s=t.inject(Le,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:s.value),a=t.inject(Ae,void 0),i=t.computed(()=>a||o);return{computedDisabled:d,computedStatus:r,computedInputId:i}}function H(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=J(n.value,[]);return e.class&&e.class.split(" ").forEach(i=>{r[i]=!0}),r}),d=t.computed(()=>{if("style"in e)return e.style}),s=t.computed(()=>{const l=e,{class:r,style:a}=l;return J(l,["class","style"])});return{rootClasses:o,rootStyle:d,otherAttrs:s}}const sn=t.defineComponent({name:"CdxLabel",components:{CdxIcon:D},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:o}=P(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":o.value})),{rootClasses:s,rootStyle:r,otherAttrs:a}=H(n,d);return{rootClasses:s,rootStyle:r,otherAttrs:a}}}),Fl="",dn=["for"],rn={class:"cdx-label__label__text"},cn={key:1,class:"cdx-label__label__optional-flag"},un=["id"],pn={class:"cdx-label__label"},mn={class:"cdx-label__label__text"},fn={key:1,class:"cdx-label__label__optional-flag"},hn={key:0,class:"cdx-label__description"};function bn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return e.isLegend?(t.openBlock(),t.createElementBlock("legend",t.mergeProps({key:1,class:["cdx-label cdx-label--is-legend",e.rootClasses],style:e.rootStyle},e.otherAttrs),[t.createElementVNode("span",pn,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",mn,[t.renderSlot(e.$slots,"default")]),e.optionalFlag?(t.openBlock(),t.createElementBlock("span",fn,t.toDisplayString(" ")+" "+t.toDisplayString(e.optionalFlag),1)):t.createCommentVNode("",!0)]),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",hn,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0)],16)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("label",t.mergeProps({class:"cdx-label__label",for:e.inputId?e.inputId:void 0},e.otherAttrs),[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",rn,[t.renderSlot(e.$slots,"default")]),e.optionalFlag?(t.openBlock(),t.createElementBlock("span",cn,t.toDisplayString(" ")+" "+t.toDisplayString(e.optionalFlag),1)):t.createCommentVNode("",!0)],16,dn),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,un)):t.createCommentVNode("",!0)],6))}const te=w(sn,[["render",bn]]);function ke(e,n,o){e&&e.length>0||(n==null?void 0:n["aria-label"])||(n==null?void 0:n["aria-labelledby"])||t.warn(`${o}: Inputs must have an associated label. Provide one of the following: +(function(m,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis!="undefined"?globalThis:m||self,t(m.codex={},m.Vue))})(this,function(m,t){"use strict";var Ml=Object.defineProperty,Tl=Object.defineProperties;var Al=Object.getOwnPropertyDescriptors;var re=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var et=(m,t,E)=>t in m?Ml(m,t,{enumerable:!0,configurable:!0,writable:!0,value:E}):m[t]=E,ot=(m,t)=>{for(var E in t||(t={}))tt.call(t,E)&&et(m,E,t[E]);if(re)for(var E of re(t))nt.call(t,E)&&et(m,E,t[E]);return m},lt=(m,t)=>Tl(m,Al(t));var G=(m,t)=>{var E={};for(var F in m)tt.call(m,F)&&t.indexOf(F)<0&&(E[F]=m[F]);if(m!=null&&re)for(var F of re(m))t.indexOf(F)<0&&nt.call(m,F)&&(E[F]=m[F]);return E};var Ve=(m,t,E)=>new Promise((F,oe)=>{var ce=W=>{try{X(E.next(W))}catch(Y){oe(Y)}},ue=W=>{try{X(E.throw(W))}catch(Y){oe(Y)}},X=W=>W.done?F(W.value):Promise.resolve(W.value).then(ce,ue);X((E=E.apply(m,t)).next())});const E='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',F='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',oe='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',ce='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',ue='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',X='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',W='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',Y='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>',at='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>',st='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',it='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',dt='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',rt='<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>',xe=E,ct=F,ut=oe,Ne=ce,Ee=ue,pe=X,pt=W,mt={langCodeMap:{ar:Y},default:at},ft={ltr:st,shouldFlip:!0},ht={ltr:it,shouldFlip:!0},bt=dt,Me=rt;function gt(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const d=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof d=="string"||"path"in d?d:d.ltr}function yt(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function me(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Te(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function O(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const fe="cdx",Ct=["default","progressive","destructive"],kt=["normal","primary","quiet"],$t=["medium","large"],_t=["x-small","small","medium"],Ae=O(["notice","warning","error","success"]),Bt=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],Q=["default","error"],St=120,It=500,Z="cdx-menu-footer-item",Le=Symbol("CdxTabs"),De=Symbol("CdxActiveTab"),Ke=Symbol("CdxId"),le=Symbol("CdxDescriptionId"),ze=Symbol("CdxStatus"),Re=Symbol("CdxDisabled"),wt=O(_t),Vt=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:wt}},setup(e){const n=t.ref(),o=me(n),d=Te(n),s=t.computed(()=>e.dir||o.value),r=t.computed(()=>e.lang||d.value),a=t.computed(()=>({"cdx-icon--flipped":s.value==="rtl"&&r.value!==null&&yt(e.icon,r.value),[`cdx-icon--${e.size}`]:!0})),i=t.computed(()=>gt(e.icon,r.value||"",s.value||"ltr")),l=t.computed(()=>typeof i.value=="string"?i.value:""),c=t.computed(()=>typeof i.value!="string"?i.value.path:"");return{rootElement:n,rootClasses:a,iconSvg:l,iconPath:c}}}),Dl="",V=(e,n)=>{const o=e.__vccOpts||e;for(const[d,s]of n)o[d]=s;return o},xt=["aria-hidden"],Nt={key:0},Et=["innerHTML"],Mt=["d"];function Tt(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Nt,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,Et)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Mt))],8,xt))],2)}const D=V(Vt,[["render",Tt]]),At=O(Ct),Lt=O(kt),Dt=O($t),Kt=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`CdxButton: Icon-only buttons require one of the following attribute: aria-label or aria-hidden. + See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`)};function he(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...he(o)):typeof o=="object"&&o&&(typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...he(o.children))));return n}const zt=(e,n)=>{if(!e)return!1;const o=he(e);if(o.length!==1)return!1;const d=o[0],s=typeof d=="object"&&typeof d.type=="object"&&"name"in d.type&&d.type.name===D.name,r=typeof d=="object"&&d.type==="svg";return s||r?(Kt(n),!0):!1},Rt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:At},weight:{type:String,default:"normal",validator:Lt},size:{type:String,default:"medium",validator:Dt}},emits:["click"],setup(e,{emit:n,slots:o,attrs:d}){const s=t.ref(!1);return{rootClasses:t.computed(()=>{var l;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":zt((l=o.default)==null?void 0:l.call(o),d),"cdx-button--is-active":s.value}}),onClick:l=>{n("click",l)},setActive:l=>{s.value=l}}}}),Kl="";function Ft(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const v=V(Rt,[["render",Ft]]);let be=0;function M(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${fe}-${e}-${be++}`:o?`${fe}-${o}-${be++}`:`${fe}-${be++}`}const Ot=t.defineComponent({name:"CdxAccordion",components:{CdxButton:v,CdxIcon:D},props:{actionAlwaysVisible:{type:Boolean,default:!1},actionIcon:{type:[String,Object],default:null},actionButtonLabel:{type:String,default:""},headingLevel:{type:String,default:"h3"}},emits:["action-button-click"],setup(e,{emit:n}){const o=t.ref(!1),d=M("accordion"),s=M("accordion-panel"),r=()=>{o.value=!o.value},a=()=>{n("action-button-click")},i=t.computed(()=>e.actionIcon&&(o.value||e.actionAlwaysVisible)),l=t.computed(()=>({"cdx-accordion--has-icon":i}));return{cdxIconExpand:pe,emitActionButtonClick:a,isExpanded:o,rootClasses:l,shouldShowActionButton:i,toggle:r,accordionId:d,accordionPanelId:s}}}),zl="",jt={class:"cdx-accordion__toggle__title"},qt={class:"cdx-accordion__toggle__title-text"},Pt={class:"cdx-accordion__toggle__description"},Ht=["id","aria-labelledby","aria-hidden"];function Ut(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-accordion",e.rootClasses])},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.headingLevel),{class:"cdx-accordion__header"},{default:t.withCtx(()=>[t.createVNode(i,{id:e.accordionId,"aria-expanded":e.isExpanded,"aria-controls":e.accordionPanelId,class:"cdx-accordion__toggle",type:"button",weight:"quiet",onClick:e.toggle},{default:t.withCtx(()=>[t.createElementVNode("span",jt,[t.createVNode(a,{class:"cdx-accordion__toggle__title-icon",icon:e.cdxIconExpand,size:"small"},null,8,["icon"]),t.createElementVNode("span",qt,[t.renderSlot(e.$slots,"title")])]),t.createElementVNode("span",Pt,[t.renderSlot(e.$slots,"description")])]),_:3},8,["id","aria-expanded","aria-controls","onClick"]),e.shouldShowActionButton?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:e.emitActionButtonClick},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)]),_:3})),t.withDirectives(t.createElementVNode("div",{id:e.accordionPanelId,"aria-labelledby":e.accordionId,"aria-hidden":e.isExpanded?void 0:!0,class:"cdx-accordion__content",role:"region"},[t.renderSlot(e.$slots,"default")],8,Ht),[[t.vShow,e.isExpanded]])],2)}const Wt=V(Ot,[["render",Ut]]);function Fe(e){return e.label===void 0?e.value:e.label===null?"":e.label}const vt=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:v,CdxIcon:D},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:Fe}}}),Rl="",Qt={class:"cdx-button-group"};function Gt(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Qt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,l=>(t.openBlock(),t.createBlock(i,{key:l.value,disabled:l.disabled||e.disabled,"aria-label":l.ariaLabel,onClick:c=>e.$emit("click",l.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:l},()=>[l.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:l.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(l)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const Zt=V(vt,[["render",Gt]]),Jt=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:D},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:pt}},setup:e=>{const n=t.ref(!1),o=t.ref({}),d=s=>{const r=s.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{o.value={backgroundImage:`url("${r}")`},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var s;(s=e.thumbnail)!=null&&s.url&&d(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Fl="",Xt={class:"cdx-thumbnail"},Yt={key:0,class:"cdx-thumbnail__placeholder"};function en(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Xt,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Yt,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const ge=V(Jt,[["render",en]]),tn=t.defineComponent({name:"CdxCard",components:{CdxIcon:D,CdxThumbnail:ge},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(e){const n=t.computed(()=>!!e.url),o=t.computed(()=>n.value?"a":"span"),d=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:o,cardLink:d}}}),Ol="",nn={class:"cdx-card__text"},on={class:"cdx-card__text__title"},ln={key:0,class:"cdx-card__text__description"},an={key:1,class:"cdx-card__text__supporting-text"};function sn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-thumbnail"),i=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(i,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",nn,[t.createElementVNode("span",on,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",ln,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",an,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const dn=V(tn,[["render",sn]]);function ye(e){const n=t.inject(Re,t.ref(!1));return t.computed(()=>n.value||e.value)}function q(e,n,o){const d=ye(e),s=t.inject(ze,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:s.value),a=t.inject(Ke,void 0),i=t.computed(()=>a||o);return{computedDisabled:d,computedStatus:r,computedInputId:i}}function P(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=G(n.value,[]);return e.class&&e.class.split(" ").forEach(i=>{r[i]=!0}),r}),d=t.computed(()=>{if("style"in e)return e.style}),s=t.computed(()=>{const l=e,{class:r,style:a}=l;return G(l,["class","style"])});return{rootClasses:o,rootStyle:d,otherAttrs:s}}const rn=t.defineComponent({name:"CdxLabel",components:{CdxIcon:D},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:o}=q(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":o.value})),{rootClasses:s,rootStyle:r,otherAttrs:a}=P(n,d);return{rootClasses:s,rootStyle:r,otherAttrs:a}}}),jl="",cn=["for"],un={class:"cdx-label__label__text"},pn={key:1,class:"cdx-label__label__optional-flag"},mn=["id"],fn={class:"cdx-label__label"},hn={class:"cdx-label__label__text"},bn={key:1,class:"cdx-label__label__optional-flag"},gn={key:0,class:"cdx-label__description"};function yn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return e.isLegend?(t.openBlock(),t.createElementBlock("legend",t.mergeProps({key:1,class:["cdx-label cdx-label--is-legend",e.rootClasses],style:e.rootStyle},e.otherAttrs),[t.createElementVNode("span",fn,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",hn,[t.renderSlot(e.$slots,"default")]),e.optionalFlag?(t.openBlock(),t.createElementBlock("span",bn,t.toDisplayString(" ")+" "+t.toDisplayString(e.optionalFlag),1)):t.createCommentVNode("",!0)]),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",gn,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0)],16)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("label",t.mergeProps({class:"cdx-label__label",for:e.inputId?e.inputId:void 0},e.otherAttrs),[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",un,[t.renderSlot(e.$slots,"default")]),e.optionalFlag?(t.openBlock(),t.createElementBlock("span",pn,t.toDisplayString(" ")+" "+t.toDisplayString(e.optionalFlag),1)):t.createCommentVNode("",!0)],16,cn),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,mn)):t.createCommentVNode("",!0)],6))}const ee=V(rn,[["render",yn]]);function Ce(e,n,o){e&&e.length>0||(n==null?void 0:n["aria-label"])||(n==null?void 0:n["aria-labelledby"])||t.warn(`${o}: Inputs must have an associated label. Provide one of the following: - A label via the appropriate slot - An \`aria-label\` attribute set to the label text - - An \`aria-labelledby\` attribute set to the ID of the label element`)}function U(e,n,o){return t.computed({get:()=>e.value,set:d=>n(o||"update:modelValue",d)})}const gn=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:te},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:d}){var m;ke((m=o.default)==null?void 0:m.call(o),d,"CdxCheckbox");const s=t.computed(()=>({"cdx-checkbox--inline":e.inline})),{computedDisabled:r}=P(t.toRef(e,"disabled")),a=t.ref(),i=L("checkbox"),l=L("description"),c=()=>{a.value.click()},u=U(t.toRef(e,"modelValue"),n);return{rootClasses:s,computedDisabled:r,input:a,checkboxId:i,descriptionId:l,clickInput:c,wrappedModel:u}}}),Ol="",yn=["id","aria-describedby","value","disabled",".indeterminate"],Cn=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function kn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled,".indeterminate":e.indeterminate,onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...i)=>e.clickInput&&e.clickInput(...i),["prevent"]),["enter"]))},null,40,yn),[[t.vModelCheckbox,e.wrappedModel]]),Cn,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled"])):t.createCommentVNode("",!0)],2)}const $n=w(gn,[["render",kn]]),_n={error:Ve,warning:Ie,success:xe},Bn=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:D},props:{status:{type:String,default:"notice",validator:Ne},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({[`cdx-info-chip__icon--${e.status}`]:!0})),o=t.computed(()=>e.status==="notice"?e.icon:_n[e.status]);return{iconClass:n,computedIcon:o}}}),jl="",Sn={class:"cdx-info-chip"},In={class:"cdx-info-chip--text"};function wn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",Sn,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",In,[t.renderSlot(e.$slots,"default")])])}const Vn=w(Bn,[["render",wn]]);function Ke(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const xn="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Re(e,n){if(!e)return[n,"",""];const o=Ke(e),d=new RegExp(o+xn+"*","i").exec(n);if(!d||d.index===void 0)return[n,"",""];const s=d.index,r=s+d[0].length,a=n.slice(s,r),i=n.slice(0,s),l=n.slice(r,n.length);return[i,a,l]}const En=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Ke,splitStringAtMatch:Re},Symbol.toStringTag,{value:"Module"})),Nn=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Re(e.searchQuery,String(e.title)))})}),ql="",Mn={class:"cdx-search-result-title"},Tn={class:"cdx-search-result-title__match"};function An(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("span",Mn,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",Tn,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Fe=w(Nn,[["render",An]]),Ln=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:D,CdxThumbnail:ye,CdxSearchResultTitle:Fe},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},d=()=>{n("change","highlighted",!1)},s=u=>{u.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),i=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),l=t.computed(()=>e.url?"a":"span"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:d,onMouseDown:s,onClick:r,highlightQuery:a,rootClasses:i,contentTag:l,title:c}}}),Pl="",Dn=["id","aria-disabled","aria-selected"],zn={class:"cdx-menu-item__text"},Kn=["lang"],Rn=["lang"],Fn=["lang"],On=["lang"];function jn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-thumbnail"),i=t.resolveComponent("cdx-icon"),l=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,u,m,C,h,S;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(i,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",zn,[e.highlightQuery?(t.openBlock(),t.createBlock(l,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(u=e.language)==null?void 0:u.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,Kn)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(l,{key:0,title:e.match,"search-query":e.searchQuery,lang:(m=e.language)==null?void 0:m.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(C=e.language)==null?void 0:C.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,Rn))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(h=e.language)==null?void 0:h.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Fn)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(S=e.language)==null?void 0:S.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,On)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,Dn)}const Oe=w(Ln,[["render",jn]]),qn=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),Hl="",Pn=["aria-disabled"],Hn=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function Un(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},Hn,10,Pn)}const je=w(qn,[["render",Un]]);function ie(e,n){const o=t.ref(!1);let d=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const s=new window.IntersectionObserver(r=>{const a=r[0];a&&(o.value=a.isIntersecting)},n);return t.onMounted(()=>{d=!0,e.value&&s.observe(e.value)}),t.onUnmounted(()=>{d=!1,s.disconnect()}),t.watch(e,r=>{d&&(s.disconnect(),o.value=!1,r&&s.observe(r))}),o}const Wn=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Oe,CdxProgressBar:je},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:d}){const s=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(I=>nt(tt({},I),{id:L("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:s.value.length===0:!1),a=t.ref(null),i=t.ref(!1),l=t.ref(null);function c(){return s.value.find(g=>g.value===e.selected)}function u(g,I){var T;if(!(I&&I.disabled))switch(g){case"selected":n("update:selected",(T=I==null?void 0:I.value)!=null?T:null),n("update:expanded",!1),l.value=null;break;case"highlighted":a.value=I||null,i.value=!1;break;case"highlightedViaKeyboard":a.value=I||null,i.value=!0;break;case"active":l.value=I||null;break}}const m=t.computed(()=>{if(a.value!==null)return s.value.findIndex(g=>g.value===a.value.value)});function C(g){g&&(u("highlightedViaKeyboard",g),n("menu-item-keyboard-navigation",g))}function h(g){var F;const I=le=>{for(let y=le-1;y>=0;y--)if(!s.value[y].disabled)return s.value[y]};g=g||s.value.length;const T=(F=I(g))!=null?F:I(s.value.length);C(T)}function S(g){const I=F=>s.value.find((le,y)=>!le.disabled&&y>F);g=g!=null?g:-1;const T=I(g)||I(-1);C(T)}function V(g,I=!0){function T(){n("update:expanded",!0),u("highlighted",c())}function F(){I&&(g.preventDefault(),g.stopPropagation())}switch(g.key){case"Enter":case" ":return F(),e.expanded?(a.value&&i.value&&n("update:selected",a.value.value),n("update:expanded",!1)):T(),!0;case"Tab":return e.expanded&&(a.value&&i.value&&n("update:selected",a.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return F(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),h(m.value)):T(),N(),!0;case"ArrowDown":return F(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),S(m.value)):T(),N(),!0;case"Home":return F(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),S()):T(),N(),!0;case"End":return F(),e.expanded?(a.value===null&&u("highlightedViaKeyboard",c()),h()):T(),N(),!0;case"Escape":return F(),n("update:expanded",!1),!0;default:return!1}}function x(){u("active")}const E=[],z=t.ref(void 0),M=ie(z,{threshold:.8});t.watch(M,g=>{g&&n("load-more")});function K(g,I){if(g){E[I]=g.$el;const T=e.visibleItemLimit;if(!T||e.menuItems.length<T)return;const F=Math.min(T,Math.max(2,Math.floor(.2*e.menuItems.length)));I===e.menuItems.length-F&&(z.value=g.$el)}}function N(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||m.value===void 0)return;const g=m.value>=0?m.value:0;E[g].scrollIntoView({behavior:"smooth",block:"nearest"})}const _=t.ref(null),B=t.ref(null);function $(){if(B.value=null,!e.visibleItemLimit||E.length<=e.visibleItemLimit){_.value=null;return}const g=E[0],I=E[e.visibleItemLimit];if(_.value=f(g,I),e.footer){const T=E[E.length-1];B.value=T.scrollHeight}}function f(g,I){const T=g.getBoundingClientRect().top;return I.getBoundingClientRect().top-T+2}t.onMounted(()=>{document.addEventListener("mouseup",x)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",x)}),t.watch(t.toRef(e,"expanded"),g=>Se(this,null,function*(){const I=c();!g&&a.value&&I===void 0&&u("highlighted"),g&&I!==void 0&&u("highlighted",I),g&&(yield t.nextTick(),$(),yield t.nextTick(),N())})),t.watch(t.toRef(e,"menuItems"),g=>Se(this,null,function*(){g.length<E.length&&(E.length=g.length),e.expanded&&(yield t.nextTick(),$(),yield t.nextTick(),N())}),{deep:!0});const b=t.computed(()=>({"max-height":_.value?`${_.value}px`:void 0,"overflow-y":_.value?"scroll":void 0,"margin-bottom":B.value?`${B.value}px`:void 0})),k=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!_.value})),{rootClasses:R,rootStyle:Q,otherAttrs:re}=H(d,k);return{listBoxStyle:b,rootClasses:R,rootStyle:Q,otherAttrs:re,assignTemplateRef:K,computedMenuItems:s,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:i,activeMenuItem:l,handleMenuItemChange:u,handleKeyNavigation:V}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Wl="",Qn={key:0,class:"cdx-menu__pending cdx-menu-item"},vn={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Gn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-menu-item"),i=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Qn,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",vn,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(l,c)=>{var u,m;return t.openBlock(),t.createBlock(a,t.mergeProps({key:l.value,ref_for:!0,ref:C=>e.assignTemplateRef(C,c)},l,{selected:l.value===e.selected,active:l.value===((u=e.activeMenuItem)==null?void 0:u.value),highlighted:l.value===((m=e.highlightedMenuItem)==null?void 0:m.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(C,h)=>e.handleMenuItemChange(C,h&&l),onClick:C=>e.$emit("menu-item-click",l)}),{default:t.withCtx(()=>{var C,h;return[t.renderSlot(e.$slots,"default",{menuItem:l,active:l.value===((C=e.activeMenuItem)==null?void 0:C.value)&&l.value===((h=e.highlightedMenuItem)==null?void 0:h.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(i,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const ne=w(Wn,[["render",Gn]]),Zn=q($t),Jn=q(Z),Xn=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:D},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Zn},status:{type:String,default:"default",validator:Jn},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const d=o.id,{computedDisabled:s,computedStatus:r,computedInputId:a}=P(t.toRef(e,"disabled"),t.toRef(e,"status"),d),i=t.inject(se,void 0),l=U(t.toRef(e,"modelValue"),n),c=t.computed(()=>e.clearable&&!!l.value&&!s.value),u=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":c.value,[`cdx-text-input--status-${r.value}`]:!0})),{rootClasses:m,rootStyle:C,otherAttrs:h}=H(o,u),S=t.computed(()=>{const $=h.value,{id:_}=$;return J($,["id"])}),V=t.computed(()=>({"cdx-text-input__input--has-value":!!l.value}));return{computedInputId:a,descriptionId:i,wrappedModel:l,isClearable:c,rootClasses:m,rootStyle:C,otherAttrsMinusId:S,inputClasses:V,computedDisabled:s,onClear:_=>{l.value="",n("clear",_)},onInput:_=>{n("input",_)},onChange:_=>{n("change",_)},onKeydown:_=>{(_.key==="Home"||_.key==="End")&&!_.ctrlKey&&!_.metaKey||n("keydown",_)},onFocus:_=>{n("focus",_)},onBlur:_=>{n("blur",_)},cdxIconClear:rt}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Ql="",Yn=["id","type","aria-describedby","disabled"];function eo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...i)=>e.onInput&&e.onInput(...i)),onChange:n[2]||(n[2]=(...i)=>e.onChange&&e.onChange(...i)),onFocus:n[3]||(n[3]=(...i)=>e.onFocus&&e.onFocus(...i)),onBlur:n[4]||(n[4]=(...i)=>e.onBlur&&e.onBlur(...i)),onKeydown:n[5]||(n[5]=(...i)=>e.onKeydown&&e.onKeydown(...i))}),null,16,Yn),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const de=w(Xn,[["render",eo]]);function oe(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const o=new window.ResizeObserver(s=>{const r=s[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let d=!1;return t.onMounted(()=>{d=!0,e.value&&o.observe(e.value)}),t.onUnmounted(()=>{d=!1,o.disconnect()}),t.watch(e,s=>{d&&(o.disconnect(),n.value={width:void 0,height:void 0},s&&o.observe(s))}),n}const to=q(Z),$e=t.defineComponent({name:"CdxCombobox",components:{CdxButton:G,CdxIcon:D,CdxMenu:ne,CdxTextInput:de},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:to}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:o,slots:d}){const s=t.ref(),r=t.ref(),a=t.ref(),i=L("combobox"),l=t.toRef(e,"selected"),c=U(l,n,"update:selected"),u=t.ref(!1),m=t.ref(!1),C=t.computed(()=>{var f,b;return(b=(f=a.value)==null?void 0:f.getHighlightedMenuItem())==null?void 0:b.id}),{computedDisabled:h}=P(t.toRef(e,"disabled")),S=t.computed(()=>({"cdx-combobox--expanded":u.value,"cdx-combobox--disabled":h.value})),V=oe(r),x=t.computed(()=>{var f;return`${(f=V.value.width)!=null?f:0}px`}),{rootClasses:E,rootStyle:z,otherAttrs:M}=H(o,S);function K(f){m.value&&u.value?u.value=!1:(e.menuItems.length>0||d["no-results"])&&(u.value=!0),n("focus",f)}function N(f){u.value=m.value&&u.value,n("blur",f)}function _(){h.value||(m.value=!0)}function B(){var f;h.value||(f=s.value)==null||f.focus()}function $(f){!a.value||h.value||e.menuItems.length===0||f.key===" "||a.value.delegateKeyNavigation(f)}return t.watch(u,()=>{m.value=!1}),{input:s,inputWrapper:r,currentWidthInPx:x,menu:a,menuId:i,modelWrapper:c,expanded:u,highlightedId:C,computedDisabled:h,onInputFocus:K,onInputBlur:N,onKeydown:$,onButtonClick:B,onButtonMousedown:_,cdxIconExpand:me,rootClasses:E,rootStyle:z,otherAttrs:M}}}),qe=()=>{t.useCssVars(e=>({"49698e7b":e.currentWidthInPx}))},Pe=$e.setup;$e.setup=Pe?(e,n)=>(qe(),Pe(e,n)):qe;const vl="",no={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function oo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-text-input"),i=t.resolveComponent("cdx-icon"),l=t.resolveComponent("cdx-button"),c=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",no,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=u=>e.modelWrapper=u)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.status,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:n[1]||(n[1]=u=>e.$emit("input",u)),onChange:n[2]||(n[2]=u=>e.$emit("change",u)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(l,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(i,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(c,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=u=>e.modelWrapper=u),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=u=>e.expanded=u),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=u=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:u})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:u})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const lo=w($e,[["render",oo]]),ao=t.defineComponent({name:"CdxDialog",components:{CdxButton:G,CdxIcon:D},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(e,{emit:n}){const o=L("dialog-label"),d=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),i=t.ref(),l=t.computed(()=>!e.hideTitle||!!e.closeButtonLabel),c=t.computed(()=>!!e.primaryAction||!!e.defaultAction),u=oe(s),m=t.computed(()=>{var M;return(M=u.value.height)!=null?M:0}),C=t.ref(!1),h=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":C.value})),S=t.ref(0);function V(){n("update:open",!1)}function x(){z(d.value)}function E(){z(d.value,!0)}function z(M,K=!1){let N=Array.from(M.querySelectorAll(` + - An \`aria-labelledby\` attribute set to the ID of the label element`)}function H(e,n,o){return t.computed({get:()=>e.value,set:d=>n(o||"update:modelValue",d)})}const Cn=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:ee},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:d}){var g;Ce((g=o.default)==null?void 0:g.call(o),d,"CdxCheckbox");const s=t.computed(()=>({"cdx-checkbox--inline":e.inline})),{computedDisabled:r}=q(t.toRef(e,"disabled")),a=t.ref(),i=M("checkbox"),l=M("description"),c=()=>{a.value.click()},p=H(t.toRef(e,"modelValue"),n);return{rootClasses:s,computedDisabled:r,input:a,checkboxId:i,descriptionId:l,clickInput:c,wrappedModel:p}}}),ql="",kn=["id","aria-describedby","value","disabled",".indeterminate"],$n=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function _n(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled,".indeterminate":e.indeterminate,onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...i)=>e.clickInput&&e.clickInput(...i),["prevent"]),["enter"]))},null,40,kn),[[t.vModelCheckbox,e.wrappedModel]]),$n,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled"])):t.createCommentVNode("",!0)],2)}const Bn=V(Cn,[["render",_n]]),Sn={error:Ee,warning:xe,success:Me},In=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:D},props:{status:{type:String,default:"notice",validator:Ae},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({[`cdx-info-chip__icon--${e.status}`]:!0})),o=t.computed(()=>e.status==="notice"?e.icon:Sn[e.status]);return{iconClass:n,computedIcon:o}}}),Pl="",wn={class:"cdx-info-chip"},Vn={class:"cdx-info-chip--text"};function xn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",wn,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Vn,[t.renderSlot(e.$slots,"default")])])}const Nn=V(In,[["render",xn]]);function Oe(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const En="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function je(e,n){if(!e)return[n,"",""];const o=Oe(e),d=new RegExp(o+En+"*","i").exec(n);if(!d||d.index===void 0)return[n,"",""];const s=d.index,r=s+d[0].length,a=n.slice(s,r),i=n.slice(0,s),l=n.slice(r,n.length);return[i,a,l]}const Mn=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Oe,splitStringAtMatch:je},Symbol.toStringTag,{value:"Module"})),Tn=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>je(e.searchQuery,String(e.title)))})}),Hl="",An={class:"cdx-search-result-title"},Ln={class:"cdx-search-result-title__match"};function Dn(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("span",An,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",Ln,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const qe=V(Tn,[["render",Dn]]),Kn=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:D,CdxThumbnail:ge,CdxSearchResultTitle:qe},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},d=()=>{n("change","highlighted",!1)},s=p=>{p.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),i=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),l=t.computed(()=>e.url?"a":"span"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:d,onMouseDown:s,onClick:r,highlightQuery:a,rootClasses:i,contentTag:l,title:c}}}),Ul="",zn=["id","aria-disabled","aria-selected"],Rn={class:"cdx-menu-item__text"},Fn=["lang"],On=["lang"],jn=["lang"],qn=["lang"];function Pn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-thumbnail"),i=t.resolveComponent("cdx-icon"),l=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,p,g,k,h,$;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(i,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Rn,[e.highlightQuery?(t.openBlock(),t.createBlock(l,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(p=e.language)==null?void 0:p.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,Fn)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(l,{key:0,title:e.match,"search-query":e.searchQuery,lang:(g=e.language)==null?void 0:g.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(k=e.language)==null?void 0:k.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,On))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(h=e.language)==null?void 0:h.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,jn)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:($=e.language)==null?void 0:$.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,qn)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,zn)}const Pe=V(Kn,[["render",Pn]]),Hn=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),Wl="",Un=["aria-disabled"],Wn=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function vn(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},Wn,10,Un)}const He=V(Hn,[["render",vn]]);function ae(e,n){const o=t.ref(!1);let d=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const s=new window.IntersectionObserver(r=>{const a=r[0];a&&(o.value=a.isIntersecting)},n);return t.onMounted(()=>{d=!0,e.value&&s.observe(e.value)}),t.onUnmounted(()=>{d=!1,s.disconnect()}),t.watch(e,r=>{d&&(s.disconnect(),o.value=!1,r&&s.observe(r))}),o}const Qn=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Pe,CdxProgressBar:He},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:d}){const s=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(y=>lt(ot({},y),{id:M("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:s.value.length===0:!1),a=t.ref(null),i=t.ref(!1),l=t.ref(null);let c="",p=null;function g(){c="",p!==null&&(clearTimeout(p),p=null)}function k(){p!==null&&clearTimeout(p),p=setTimeout(g,1500)}function h(){return s.value.find(u=>u.value===e.selected)||null}function $(u,y){var w;if(!(y&&y.disabled))switch(u){case"selected":n("update:selected",(w=y==null?void 0:y.value)!=null?w:null),n("update:expanded",!1),l.value=null;break;case"highlighted":a.value=y||null,i.value=!1;break;case"highlightedViaKeyboard":a.value=y||null,i.value=!0;break;case"active":l.value=y||null;break}}const S=t.computed(()=>{if(a.value!==null)return s.value.findIndex(u=>u.value===a.value.value)});function x(u){u&&($("highlightedViaKeyboard",u),n("menu-item-keyboard-navigation",u))}function z(u){var A;const y=J=>{for(let j=J-1;j>=0;j--)if(!s.value[j].disabled)return s.value[j]};u=u||s.value.length;const w=(A=y(u))!=null?A:y(s.value.length);x(w)}function K(u){const y=A=>s.value.find((J,j)=>!J.disabled&&j>A);u=u!=null?u:-1;const w=y(u)||y(-1);x(w)}function N(u){if(u.key==="Clear")return g(),!0;if(u.key==="Backspace")return c=c.slice(0,-1),k(),!0;if(u.key.length===1&&!u.metaKey&&!u.ctrlKey&&!u.altKey){e.expanded||n("update:expanded",!0),c+=u.key.toLowerCase();const y=c.length>1&&c.split("").every(j=>j===c[0]);let w=s.value,A=c;y&&S.value!==void 0&&(w=w.slice(S.value+1).concat(w.slice(0,S.value)),A=c[0]);const J=w.find(j=>!j.disabled&&String(j.label||j.value).toLowerCase().indexOf(A)===0);return J&&($("highlightedViaKeyboard",J),f()),k(),!0}return!1}function R(u,{prevent:y=!0,characterNavigation:w=!1}={}){if(w){if(N(u))return!0;g()}function A(){y&&(u.preventDefault(),u.stopPropagation())}switch(u.key){case"Enter":case" ":return A(),e.expanded?(a.value&&i.value&&n("update:selected",a.value.value),n("update:expanded",!1)):n("update:expanded",!0),!0;case"Tab":return e.expanded&&(a.value&&i.value&&n("update:selected",a.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return A(),e.expanded?(a.value===null&&$("highlightedViaKeyboard",h()),z(S.value)):n("update:expanded",!0),f(),!0;case"ArrowDown":return A(),e.expanded?(a.value===null&&$("highlightedViaKeyboard",h()),K(S.value)):n("update:expanded",!0),f(),!0;case"Home":return A(),e.expanded?(a.value===null&&$("highlightedViaKeyboard",h()),K()):n("update:expanded",!0),f(),!0;case"End":return A(),e.expanded?(a.value===null&&$("highlightedViaKeyboard",h()),z()):n("update:expanded",!0),f(),!0;case"Escape":return A(),n("update:expanded",!1),!0;default:return!1}}function L(){$("active",null)}const _=[],I=t.ref(void 0),B=ae(I,{threshold:.8});t.watch(B,u=>{u&&n("load-more")});function b(u,y){if(u){_[y]=u.$el;const w=e.visibleItemLimit;if(!w||e.menuItems.length<w)return;const A=Math.min(w,Math.max(2,Math.floor(.2*e.menuItems.length)));y===e.menuItems.length-A&&(I.value=u.$el)}}function f(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||S.value===void 0)return;const u=S.value>=0?S.value:0;_[u].scrollIntoView({behavior:"smooth",block:"nearest"})}const C=t.ref(null),T=t.ref(null);function U(){if(T.value=null,!e.visibleItemLimit||_.length<=e.visibleItemLimit){C.value=null;return}const u=_[0],y=_[e.visibleItemLimit];if(C.value=ie(u,y),e.footer){const w=_[_.length-1];T.value=w.scrollHeight}}function ie(u,y){const w=u.getBoundingClientRect().top;return y.getBoundingClientRect().top-w+2}t.onMounted(()=>{document.addEventListener("mouseup",L)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",L)}),t.watch(t.toRef(e,"expanded"),u=>Ve(this,null,function*(){if(u){const y=h();y&&!a.value&&$("highlighted",y),yield t.nextTick(),U(),yield t.nextTick(),f()}else $("highlighted",null)})),t.watch(t.toRef(e,"menuItems"),u=>Ve(this,null,function*(){u.length<_.length&&(_.length=u.length),e.expanded&&(yield t.nextTick(),U(),yield t.nextTick(),f())}),{deep:!0});const de=t.computed(()=>({"max-height":C.value?`${C.value}px`:void 0,"overflow-y":C.value?"scroll":void 0,"margin-bottom":T.value?`${T.value}px`:void 0})),Be=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!C.value})),{rootClasses:Se,rootStyle:Ie,otherAttrs:we}=P(d,Be);return{listBoxStyle:de,rootClasses:Se,rootStyle:Ie,otherAttrs:we,assignTemplateRef:b,computedMenuItems:s,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:i,activeMenuItem:l,handleMenuItemChange:$,handleKeyNavigation:R}},methods:{getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:n=!0,characterNavigation:o=!1}={}){return this.handleKeyNavigation(e,{prevent:n,characterNavigation:o})}}}),Ql="",Gn={key:0,class:"cdx-menu__pending cdx-menu-item"},Zn={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Jn(e,n,o,d,s,r){const a=t.resolveComponent("cdx-menu-item"),i=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Gn,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Zn,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(l,c)=>{var p,g;return t.openBlock(),t.createBlock(a,t.mergeProps({key:l.value,ref_for:!0,ref:k=>e.assignTemplateRef(k,c)},l,{selected:l.value===e.selected,active:l.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:l.value===((g=e.highlightedMenuItem)==null?void 0:g.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(k,h)=>e.handleMenuItemChange(k,h?l:null),onClick:k=>e.$emit("menu-item-click",l)}),{default:t.withCtx(()=>{var k,h;return[t.renderSlot(e.$slots,"default",{menuItem:l,active:l.value===((k=e.activeMenuItem)==null?void 0:k.value)&&l.value===((h=e.highlightedMenuItem)==null?void 0:h.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(i,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const te=V(Qn,[["render",Jn]]),Xn=O(Bt),Yn=O(Q),eo=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:D},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Xn},status:{type:String,default:"default",validator:Yn},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const d=o.id,{computedDisabled:s,computedStatus:r,computedInputId:a}=q(t.toRef(e,"disabled"),t.toRef(e,"status"),d),i=t.inject(le,void 0),l=H(t.toRef(e,"modelValue"),n),c=t.computed(()=>e.clearable&&!!l.value&&!s.value),p=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":c.value,[`cdx-text-input--status-${r.value}`]:!0})),{rootClasses:g,rootStyle:k,otherAttrs:h}=P(o,p),$=t.computed(()=>{const B=h.value,{id:_}=B;return G(B,["id"])}),S=t.computed(()=>({"cdx-text-input__input--has-value":!!l.value}));return{computedInputId:a,descriptionId:i,wrappedModel:l,isClearable:c,rootClasses:g,rootStyle:k,otherAttrsMinusId:$,inputClasses:S,computedDisabled:s,onClear:_=>{l.value="",n("clear",_)},onInput:_=>{n("input",_)},onChange:_=>{n("change",_)},onKeydown:_=>{(_.key==="Home"||_.key==="End")&&!_.ctrlKey&&!_.metaKey||n("keydown",_)},onFocus:_=>{n("focus",_)},onBlur:_=>{n("blur",_)},cdxIconClear:ut}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Gl="",to=["id","type","aria-describedby","disabled"];function no(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...i)=>e.onInput&&e.onInput(...i)),onChange:n[2]||(n[2]=(...i)=>e.onChange&&e.onChange(...i)),onFocus:n[3]||(n[3]=(...i)=>e.onFocus&&e.onFocus(...i)),onBlur:n[4]||(n[4]=(...i)=>e.onBlur&&e.onBlur(...i)),onKeydown:n[5]||(n[5]=(...i)=>e.onKeydown&&e.onKeydown(...i))}),null,16,to),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const se=V(eo,[["render",no]]);function ne(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const o=new window.ResizeObserver(s=>{const r=s[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let d=!1;return t.onMounted(()=>{d=!0,e.value&&o.observe(e.value)}),t.onUnmounted(()=>{d=!1,o.disconnect()}),t.watch(e,s=>{d&&(o.disconnect(),n.value={width:void 0,height:void 0},s&&o.observe(s))}),n}const oo=O(Q),ke=t.defineComponent({name:"CdxCombobox",components:{CdxButton:v,CdxIcon:D,CdxMenu:te,CdxTextInput:se},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:oo}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:o,slots:d}){const s=t.ref(),r=t.ref(),a=t.ref(),i=M("combobox"),l=t.toRef(e,"selected"),c=H(l,n,"update:selected"),p=t.ref(!1),g=t.ref(!1),k=t.computed(()=>{var b,f;return(f=(b=a.value)==null?void 0:b.getHighlightedMenuItem())==null?void 0:f.id}),{computedDisabled:h}=q(t.toRef(e,"disabled")),$=t.computed(()=>({"cdx-combobox--expanded":p.value,"cdx-combobox--disabled":h.value})),S=ne(r),x=t.computed(()=>{var b;return`${(b=S.value.width)!=null?b:0}px`}),{rootClasses:z,rootStyle:K,otherAttrs:N}=P(o,$);function R(b){g.value&&p.value?p.value=!1:(e.menuItems.length>0||d["no-results"])&&(p.value=!0),n("focus",b)}function L(b){p.value=g.value&&p.value,n("blur",b)}function _(){h.value||(g.value=!0)}function I(){var b;h.value||(b=s.value)==null||b.focus()}function B(b){!a.value||h.value||e.menuItems.length===0||b.key===" "||a.value.delegateKeyNavigation(b)}return t.watch(p,()=>{g.value=!1}),{input:s,inputWrapper:r,currentWidthInPx:x,menu:a,menuId:i,modelWrapper:c,expanded:p,highlightedId:k,computedDisabled:h,onInputFocus:R,onInputBlur:L,onKeydown:B,onButtonClick:I,onButtonMousedown:_,cdxIconExpand:pe,rootClasses:z,rootStyle:K,otherAttrs:N}}}),Ue=()=>{t.useCssVars(e=>({"49698e7b":e.currentWidthInPx}))},We=ke.setup;ke.setup=We?(e,n)=>(Ue(),We(e,n)):Ue;const Zl="",lo={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function ao(e,n,o,d,s,r){const a=t.resolveComponent("cdx-text-input"),i=t.resolveComponent("cdx-icon"),l=t.resolveComponent("cdx-button"),c=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",lo,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=p=>e.modelWrapper=p)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.status,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:n[1]||(n[1]=p=>e.$emit("input",p)),onChange:n[2]||(n[2]=p=>e.$emit("change",p)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(l,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(i,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(c,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=p=>e.modelWrapper=p),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=p=>e.expanded=p),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=p=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:p})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:p})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const so=V(ke,[["render",ao]]),io=t.defineComponent({name:"CdxDialog",components:{CdxButton:v,CdxIcon:D},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(e,{emit:n}){const o=M("dialog-label"),d=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),i=t.ref(),l=t.computed(()=>!e.hideTitle||!!e.closeButtonLabel),c=t.computed(()=>!!e.primaryAction||!!e.defaultAction),p=ne(s),g=t.computed(()=>{var N;return(N=p.value.height)!=null?N:0}),k=t.ref(!1),h=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":k.value})),$=t.ref(0);function S(){n("update:open",!1)}function x(){K(d.value)}function z(){K(d.value,!0)}function K(N,R=!1){let L=Array.from(N.querySelectorAll(` input, select, textarea, button, object, a, area, [contenteditable], [tabindex]:not([tabindex^="-"]) - `));K&&(N=N.reverse());for(const _ of N)if(_.focus(),document.activeElement===_)return!0;return!1}return t.watch(t.toRef(e,"open"),M=>{M?(S.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right",`${S.value}px`),document.body.classList.add("cdx-dialog-open"),t.nextTick(()=>{var K;z(s.value)||(K=r.value)==null||K.focus()})):(document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"))}),t.watch(m,()=>{s.value&&(C.value=s.value.clientHeight<s.value.scrollHeight)}),{close:V,cdxIconClose:we,labelId:o,rootClasses:h,dialogElement:d,focusTrapStart:a,focusTrapEnd:i,focusFirst:x,focusLast:E,dialogBody:s,focusHolder:r,showHeader:l,showFooterActions:c}}}),Gl="",so=["aria-label","aria-labelledby"],io={key:0,class:"cdx-dialog__header__title-group"},ro=["id"],co={key:0,class:"cdx-dialog__header__subtitle"},uo={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},po={key:0,class:"cdx-dialog__footer__text"},mo={key:1,class:"cdx-dialog__footer__actions"};function fo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...l)=>e.close&&e.close(...l)),onKeyup:n[6]||(n[6]=t.withKeys((...l)=>e.close&&e.close(...l),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...l)=>e.focusLast&&e.focusLast(...l))},null,544),t.createElementVNode("div",t.mergeProps({ref:"dialogElement",class:["cdx-dialog",e.rootClasses],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,onClick:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",io,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,ro),e.subtitle?(t.openBlock(),t.createElementBlock("p",co,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("",!0)])),e.closeButtonLabel?(t.openBlock(),t.createBlock(i,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.closeButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0),t.createElementVNode("div",uo,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",po,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",mo,[e.primaryAction?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=l=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("",!0),e.defaultAction?(t.openBlock(),t.createBlock(i,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=l=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0)],16,so),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...l)=>e.focusFirst&&e.focusFirst(...l))},null,544)],32)):t.createCommentVNode("",!0)]),_:3})}const ho=w(ao,[["render",fo]]),bo={notice:ut,error:Ve,warning:Ie,success:xe},go=t.defineComponent({name:"CdxMessage",components:{CdxButton:G,CdxIcon:D},props:{type:{type:String,default:"notice",validator:Ne},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:n}){const o=t.ref(!1),d=t.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),s=t.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),r=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":d.value,[`cdx-message--${e.type}`]:!0})),a=t.computed(()=>e.icon&&e.type==="notice"?e.icon:bo[e.type]),i=t.ref("");function l(c){o.value||(i.value=c==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,n(c))}return t.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?t.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):s.value&&setTimeout(()=>l("auto-dismissed"),s.value)}),{dismissed:o,userDismissable:d,rootClasses:r,leaveActiveClass:i,computedIcon:a,onDismiss:l,cdxIconClose:we}}}),Zl="",yo=["aria-live","role"],Co={class:"cdx-message__content"};function ko(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",Co,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:n[0]||(n[0]=l=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):t.createCommentVNode("",!0)],10,yo))]),_:3},8,["appear","leave-active-class"])}const He=w(go,[["render",ko]]),$o=q(Z),_o=t.defineComponent({name:"CdxField",components:{CdxLabel:te,CdxMessage:He},props:{labelIcon:{type:[String,Object],default:""},optionalFlag:{type:String,default:""},hideLabel:{type:Boolean,default:!1},isFieldset:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:$o},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:o,status:d,isFieldset:s}=t.toRefs(e),r=Ce(o),a=t.computed(()=>({"cdx-field--disabled":r.value})),i=L("label"),l=L("description"),c=L("input");s.value||(t.provide(Ae,c),n.description&&t.provide(se,l)),t.provide(De,r),t.provide(Le,d);const u=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),m=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:i,descriptionId:l,inputId:c,validationMessage:u,validationMessageType:m}}}),Jl="",Bo={class:"cdx-field__help-text"},So={key:0,class:"cdx-field__validation-message"};function Io(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label"),i=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{id:e.labelId,icon:e.labelIcon,"visually-hidden":e.hideLabel,"optional-flag":e.optionalFlag,"input-id":e.inputId,"description-id":e.descriptionId,disabled:e.computedDisabled,"is-legend":e.isFieldset},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",{class:t.normalizeClass(["cdx-field__control",{"cdx-field__control--has-help-text":e.$slots["help-text"]&&e.$slots["help-text"]().length>0||e.validationMessage}])},[t.renderSlot(e.$slots,"default")],2),t.createElementVNode("div",Bo,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",So,[t.createVNode(i,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("",!0)]),_:3},8,["class","aria-disabled","disabled"])}const wo=w(_o,[["render",Io]]),Vo=q(Z),_e=t.defineComponent({name:"CdxLookup",components:{CdxMenu:ne,CdxTextInput:de},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:Vo}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:o,slots:d})=>{const s=t.ref(),r=t.ref(),a=L("lookup-menu"),i=t.ref(!1),l=t.ref(!1),c=t.ref(!1),{computedDisabled:u}=P(t.toRef(e,"disabled")),m=t.toRef(e,"selected"),C=U(m,n,"update:selected"),h=t.computed(()=>e.menuItems.find(b=>b.value===e.selected)),S=t.computed(()=>{var b,k;return(k=(b=r.value)==null?void 0:b.getHighlightedMenuItem())==null?void 0:k.id}),V=t.ref(e.initialInputValue),x=oe(s),E=t.computed(()=>{var b;return`${(b=x.value.width)!=null?b:0}px`}),z=t.computed(()=>({"cdx-lookup--disabled":u.value,"cdx-lookup--pending":i.value})),{rootClasses:M,rootStyle:K,otherAttrs:N}=H(o,z);function _(b){h.value&&h.value.label!==b&&h.value.value!==b&&(C.value=null),b===""?(l.value=!1,i.value=!1):i.value=!0,n("input",b)}function B(b){c.value=!0,V.value!==null&&V.value!==""&&(e.menuItems.length>0||d["no-results"])&&(l.value=!0),n("focus",b)}function $(b){c.value=!1,l.value=!1,n("blur",b)}function f(b){!r.value||u.value||e.menuItems.length===0&&!d["no-results"]||b.key===" "||r.value.delegateKeyNavigation(b)}return t.watch(m,b=>{if(b!==null){const k=h.value?h.value.label||h.value.value:"";V.value!==k&&(V.value=k,n("input",V.value))}}),t.watch(t.toRef(e,"menuItems"),b=>{c.value&&i.value&&(b.length>0||d["no-results"])&&(l.value=!0),b.length===0&&!d["no-results"]&&(l.value=!1),i.value=!1}),{rootElement:s,currentWidthInPx:E,menu:r,menuId:a,highlightedId:S,inputValue:V,modelWrapper:C,expanded:l,computedDisabled:u,onInputBlur:$,rootClasses:M,rootStyle:K,otherAttrs:N,onUpdateInput:_,onInputFocus:B,onKeydown:f}}}),Ue=()=>{t.useCssVars(e=>({"49368ef8":e.currentWidthInPx}))},We=_e.setup;_e.setup=We?(e,n)=>(Ue(),We(e,n)):Ue;const Xl="";function xo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-text-input"),i=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=l=>e.inputValue=l)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:n[1]||(n[1]=l=>e.$emit("change",l)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(i,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=l=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:l})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:l})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Eo=w(_e,[["render",xo]]),No=t.defineComponent({name:"CdxRadio",components:{CdxLabel:te},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:""},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:d}){var m;ke((m=o.default)==null?void 0:m.call(o),d,"CdxRadio");const s=t.computed(()=>({"cdx-radio--inline":e.inline})),{computedDisabled:r}=P(t.toRef(e,"disabled")),a=t.ref(),i=L("radio"),l=L("description"),c=()=>{a.value.focus()},u=U(t.toRef(e,"modelValue"),n);return{rootClasses:s,computedDisabled:r,input:a,radioId:i,descriptionId:l,focusInput:c,wrappedModel:u}}}),Yl="",Mo=["id","aria-describedby","name","value","disabled"],To=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function Ao(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-radio__input",type:"radio","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,name:e.name,value:e.inputValue,disabled:e.computedDisabled},null,8,Mo),[[t.vModelRadio,e.wrappedModel]]),To,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-radio__label","input-id":e.radioId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,onClick:e.focusInput},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):t.createCommentVNode("",!0)],2)}const Lo=w(No,[["render",Ao]]),Do=q(Z),zo=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:G,CdxTextInput:de},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Do}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const d=U(t.toRef(e,"modelValue"),n),{computedDisabled:s}=P(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:a,rootStyle:i,otherAttrs:l}=H(o,r);return{wrappedModel:d,computedDisabled:s,rootClasses:a,rootStyle:i,otherAttrs:l,handleSubmit:()=>{n("submit-click",d.value)},searchIcon:ft}},methods:{focus(){this.$refs.textInput.focus()}}}),ea="",Ko={class:"cdx-search-input__input-wrapper"};function Ro(e,n,o,d,s,r){const a=t.resolveComponent("cdx-text-input"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Ko,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=l=>e.wrappedModel=l),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=l=>e.$emit("input",l)),onChange:n[2]||(n[2]=l=>e.$emit("change",l)),onFocus:n[3]||(n[3]=l=>e.$emit("focus",l)),onBlur:n[4]||(n[4]=l=>e.$emit("blur",l))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const Qe=w(zo,[["render",Ro]]),Fo=q(Z),Be=t.defineComponent({name:"CdxSelect",components:{CdxIcon:D,CdxMenu:ne},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:Fo}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:o}){const d=t.ref(),s=t.ref(),r=t.inject(se,void 0),a=L("select-menu"),i=t.ref(!1),l=o.id||L("select-handle"),{computedDisabled:c,computedStatus:u,computedInputId:m}=P(t.toRef(e,"disabled"),t.toRef(e,"status"),l),C=U(t.toRef(e,"selected"),n,"update:selected"),h=t.computed(()=>e.menuItems.find(k=>k.value===e.selected)),S=t.computed(()=>h.value?h.value.label||h.value.value:e.defaultLabel),V=oe(d),x=t.computed(()=>{var k;return`${(k=V.value.width)!=null?k:0}px`}),E=t.computed(()=>{if(e.defaultIcon&&!h.value)return e.defaultIcon;if(h.value&&h.value.icon)return h.value.icon}),z=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":i.value,"cdx-select-vue--value-selected":!!h.value,"cdx-select-vue--no-selections":!h.value,"cdx-select-vue--has-start-icon":!!E.value,[`cdx-select-vue--status-${u.value}`]:!0})),{rootClasses:M,rootStyle:K,otherAttrs:N}=H(o,z),_=t.computed(()=>{const Q=N.value,{id:k}=Q;return J(Q,["id"])}),B=t.computed(()=>{var k,R;return(R=(k=s.value)==null?void 0:k.getHighlightedMenuItem())==null?void 0:R.id});function $(){i.value=!1}function f(){var k;c.value||(i.value=!i.value,(k=d.value)==null||k.focus())}function b(k){var R;c.value||(R=s.value)==null||R.delegateKeyNavigation(k)}return{handle:d,menu:s,computedHandleId:m,descriptionId:r,menuId:a,modelWrapper:C,selectedMenuItem:h,highlightedId:B,expanded:i,computedDisabled:c,onBlur:$,currentLabel:S,currentWidthInPx:x,rootClasses:M,rootStyle:K,otherAttrsMinusId:_,onClick:f,onKeydown:b,startIcon:E,cdxIconExpand:me}}}),ve=()=>{t.useCssVars(e=>({"7c542cd2":e.currentWidthInPx}))},Ge=Be.setup;Be.setup=Ge?(e,n)=>(ve(),Ge(e,n)):ve;const ta="",Oo=["aria-disabled"],jo=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function qo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onBlur:n[1]||(n[1]=(...l)=>e.onBlur&&e.onBlur(...l)),onKeydown:n[2]||(n[2]=(...l)=>e.onKeydown&&e.onKeydown(...l))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,jo),t.createVNode(i,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=l=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:l})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:l})]),_:3},16,["id","selected","expanded","menu-items"])],14,Oo)}const Po=w(Be,[["render",qo]]),Ho=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){const n=t.inject(Me),o=t.inject(Te);if(!n||!o)throw new Error("Tab component must be used inside a Tabs component");const d=n.value.get(e.name)||{},s=t.computed(()=>e.name===o.value);return{tab:d,isActive:s}}}),na="",Uo=["id","aria-hidden","aria-labelledby"];function Wo(e,n,o,d,s,r){return t.withDirectives((t.openBlock(),t.createElementBlock("section",{id:e.tab.id,"aria-hidden":e.isActive?void 0:!0,"aria-labelledby":`${e.tab.id}-label`,class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[t.renderSlot(e.$slots,"default")],8,Uo)),[[t.vShow,e.isActive]])}const Qo=w(Ho,[["render",Wo]]),vo=t.defineComponent({name:"CdxTabs",components:{CdxButton:G,CdxIcon:D},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:o}){const d=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),i=fe(d),l=t.computed(()=>{var b;const B=[],$=(b=n.default)==null?void 0:b.call(n);$&&$.forEach(f);function f(k){k&&typeof k=="object"&&"type"in k&&(typeof k.type=="object"&&"name"in k.type&&k.type.name==="CdxTab"?B.push(k):"children"in k&&Array.isArray(k.children)&&k.children.forEach(f))}return B});if(!l.value||l.value.length===0)throw new Error("Slot content cannot be empty");const c=t.computed(()=>l.value.reduce((B,$)=>{var f;if((f=$.props)!=null&&f.name&&typeof $.props.name=="string"){if(B.get($.props.name))throw new Error("Tab names must be unique");B.set($.props.name,{name:$.props.name,id:L($.props.name),label:$.props.label||$.props.name,disabled:$.props.disabled})}return B},new Map)),u=U(t.toRef(e,"active"),o,"update:active"),m=t.computed(()=>Array.from(c.value.keys())),C=t.computed(()=>m.value.indexOf(u.value)),h=t.computed(()=>{var B;return(B=c.value.get(u.value))==null?void 0:B.id});t.provide(Te,u),t.provide(Me,c);const S=t.ref(new Map),V=t.ref(),x=t.ref(),E=ie(V,{threshold:.95}),z=ie(x,{threshold:.95});function M(B,$){const f=B;f&&(S.value.set($,f),$===0?V.value=f:$===m.value.length-1&&(x.value=f))}const K=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function N(B){if(!s.value||!r.value||!a.value)return 0;const $=i.value==="rtl"?a.value:r.value,f=i.value==="rtl"?r.value:a.value,b=B.offsetLeft,k=b+B.clientWidth,R=s.value.scrollLeft+$.clientWidth,Q=s.value.scrollLeft+s.value.clientWidth-f.clientWidth;return b<R?b-R:k>Q?k-Q:0}function _(B){var k;if(!s.value||!r.value||!a.value)return;const $=B==="next"&&i.value==="ltr"||B==="prev"&&i.value==="rtl"?1:-1;let f=0,b=B==="next"?s.value.firstElementChild:s.value.lastElementChild;for(;b;){const R=B==="next"?b.nextElementSibling:b.previousElementSibling;if(f=N(b),Math.sign(f)===$){R&&Math.abs(f)<.25*s.value.clientWidth&&(f=N(R));break}b=R}s.value.scrollBy({left:f,behavior:"smooth"}),(k=S.value.get(C.value))==null||k.focus()}return t.watch(u,()=>{if(h.value===void 0||!s.value||!r.value||!a.value)return;const B=document.getElementById(`${h.value}-label`);B&&s.value.scrollBy({left:N(B),behavior:"smooth"})}),{activeTab:u,activeTabIndex:C,activeTabId:h,currentDirection:i,rootElement:d,tabListElement:s,prevScroller:r,nextScroller:a,rootClasses:K,tabNames:m,tabsData:c,tabButtonRefs:S,firstLabelVisible:E,lastLabelVisible:z,assignTemplateRefForTabButton:M,scrollTabs:_,cdxIconPrevious:mt,cdxIconNext:pt}},methods:{select(e,n){const o=this.tabsData.get(e);o&&!(o!=null&&o.disabled)&&(this.activeTab=e,n&&this.$nextTick().then(()=>{var d;(d=this.tabButtonRefs.get(this.activeTabIndex))==null||d.focus()}))},selectNonDisabled(e,n,o){const d=this.tabsData.get(this.tabNames[e+n]);d&&(d.disabled?this.selectNonDisabled(e+n,n,o):this.select(d.name,o))},next(e){this.selectNonDisabled(this.activeTabIndex,1,e)},prev(e){this.selectNonDisabled(this.activeTabIndex,-1,e)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),oa="",Go={class:"cdx-tabs__header"},Zo={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},Jo={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},Xo=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],Yo={ref:"nextScroller",class:"cdx-tabs__next-scroller"},el={class:"cdx-tabs__content"};function tl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",Go,[t.withDirectives(t.createElementVNode("div",Zo,[t.createVNode(i,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=l=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("div",Jo,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(l,c)=>(t.openBlock(),t.createElementBlock("button",{id:`${l.id}-label`,key:c,ref_for:!0,ref:u=>e.assignTemplateRefForTabButton(u,c),disabled:l.disabled?!0:void 0,"aria-controls":l.id,"aria-selected":l.name===e.activeTab,tabindex:l.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:t.withModifiers(u=>e.select(l.name),["prevent"]),onKeyup:t.withKeys(u=>e.select(l.name),["enter"]),onKeydown:[n[2]||(n[2]=t.withKeys(t.withModifiers((...u)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...u),["prevent"]),["right"])),n[3]||(n[3]=t.withKeys(t.withModifiers((...u)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...u),["prevent"]),["down"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...u)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...u),["prevent"]),["left"]))]},[t.createElementVNode("span",null,t.toDisplayString(l.label),1)],40,Xo))),128))],512),t.withDirectives(t.createElementVNode("div",Yo,[t.createVNode(i,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[5]||(n[5]=t.withModifiers(()=>{},["prevent"])),onClick:n[6]||(n[6]=l=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])]),t.createElementVNode("div",el,[t.renderSlot(e.$slots,"default")])],2)}const nl=w(vo,[["render",tl]]),ol=q(Z),ll=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:D},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:ol},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:o}){const d=U(t.toRef(e,"modelValue"),o),s=n.id,{computedDisabled:r,computedStatus:a,computedInputId:i}=P(t.toRef(e,"disabled"),t.toRef(e,"status"),s),l=t.inject(se,void 0),c=t.computed(()=>({"cdx-text-area__textarea--has-value":!!d.value,"cdx-text-area__textarea--is-autosize":e.autosize})),u=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:m,rootStyle:C,otherAttrs:h}=H(n,u),S=t.computed(()=>{const M=h.value,{id:E}=M;return J(M,["id"])}),V=t.ref();function x(){V.value&&e.autosize&&(V.value.style.height="auto",V.value.style.height=`${V.value.scrollHeight}px`)}return{rootClasses:m,rootStyle:C,wrappedModel:d,computedDisabled:r,computedInputId:i,descriptionId:l,textareaClasses:c,otherAttrsMinusId:S,textarea:V,onInput:x}}}),la="",al=["id","aria-describedby","disabled"];function sl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...i)=>e.onInput&&e.onInput(...i))}),null,16,al),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0)],6)}const il=w(ll,[["render",sl]]),dl=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const o=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--is-active":o.value})),onClick:()=>{n("update:modelValue",!e.modelValue)},setActive:a=>{o.value=a}}}}),aa="",rl=["aria-pressed","disabled"];function cl(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,rl)}const Ze=w(dl,[["render",cl]]),ul=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:D,CdxToggleButton:Ze},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){function o(s){return Array.isArray(e.modelValue)?e.modelValue.indexOf(s.value)!==-1:e.modelValue!==null?e.modelValue===s.value:!1}function d(s,r){if(Array.isArray(e.modelValue)){const a=e.modelValue.indexOf(s.value)!==-1;r&&!a?n("update:modelValue",e.modelValue.concat(s.value)):!r&&a&&n("update:modelValue",e.modelValue.filter(i=>i!==s.value))}else r&&e.modelValue!==s.value&&n("update:modelValue",s.value)}return{getButtonLabel:ze,isSelected:o,onUpdate:d}}}),sa="",pl={class:"cdx-toggle-button-group"};function ml(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",pl,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,l=>(t.openBlock(),t.createBlock(i,{key:l.value,"model-value":e.isSelected(l),disabled:l.disabled||e.disabled,"aria-label":l.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(l,c)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:l,selected:e.isSelected(l)},()=>[l.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:l.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(l)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const fl=w(ul,[["render",ml]]),hl=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:te},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:d}){var S;ke((S=o.default)==null?void 0:S.call(o),d,"CdxToggleSwitch");const s=t.ref(),r=L("toggle-switch"),a=L("description"),i=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:l,rootStyle:c,otherAttrs:u}=H(d,i),{computedDisabled:m}=P(t.toRef(e,"disabled")),C=U(t.toRef(e,"modelValue"),n);return{input:s,inputId:r,descriptionId:a,rootClasses:l,rootStyle:c,otherAttrs:u,computedDisabled:m,wrappedModel:C,clickInput:()=>{s.value.click()}}}}),ia="",bl=["id","aria-describedby","value","disabled"],gl=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function yl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...i)=>e.clickInput&&e.clickInput(...i),["prevent"]),["enter"]))}),null,16,bl),[[t.vModelCheckbox,e.wrappedModel]]),gl,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("",!0)],6)}const Cl=w(hl,[["render",yl]]),kl=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:D,CdxMenu:ne,CdxSearchInput:Qe},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:_t},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:d}){const s=t.ref(),r=t.ref(),a=L("typeahead-search-menu"),i=t.ref(!1),l=t.ref(!1),c=t.ref(!1),u=t.ref(!1),m=t.ref(e.initialInputValue),C=t.ref(""),h=t.computed(()=>{var y,O;return(O=(y=r.value)==null?void 0:y.getHighlightedMenuItem())==null?void 0:O.id}),S=t.ref(null),V=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),x=t.computed(()=>e.searchResults.find(y=>y.value===S.value)),E=t.computed(()=>e.searchFooterUrl?{value:X,url:e.searchFooterUrl}:void 0),z=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":i.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:M,rootStyle:K,otherAttrs:N}=H(n,z);function _(y){return y}const B=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let $,f;function b(y,O=!1){x.value&&x.value.label!==y&&x.value.value!==y&&(S.value=null),f!==void 0&&(clearTimeout(f),f=void 0),y===""?i.value=!1:(l.value=!0,d["search-results-pending"]&&(f=setTimeout(()=>{u.value&&(i.value=!0),c.value=!0},Bt))),$!==void 0&&(clearTimeout($),$=void 0);const v=()=>{o("input",y)};O?v():$=setTimeout(()=>{v()},e.debounceInterval)}function k(y){if(y===X){S.value=null,m.value=C.value;return}S.value=y,y!==null&&(m.value=x.value?x.value.label||String(x.value.value):"")}function R(){u.value=!0,(C.value||c.value)&&(i.value=!0)}function Q(){u.value=!1,i.value=!1}function re(y){const Je=y,{id:O}=Je,v=J(Je,["id"]);if(v.value===X){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}g(v)}function g(y){const O={searchResult:y,index:e.searchResults.findIndex(v=>v.value===y.value),numberOfResults:e.searchResults.length};o("search-result-click",O)}function I(y){if(y.value===X){m.value=C.value;return}m.value=y.value?y.label||String(y.value):""}function T(y){var O;i.value=!1,(O=r.value)==null||O.clearActive(),re(y)}function F(y){if(x.value)g(x.value),y.stopPropagation(),window.location.assign(x.value.url),y.preventDefault();else{const O={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",O)}}function le(y){if(!r.value||!C.value||y.key===" ")return;const O=r.value.getHighlightedMenuItem(),v=r.value.getHighlightedViaKeyboard();switch(y.key){case"Enter":O&&(O.value===X&&v?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(y,!1)),i.value=!1;break;case"Tab":i.value=!1;break;default:r.value.delegateKeyNavigation(y);break}}return t.onMounted(()=>{e.initialInputValue&&b(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{C.value=m.value.trim(),u.value&&l.value&&C.value.length>0&&(i.value=!0),f!==void 0&&(clearTimeout(f),f=void 0),l.value=!1,c.value=!1}),{form:s,menu:r,menuId:a,highlightedId:h,selection:S,menuMessageClass:V,footer:E,asSearchResult:_,inputValue:m,searchQuery:C,expanded:i,showPending:c,rootClasses:M,rootStyle:K,otherAttrs:N,menuConfig:B,onUpdateInputValue:b,onUpdateMenuSelection:k,onFocus:R,onBlur:Q,onSearchResultClick:re,onSearchResultKeyboardNavigation:I,onSearchFooterClick:T,onSubmit:F,onKeydown:le,MenuFooterValue:X,articleIcon:dt}},methods:{focus(){this.$refs.searchInput.focus()}}}),da="",$l=["id","action"],_l={class:"cdx-typeahead-search__menu-message__text"},Bl={class:"cdx-typeahead-search__menu-message__text"},Sl=["href","onClickCapture"],Il={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},wl={class:"cdx-typeahead-search__search-footer__query"};function Vl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-menu"),l=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(l,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(i,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",_l,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Bl,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:u})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":u}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(m=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Il,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",wl,t.toDisplayString(e.searchQuery),1)])])],42,Sl)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,$l)],6)}const xl=w(kl,[["render",Vl]]);p.CdxAccordion=Ht,p.CdxButton=G,p.CdxButtonGroup=vt,p.CdxCard=an,p.CdxCheckbox=$n,p.CdxCombobox=lo,p.CdxDialog=ho,p.CdxField=wo,p.CdxIcon=D,p.CdxInfoChip=Vn,p.CdxLabel=te,p.CdxLookup=Eo,p.CdxMenu=ne,p.CdxMenuItem=Oe,p.CdxMessage=He,p.CdxProgressBar=je,p.CdxRadio=Lo,p.CdxSearchInput=Qe,p.CdxSearchResultTitle=Fe,p.CdxSelect=Po,p.CdxTab=Qo,p.CdxTabs=nl,p.CdxTextArea=il,p.CdxTextInput=de,p.CdxThumbnail=ye,p.CdxToggleButton=Ze,p.CdxToggleButtonGroup=fl,p.CdxToggleSwitch=Cl,p.CdxTypeaheadSearch=xl,p.stringHelpers=En,p.useComputedDirection=fe,p.useComputedDisabled=Ce,p.useComputedLanguage=Ee,p.useFieldData=P,p.useGeneratedId=L,p.useIntersectionObserver=ie,p.useModelWrapper=U,p.useResizeObserver=oe,p.useSplitAttributes=H,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); + `));R&&(L=L.reverse());for(const _ of L)if(_.focus(),document.activeElement===_)return!0;return!1}return t.watch(t.toRef(e,"open"),N=>{N?($.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right",`${$.value}px`),document.body.classList.add("cdx-dialog-open"),t.nextTick(()=>{var R;K(s.value)||(R=r.value)==null||R.focus()})):(document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"))}),t.watch(g,()=>{s.value&&(k.value=s.value.clientHeight<s.value.scrollHeight)}),{close:S,cdxIconClose:Ne,labelId:o,rootClasses:h,dialogElement:d,focusTrapStart:a,focusTrapEnd:i,focusFirst:x,focusLast:z,dialogBody:s,focusHolder:r,showHeader:l,showFooterActions:c}}}),Jl="",ro=["aria-label","aria-labelledby"],co={key:0,class:"cdx-dialog__header__title-group"},uo=["id"],po={key:0,class:"cdx-dialog__header__subtitle"},mo={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},fo={key:0,class:"cdx-dialog__footer__text"},ho={key:1,class:"cdx-dialog__footer__actions"};function bo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...l)=>e.close&&e.close(...l)),onKeyup:n[6]||(n[6]=t.withKeys((...l)=>e.close&&e.close(...l),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...l)=>e.focusLast&&e.focusLast(...l))},null,544),t.createElementVNode("div",t.mergeProps({ref:"dialogElement",class:["cdx-dialog",e.rootClasses],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,"aria-modal":"true",onClick:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",co,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,uo),e.subtitle?(t.openBlock(),t.createElementBlock("p",po,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("",!0)])),e.closeButtonLabel?(t.openBlock(),t.createBlock(i,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.closeButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0),t.createElementVNode("div",mo,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",fo,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",ho,[e.primaryAction?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=l=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("",!0),e.defaultAction?(t.openBlock(),t.createBlock(i,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=l=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0)],16,ro),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...l)=>e.focusFirst&&e.focusFirst(...l))},null,544)],32)):t.createCommentVNode("",!0)]),_:3})}const go=V(io,[["render",bo]]),yo={notice:mt,error:Ee,warning:xe,success:Me},Co=t.defineComponent({name:"CdxMessage",components:{CdxButton:v,CdxIcon:D},props:{type:{type:String,default:"notice",validator:Ae},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:n}){const o=t.ref(!1),d=t.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),s=t.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),r=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":d.value,[`cdx-message--${e.type}`]:!0})),a=t.computed(()=>e.icon&&e.type==="notice"?e.icon:yo[e.type]),i=t.ref("");function l(c){o.value||(i.value=c==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,n(c))}return t.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?t.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):s.value&&setTimeout(()=>l("auto-dismissed"),s.value)}),{dismissed:o,userDismissable:d,rootClasses:r,leaveActiveClass:i,computedIcon:a,onDismiss:l,cdxIconClose:Ne}}}),Xl="",ko=["aria-live","role"],$o={class:"cdx-message__content"};function _o(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",$o,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:n[0]||(n[0]=l=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):t.createCommentVNode("",!0)],10,ko))]),_:3},8,["appear","leave-active-class"])}const ve=V(Co,[["render",_o]]),Bo=O(Q),So=t.defineComponent({name:"CdxField",components:{CdxLabel:ee,CdxMessage:ve},props:{labelIcon:{type:[String,Object],default:""},optionalFlag:{type:String,default:""},hideLabel:{type:Boolean,default:!1},isFieldset:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Bo},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:o,status:d,isFieldset:s}=t.toRefs(e),r=ye(o),a=t.computed(()=>({"cdx-field--disabled":r.value})),i=M("label"),l=M("description"),c=M("input");s.value||(t.provide(Ke,c),n.description&&t.provide(le,l)),t.provide(Re,r),t.provide(ze,d);const p=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),g=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:i,descriptionId:l,inputId:c,validationMessage:p,validationMessageType:g}}}),Yl="",Io={class:"cdx-field__help-text"},wo={key:0,class:"cdx-field__validation-message"};function Vo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label"),i=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{id:e.labelId,icon:e.labelIcon,"visually-hidden":e.hideLabel,"optional-flag":e.optionalFlag,"input-id":e.inputId,"description-id":e.descriptionId,disabled:e.computedDisabled,"is-legend":e.isFieldset},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",{class:t.normalizeClass(["cdx-field__control",{"cdx-field__control--has-help-text":e.$slots["help-text"]&&e.$slots["help-text"]().length>0||e.validationMessage}])},[t.renderSlot(e.$slots,"default")],2),t.createElementVNode("div",Io,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",wo,[t.createVNode(i,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("",!0)]),_:3},8,["class","aria-disabled","disabled"])}const xo=V(So,[["render",Vo]]),No=O(Q),$e=t.defineComponent({name:"CdxLookup",components:{CdxMenu:te,CdxTextInput:se},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:No}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:o,slots:d})=>{const s=t.ref(),r=t.ref(),a=M("lookup-menu"),i=t.ref(!1),l=t.ref(!1),c=t.ref(!1),{computedDisabled:p}=q(t.toRef(e,"disabled")),g=t.toRef(e,"selected"),k=H(g,n,"update:selected"),h=t.computed(()=>e.menuItems.find(f=>f.value===e.selected)),$=t.computed(()=>{var f,C;return(C=(f=r.value)==null?void 0:f.getHighlightedMenuItem())==null?void 0:C.id}),S=t.ref(e.initialInputValue),x=ne(s),z=t.computed(()=>{var f;return`${(f=x.value.width)!=null?f:0}px`}),K=t.computed(()=>({"cdx-lookup--disabled":p.value,"cdx-lookup--pending":i.value})),{rootClasses:N,rootStyle:R,otherAttrs:L}=P(o,K);function _(f){h.value&&h.value.label!==f&&h.value.value!==f&&(k.value=null),f===""?(l.value=!1,i.value=!1):i.value=!0,n("input",f)}function I(f){c.value=!0,S.value!==null&&S.value!==""&&(e.menuItems.length>0||d["no-results"])&&(l.value=!0),n("focus",f)}function B(f){c.value=!1,l.value=!1,n("blur",f)}function b(f){!r.value||p.value||e.menuItems.length===0&&!d["no-results"]||f.key===" "||r.value.delegateKeyNavigation(f)}return t.watch(g,f=>{if(f!==null){const C=h.value?h.value.label||h.value.value:"";S.value!==C&&(S.value=C,n("input",S.value))}}),t.watch(t.toRef(e,"menuItems"),f=>{c.value&&i.value&&(f.length>0||d["no-results"])&&(l.value=!0),f.length===0&&!d["no-results"]&&(l.value=!1),i.value=!1}),{rootElement:s,currentWidthInPx:z,menu:r,menuId:a,highlightedId:$,inputValue:S,modelWrapper:k,expanded:l,computedDisabled:p,onInputBlur:B,rootClasses:N,rootStyle:R,otherAttrs:L,onUpdateInput:_,onInputFocus:I,onKeydown:b}}}),Qe=()=>{t.useCssVars(e=>({"49368ef8":e.currentWidthInPx}))},Ge=$e.setup;$e.setup=Ge?(e,n)=>(Qe(),Ge(e,n)):Qe;const ea="";function Eo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-text-input"),i=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=l=>e.inputValue=l)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:n[1]||(n[1]=l=>e.$emit("change",l)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(i,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=l=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:l})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:l})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Mo=V($e,[["render",Eo]]),To=t.defineComponent({name:"CdxRadio",components:{CdxLabel:ee},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:""},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:d}){var g;Ce((g=o.default)==null?void 0:g.call(o),d,"CdxRadio");const s=t.computed(()=>({"cdx-radio--inline":e.inline})),{computedDisabled:r}=q(t.toRef(e,"disabled")),a=t.ref(),i=M("radio"),l=M("description"),c=()=>{a.value.focus()},p=H(t.toRef(e,"modelValue"),n);return{rootClasses:s,computedDisabled:r,input:a,radioId:i,descriptionId:l,focusInput:c,wrappedModel:p}}}),ta="",Ao=["id","aria-describedby","name","value","disabled"],Lo=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function Do(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-radio__input",type:"radio","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,name:e.name,value:e.inputValue,disabled:e.computedDisabled},null,8,Ao),[[t.vModelRadio,e.wrappedModel]]),Lo,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-radio__label","input-id":e.radioId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,onClick:e.focusInput},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):t.createCommentVNode("",!0)],2)}const Ko=V(To,[["render",Do]]),zo=O(Q),Ro=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:v,CdxTextInput:se},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:zo}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const d=H(t.toRef(e,"modelValue"),n),{computedDisabled:s}=q(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:a,rootStyle:i,otherAttrs:l}=P(o,r);return{wrappedModel:d,computedDisabled:s,rootClasses:a,rootStyle:i,otherAttrs:l,handleSubmit:()=>{n("submit-click",d.value)},searchIcon:bt}},methods:{focus(){this.$refs.textInput.focus()}}}),na="",Fo={class:"cdx-search-input__input-wrapper"};function Oo(e,n,o,d,s,r){const a=t.resolveComponent("cdx-text-input"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Fo,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=l=>e.wrappedModel=l),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=l=>e.$emit("input",l)),onChange:n[2]||(n[2]=l=>e.$emit("change",l)),onFocus:n[3]||(n[3]=l=>e.$emit("focus",l)),onBlur:n[4]||(n[4]=l=>e.$emit("blur",l))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const Ze=V(Ro,[["render",Oo]]),jo=O(Q),_e=t.defineComponent({name:"CdxSelect",components:{CdxIcon:D,CdxMenu:te},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:jo}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:o}){const d=t.ref(),s=t.ref(),r=t.inject(le,void 0),a=M("select-menu"),i=t.ref(!1),l=o.id||M("select-handle"),{computedDisabled:c,computedStatus:p,computedInputId:g}=q(t.toRef(e,"disabled"),t.toRef(e,"status"),l),k=H(t.toRef(e,"selected"),n,"update:selected"),h=t.computed(()=>e.menuItems.find(C=>C.value===e.selected)),$=t.computed(()=>h.value?h.value.label||h.value.value:e.defaultLabel),S=ne(d),x=t.computed(()=>{var C;return`${(C=S.value.width)!=null?C:0}px`}),z=t.computed(()=>{if(e.defaultIcon&&!h.value)return e.defaultIcon;if(h.value&&h.value.icon)return h.value.icon}),K=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":i.value,"cdx-select-vue--value-selected":!!h.value,"cdx-select-vue--no-selections":!h.value,"cdx-select-vue--has-start-icon":!!z.value,[`cdx-select-vue--status-${p.value}`]:!0})),{rootClasses:N,rootStyle:R,otherAttrs:L}=P(o,K),_=t.computed(()=>{const U=L.value,{id:C}=U;return G(U,["id"])}),I=t.computed(()=>{var C,T;return(T=(C=s.value)==null?void 0:C.getHighlightedMenuItem())==null?void 0:T.id});function B(){i.value=!1}function b(){var C;c.value||(i.value=!i.value,(C=d.value)==null||C.focus())}function f(C){var T;c.value||(T=s.value)==null||T.delegateKeyNavigation(C,{characterNavigation:!0})}return{handle:d,menu:s,computedHandleId:g,descriptionId:r,menuId:a,modelWrapper:k,selectedMenuItem:h,highlightedId:I,expanded:i,computedDisabled:c,onBlur:B,currentLabel:$,currentWidthInPx:x,rootClasses:N,rootStyle:R,otherAttrsMinusId:_,onClick:b,onKeydown:f,startIcon:z,cdxIconExpand:pe}}}),Je=()=>{t.useCssVars(e=>({"3b410536":e.currentWidthInPx}))},Xe=_e.setup;_e.setup=Xe?(e,n)=>(Je(),Xe(e,n)):Je;const oa="",qo=["aria-disabled"],Po=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function Ho(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onBlur:n[1]||(n[1]=(...l)=>e.onBlur&&e.onBlur(...l)),onKeydown:n[2]||(n[2]=(...l)=>e.onKeydown&&e.onKeydown(...l))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,Po),t.createVNode(i,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=l=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:l})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:l})]),_:3},16,["id","selected","expanded","menu-items"])],14,qo)}const Uo=V(_e,[["render",Ho]]),Wo=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){const n=t.inject(Le),o=t.inject(De);if(!n||!o)throw new Error("Tab component must be used inside a Tabs component");const d=n.value.get(e.name)||{},s=t.computed(()=>e.name===o.value);return{tab:d,isActive:s}}}),la="",vo=["id","aria-hidden","aria-labelledby"];function Qo(e,n,o,d,s,r){return t.withDirectives((t.openBlock(),t.createElementBlock("section",{id:e.tab.id,"aria-hidden":e.isActive?void 0:!0,"aria-labelledby":`${e.tab.id}-label`,class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[t.renderSlot(e.$slots,"default")],8,vo)),[[t.vShow,e.isActive]])}const Go=V(Wo,[["render",Qo]]),Zo=t.defineComponent({name:"CdxTabs",components:{CdxButton:v,CdxIcon:D},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:o}){const d=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),i=me(d),l=t.computed(()=>{var f;const I=[],B=(f=n.default)==null?void 0:f.call(n);B&&B.forEach(b);function b(C){C&&typeof C=="object"&&"type"in C&&(typeof C.type=="object"&&"name"in C.type&&C.type.name==="CdxTab"?I.push(C):"children"in C&&Array.isArray(C.children)&&C.children.forEach(b))}return I});if(!l.value||l.value.length===0)throw new Error("Slot content cannot be empty");const c=t.computed(()=>l.value.reduce((I,B)=>{var b;if((b=B.props)!=null&&b.name&&typeof B.props.name=="string"){if(I.get(B.props.name))throw new Error("Tab names must be unique");I.set(B.props.name,{name:B.props.name,id:M(B.props.name),label:B.props.label||B.props.name,disabled:B.props.disabled})}return I},new Map)),p=H(t.toRef(e,"active"),o,"update:active"),g=t.computed(()=>Array.from(c.value.keys())),k=t.computed(()=>g.value.indexOf(p.value)),h=t.computed(()=>{var I;return(I=c.value.get(p.value))==null?void 0:I.id});t.provide(De,p),t.provide(Le,c);const $=t.ref(new Map),S=t.ref(),x=t.ref(),z=ae(S,{threshold:.95}),K=ae(x,{threshold:.95});function N(I,B){const b=I;b&&($.value.set(B,b),B===0?S.value=b:B===g.value.length-1&&(x.value=b))}const R=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function L(I){if(!s.value||!r.value||!a.value)return 0;const B=i.value==="rtl"?a.value:r.value,b=i.value==="rtl"?r.value:a.value,f=I.offsetLeft,C=f+I.clientWidth,T=s.value.scrollLeft+B.clientWidth,U=s.value.scrollLeft+s.value.clientWidth-b.clientWidth;return f<T?f-T:C>U?C-U:0}function _(I){var C;if(!s.value||!r.value||!a.value)return;const B=I==="next"&&i.value==="ltr"||I==="prev"&&i.value==="rtl"?1:-1;let b=0,f=I==="next"?s.value.firstElementChild:s.value.lastElementChild;for(;f;){const T=I==="next"?f.nextElementSibling:f.previousElementSibling;if(b=L(f),Math.sign(b)===B){T&&Math.abs(b)<.25*s.value.clientWidth&&(b=L(T));break}f=T}s.value.scrollBy({left:b,behavior:"smooth"}),(C=$.value.get(k.value))==null||C.focus()}return t.watch(p,()=>{if(h.value===void 0||!s.value||!r.value||!a.value)return;const I=document.getElementById(`${h.value}-label`);I&&s.value.scrollBy({left:L(I),behavior:"smooth"})}),{activeTab:p,activeTabIndex:k,activeTabId:h,currentDirection:i,rootElement:d,tabListElement:s,prevScroller:r,nextScroller:a,rootClasses:R,tabNames:g,tabsData:c,tabButtonRefs:$,firstLabelVisible:z,lastLabelVisible:K,assignTemplateRefForTabButton:N,scrollTabs:_,cdxIconPrevious:ht,cdxIconNext:ft}},methods:{select(e,n){const o=this.tabsData.get(e);o&&!(o!=null&&o.disabled)&&(this.activeTab=e,n&&this.$nextTick().then(()=>{var d;(d=this.tabButtonRefs.get(this.activeTabIndex))==null||d.focus()}))},selectNonDisabled(e,n,o){const d=this.tabsData.get(this.tabNames[e+n]);d&&(d.disabled?this.selectNonDisabled(e+n,n,o):this.select(d.name,o))},next(e){this.selectNonDisabled(this.activeTabIndex,1,e)},prev(e){this.selectNonDisabled(this.activeTabIndex,-1,e)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),aa="",Jo={class:"cdx-tabs__header"},Xo={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},Yo={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},el=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],tl={ref:"nextScroller",class:"cdx-tabs__next-scroller"},nl={class:"cdx-tabs__content"};function ol(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",Jo,[t.withDirectives(t.createElementVNode("div",Xo,[t.createVNode(i,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=l=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("div",Yo,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(l,c)=>(t.openBlock(),t.createElementBlock("button",{id:`${l.id}-label`,key:c,ref_for:!0,ref:p=>e.assignTemplateRefForTabButton(p,c),disabled:l.disabled?!0:void 0,"aria-controls":l.id,"aria-selected":l.name===e.activeTab,tabindex:l.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:t.withModifiers(p=>e.select(l.name),["prevent"]),onKeyup:t.withKeys(p=>e.select(l.name),["enter"]),onKeydown:[n[2]||(n[2]=t.withKeys(t.withModifiers((...p)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...p),["prevent"]),["right"])),n[3]||(n[3]=t.withKeys(t.withModifiers((...p)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...p),["prevent"]),["down"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...p)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...p),["prevent"]),["left"]))]},[t.createElementVNode("span",null,t.toDisplayString(l.label),1)],40,el))),128))],512),t.withDirectives(t.createElementVNode("div",tl,[t.createVNode(i,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[5]||(n[5]=t.withModifiers(()=>{},["prevent"])),onClick:n[6]||(n[6]=l=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])]),t.createElementVNode("div",nl,[t.renderSlot(e.$slots,"default")])],2)}const ll=V(Zo,[["render",ol]]),al=O(Q),sl=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:D},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:al},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:o}){const d=H(t.toRef(e,"modelValue"),o),s=n.id,{computedDisabled:r,computedStatus:a,computedInputId:i}=q(t.toRef(e,"disabled"),t.toRef(e,"status"),s),l=t.inject(le,void 0),c=t.computed(()=>({"cdx-text-area__textarea--has-value":!!d.value,"cdx-text-area__textarea--is-autosize":e.autosize})),p=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:g,rootStyle:k,otherAttrs:h}=P(n,p),$=t.computed(()=>{const N=h.value,{id:z}=N;return G(N,["id"])}),S=t.ref();function x(){S.value&&e.autosize&&(S.value.style.height="auto",S.value.style.height=`${S.value.scrollHeight}px`)}return{rootClasses:g,rootStyle:k,wrappedModel:d,computedDisabled:r,computedInputId:i,descriptionId:l,textareaClasses:c,otherAttrsMinusId:$,textarea:S,onInput:x}}}),sa="",il=["id","aria-describedby","disabled"];function dl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...i)=>e.onInput&&e.onInput(...i))}),null,16,il),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0)],6)}const rl=V(sl,[["render",dl]]),cl=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const o=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--is-active":o.value})),onClick:()=>{n("update:modelValue",!e.modelValue)},setActive:a=>{o.value=a}}}}),ia="",ul=["aria-pressed","disabled"];function pl(e,n,o,d,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,ul)}const Ye=V(cl,[["render",pl]]),ml=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:D,CdxToggleButton:Ye},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){function o(s){return Array.isArray(e.modelValue)?e.modelValue.indexOf(s.value)!==-1:e.modelValue!==null?e.modelValue===s.value:!1}function d(s,r){if(Array.isArray(e.modelValue)){const a=e.modelValue.indexOf(s.value)!==-1;r&&!a?n("update:modelValue",e.modelValue.concat(s.value)):!r&&a&&n("update:modelValue",e.modelValue.filter(i=>i!==s.value))}else r&&e.modelValue!==s.value&&n("update:modelValue",s.value)}return{getButtonLabel:Fe,isSelected:o,onUpdate:d}}}),da="",fl={class:"cdx-toggle-button-group"};function hl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",fl,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,l=>(t.openBlock(),t.createBlock(i,{key:l.value,"model-value":e.isSelected(l),disabled:l.disabled||e.disabled,"aria-label":l.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(l,c)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:l,selected:e.isSelected(l)},()=>[l.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:l.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(l)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const bl=V(ml,[["render",hl]]),gl=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:ee},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:d}){var $;Ce(($=o.default)==null?void 0:$.call(o),d,"CdxToggleSwitch");const s=t.ref(),r=M("toggle-switch"),a=M("description"),i=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:l,rootStyle:c,otherAttrs:p}=P(d,i),{computedDisabled:g}=q(t.toRef(e,"disabled")),k=H(t.toRef(e,"modelValue"),n);return{input:s,inputId:r,descriptionId:a,rootClasses:l,rootStyle:c,otherAttrs:p,computedDisabled:g,wrappedModel:k,clickInput:()=>{s.value.click()}}}}),ra="",yl=["id","aria-describedby","value","disabled"],Cl=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function kl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...i)=>e.clickInput&&e.clickInput(...i),["prevent"]),["enter"]))}),null,16,yl),[[t.vModelCheckbox,e.wrappedModel]]),Cl,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("",!0)],6)}const $l=V(gl,[["render",kl]]),_l=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:D,CdxMenu:te,CdxSearchInput:Ze},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:St},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:d}){const s=t.ref(),r=t.ref(),a=M("typeahead-search-menu"),i=t.ref(!1),l=t.ref(!1),c=t.ref(!1),p=t.ref(!1),g=t.ref(e.initialInputValue),k=t.ref(""),h=t.computed(()=>{var u,y;return(y=(u=r.value)==null?void 0:u.getHighlightedMenuItem())==null?void 0:y.id}),$=t.ref(null),S=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),x=t.computed(()=>e.searchResults.find(u=>u.value===$.value)),z=t.computed(()=>e.searchFooterUrl?{value:Z,url:e.searchFooterUrl}:void 0),K=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":i.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:N,rootStyle:R,otherAttrs:L}=P(n,K);function _(u){return u}const I=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let B,b;function f(u,y=!1){x.value&&x.value.label!==u&&x.value.value!==u&&($.value=null),b!==void 0&&(clearTimeout(b),b=void 0),u===""?i.value=!1:(l.value=!0,d["search-results-pending"]&&(b=setTimeout(()=>{p.value&&(i.value=!0),c.value=!0},It))),B!==void 0&&(clearTimeout(B),B=void 0);const w=()=>{o("input",u)};y?w():B=setTimeout(()=>{w()},e.debounceInterval)}function C(u){if(u===Z){$.value=null,g.value=k.value;return}$.value=u,u!==null&&(g.value=x.value?x.value.label||String(x.value.value):"")}function T(){p.value=!0,(k.value||c.value)&&(i.value=!0)}function U(){p.value=!1,i.value=!1}function ie(u){const A=u,{id:y}=A,w=G(A,["id"]);if(w.value===Z){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}de(w)}function de(u){const y={searchResult:u,index:e.searchResults.findIndex(w=>w.value===u.value),numberOfResults:e.searchResults.length};o("search-result-click",y)}function Be(u){if(u.value===Z){g.value=k.value;return}g.value=u.value?u.label||String(u.value):""}function Se(u){var y;i.value=!1,(y=r.value)==null||y.clearActive(),ie(u)}function Ie(u){if(x.value)de(x.value),u.stopPropagation(),window.location.assign(x.value.url),u.preventDefault();else{const y={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",y)}}function we(u){if(!r.value||!k.value||u.key===" ")return;const y=r.value.getHighlightedMenuItem(),w=r.value.getHighlightedViaKeyboard();switch(u.key){case"Enter":y&&(y.value===Z&&w?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(u,{prevent:!1})),i.value=!1;break;case"Tab":i.value=!1;break;default:r.value.delegateKeyNavigation(u);break}}return t.onMounted(()=>{e.initialInputValue&&f(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{k.value=g.value.trim(),p.value&&l.value&&k.value.length>0&&(i.value=!0),b!==void 0&&(clearTimeout(b),b=void 0),l.value=!1,c.value=!1}),{form:s,menu:r,menuId:a,highlightedId:h,selection:$,menuMessageClass:S,footer:z,asSearchResult:_,inputValue:g,searchQuery:k,expanded:i,showPending:c,rootClasses:N,rootStyle:R,otherAttrs:L,menuConfig:I,onUpdateInputValue:f,onUpdateMenuSelection:C,onFocus:T,onBlur:U,onSearchResultClick:ie,onSearchResultKeyboardNavigation:Be,onSearchFooterClick:Se,onSubmit:Ie,onKeydown:we,MenuFooterValue:Z,articleIcon:ct}},methods:{focus(){this.$refs.searchInput.focus()}}}),ca="",Bl=["id","action"],Sl={class:"cdx-typeahead-search__menu-message__text"},Il={class:"cdx-typeahead-search__menu-message__text"},wl=["href","onClickCapture"],Vl={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},xl={class:"cdx-typeahead-search__search-footer__query"};function Nl(e,n,o,d,s,r){const a=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-menu"),l=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(l,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(i,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Sl,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Il,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:p})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(g=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Vl,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",xl,t.toDisplayString(e.searchQuery),1)])])],42,wl)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Bl)],6)}const El=V(_l,[["render",Nl]]);m.CdxAccordion=Wt,m.CdxButton=v,m.CdxButtonGroup=Zt,m.CdxCard=dn,m.CdxCheckbox=Bn,m.CdxCombobox=so,m.CdxDialog=go,m.CdxField=xo,m.CdxIcon=D,m.CdxInfoChip=Nn,m.CdxLabel=ee,m.CdxLookup=Mo,m.CdxMenu=te,m.CdxMenuItem=Pe,m.CdxMessage=ve,m.CdxProgressBar=He,m.CdxRadio=Ko,m.CdxSearchInput=Ze,m.CdxSearchResultTitle=qe,m.CdxSelect=Uo,m.CdxTab=Go,m.CdxTabs=ll,m.CdxTextArea=rl,m.CdxTextInput=se,m.CdxThumbnail=ge,m.CdxToggleButton=Ye,m.CdxToggleButtonGroup=bl,m.CdxToggleSwitch=$l,m.CdxTypeaheadSearch=El,m.stringHelpers=Mn,m.useComputedDirection=me,m.useComputedDisabled=ye,m.useComputedLanguage=Te,m.useFieldData=q,m.useGeneratedId=M,m.useIntersectionObserver=ae,m.useModelWrapper=H,m.useResizeObserver=ne,m.useSplitAttributes=P,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}); diff --git a/resources/lib/foreign-resources.yaml b/resources/lib/foreign-resources.yaml index 546902893637..586150266b8a 100644 --- a/resources/lib/foreign-resources.yaml +++ b/resources/lib/foreign-resources.yaml @@ -144,10 +144,10 @@ codex: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.16.1 + version: 0.17.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex/-/codex-0.16.1.tgz - integrity: sha384-SVXohFOf9Q0TC81IbNYZBVFlGdKLznqXNeIsMATnqzLH4jbtfLtLFPI4EZdQ713h + src: https://registry.npmjs.org/@wikimedia/codex/-/codex-0.17.0.tgz + integrity: sha384-9Ztw7rzS6INCkMYC1u9n1dz5ctx4/uw9WllsA/XvRE0PlXCRbSRVJqmjqf94CkP9 dest: package/dist/codex.mjs: package/dist/codex.umd.js: @@ -163,10 +163,10 @@ codex-design-tokens: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.16.1 + version: 0.17.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-0.16.1.tgz - integrity: sha384-NQO09ZDOgSVFm/LANigfjof0odwZU/F3iNIAab1jr2/uD2pT+MXx8SDJSv/+ggGu + src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-0.17.0.tgz + integrity: sha384-bYkpRXRlnfB81Yjoqj9qlJBu/q3xfWlJwjqvAWesI0fYW17rYyyZt7CpHiGC6NMQ dest: package/dist/theme-wikimedia-ui.less: package/dist/theme-wikimedia-ui-legacy.less: @@ -177,10 +177,10 @@ codex-icons: license: MIT homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.16.1 + version: 0.17.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-0.16.1.tgz - integrity: sha384-J906WoKttlmsQ7IQf7alSgUW3Q4tzCPIruiRs67WGQZBxRicKyjgoPgQo1gRrmyT + src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-0.17.0.tgz + integrity: sha384-90BxkkkQDsjbwxxTAhQ+XGZCzWQ3yIY5WJbzUvL+5g9Kwtt6f3P+RUiYqhIi9yZF dest: package/dist/codex-icons.json: package/dist/codex-icon-paths.less: @@ -191,10 +191,10 @@ codex-search: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.16.1 + version: 0.17.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-search/-/codex-search-0.16.1.tgz - integrity: sha384-+xhANfSp3mkAAfLiBO93LL0jLK9ow6NhF6TmiaSucpKU/gFnN/h3eJPiOHIliC4J + src: https://registry.npmjs.org/@wikimedia/codex-search/-/codex-search-0.17.0.tgz + integrity: sha384-wjD9A6Yfj6AXOTBV3o8AxEAd/Kl1DPcQJpBdTIcDdsZYTt5CQSYgnkeIM5lptIsr dest: package/dist/codex-search.mjs: package/dist/codex-search.umd.js: |