diff options
author | Roan Kattouw <roan.kattouw@gmail.com> | 2023-07-05 11:36:50 -0700 |
---|---|---|
committer | Roan Kattouw <roan.kattouw@gmail.com> | 2023-07-05 11:36:50 -0700 |
commit | e88e396b29869052fef2886991065d6582aebdd3 (patch) | |
tree | d312e9d01464d7b60c39e56b4fdea83de0413f2b /resources/lib/codex-search | |
parent | 1cca78c098db86dd3c3a80d05c4e32dd72fcf8b5 (diff) | |
download | mediawikicore-e88e396b29869052fef2886991065d6582aebdd3.tar.gz mediawikicore-e88e396b29869052fef2886991065d6582aebdd3.zip |
Update Codex from v0.13.0 to v0.14.0
Bug: T309903
Bug: T326665
Bug: T338344
Bug: T339141
Bug: T339839
Bug: T340072
Bug: T340261
Bug: T340570
Change-Id: Idd664a0a114701286e48a5cd262286e4e31f8766
Diffstat (limited to 'resources/lib/codex-search')
6 files changed, 97 insertions, 96 deletions
diff --git a/resources/lib/codex-search/codex-search.mjs b/resources/lib/codex-search/codex-search.mjs index 84b5b6fde8e6..5cd48df5b5cc 100644 --- a/resources/lib/codex-search/codex-search.mjs +++ b/resources/lib/codex-search/codex-search.mjs @@ -1,16 +1,16 @@ -var Ae = Object.defineProperty, Ke = Object.defineProperties; +var Ke = Object.defineProperty, Ae = Object.defineProperties; var Re = Object.getOwnPropertyDescriptors; var ie = Object.getOwnPropertySymbols; var Se = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable; -var Ie = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, we = (e, t) => { +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) => { for (var n in t || (t = {})) Se.call(t, n) && Ie(e, n, t[n]); if (ie) for (var n of ie(t)) _e.call(t, n) && Ie(e, n, t[n]); return e; -}, ke = (e, t) => Ke(e, Re(t)); -var X = (e, t) => { +}, ke = (e, t) => Ae(e, Re(t)); +var Y = (e, t) => { var n = {}; for (var a in e) Se.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]); @@ -35,9 +35,9 @@ var pe = (e, t, n) => new Promise((a, s) => { }, i = (l) => l.done ? a(l.value) : Promise.resolve(l.value).then(u, o); i((n = n.apply(e, t)).next()); }); -import { ref as b, onMounted as W, defineComponent as D, computed as h, openBlock as f, createElementBlock as y, normalizeClass as A, 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 Fe, onUnmounted as xe, watch as Y, toRef as H, nextTick as ue, withDirectives as Me, mergeProps as P, renderList as Ne, vShow as Oe, Comment as qe, warn as He, withKeys as ye, inject as re, vModelDynamic as ze } 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, Ze = je, Je = Pe; -function Xe(e, t, n) { +import { ref as b, onMounted as W, defineComponent as D, computed as h, openBlock as f, createElementBlock as y, 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 xe, 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) { if (typeof e == "string" || "path" in e) return e; if ("shouldFlip" in e) @@ -47,7 +47,7 @@ function Xe(e, t, n) { const a = t in e.langCodeMap ? e.langCodeMap[t] : e.default; return typeof a == "string" || "path" in a ? a : a.ltr; } -function Ye(e, t) { +function Ze(e, t) { if (typeof e == "string") return !1; if ("langCodeMap" in e) { @@ -162,10 +162,10 @@ const me = "cdx", nt = [ emits: ["click"], setup(e, { emit: t }) { const n = b(), a = et(n), s = tt(n), u = h(() => e.dir || a.value), o = h(() => e.lang || s.value), i = h(() => ({ - "cdx-icon--flipped": u.value === "rtl" && o.value !== null && Ye(e.icon, o.value), + "cdx-icon--flipped": u.value === "rtl" && o.value !== null && Ze(e.icon, o.value), [`cdx-icon--${e.size}`]: !0 })), l = h( - () => Xe(e.icon, o.value || "", u.value || "ltr") + () => Ye(e.icon, o.value || "", u.value || "ltr") ), r = h(() => typeof l.value == "string" ? l.value : ""), m = h(() => typeof l.value != "string" ? l.value.path : ""); return { rootElement: n, @@ -187,11 +187,12 @@ const E = (e, t) => { function bt(e, t, n, a, s, u) { return f(), y("span", { ref: "rootElement", - class: A(["cdx-icon", e.rootClasses]), + class: K(["cdx-icon", e.rootClasses]), onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o)) }, [ (f(), y("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", @@ -224,7 +225,7 @@ const ne = /* @__PURE__ */ E(pt, [["render", bt]]), Ct = D({ */ placeholderIcon: { type: [String, Object], - default: Ze + default: Je } }, setup: (e) => { @@ -322,7 +323,7 @@ function Bt(e, t, n, a, s, u) { ]) ]); } -const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), At = D({ +const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), Kt = D({ name: "CdxMenuItem", components: { CdxIcon: ne, CdxThumbnail: _t, CdxSearchResultTitle: Lt }, props: { @@ -507,13 +508,13 @@ const Lt = /* @__PURE__ */ E(Mt, [["render", Bt]]), At = D({ }; } }); -const Kt = ["id", "aria-disabled", "aria-selected"], Rt = { class: "cdx-menu-item__text" }, Dt = ["lang"], Et = ["lang"], Ft = ["lang"], Nt = ["lang"]; +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, s, u) { const o = B("cdx-thumbnail"), i = B("cdx-icon"), l = B("cdx-search-result-title"); return f(), y("li", { id: e.id, role: "option", - class: A(["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)), @@ -573,7 +574,7 @@ function Ot(e, t, n, a, s, u) { lang: (k = e.language) == null ? void 0 : k.supportingText }, [ I("bdi", null, V(e.supportingText), 1) - ], 8, Ft) + ], 8, Nt) ], 64)) : w("", !0), e.description ? (f(), y("span", { key: 4, @@ -581,16 +582,16 @@ function Ot(e, t, n, a, s, u) { lang: (x = e.language) == null ? void 0 : x.description }, [ I("bdi", null, V(e.description), 1) - ], 8, Nt)) : w("", !0) + ], 8, Ft)) : w("", !0) ]) ]; }), _: 1 }, 8, ["href"])) ]) - ], 42, Kt); + ], 42, At); } -const qt = /* @__PURE__ */ E(At, [["render", Ot]]), Ht = D({ +const qt = /* @__PURE__ */ E(Kt, [["render", Ot]]), zt = D({ name: "CdxProgressBar", props: { /** @@ -619,22 +620,22 @@ const qt = /* @__PURE__ */ E(At, [["render", Ot]]), Ht = D({ }; } }); -const zt = ["aria-disabled"], Ut = /* @__PURE__ */ I("div", { class: "cdx-progress-bar__bar" }, null, -1), Qt = [ +const Ht = ["aria-disabled"], Ut = /* @__PURE__ */ I("div", { class: "cdx-progress-bar__bar" }, null, -1), Qt = [ Ut ]; function jt(e, t, n, a, s, u) { return f(), y("div", { - class: A(["cdx-progress-bar", e.rootClasses]), + class: K(["cdx-progress-bar", e.rootClasses]), role: "progressbar", "aria-disabled": e.disabled, "aria-valuemin": "0", "aria-valuemax": "100" - }, Qt, 10, zt); + }, Qt, 10, Ht); } -const Pt = /* @__PURE__ */ E(Ht, [["render", jt]]); +const Pt = /* @__PURE__ */ E(zt, [["render", jt]]); let ge = 0; function Ve(e) { - const t = Fe(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); + 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++}`; } function Wt(e, t) { @@ -653,13 +654,13 @@ function Wt(e, t) { a = !0, e.value && s.observe(e.value); }), xe(() => { a = !1, s.disconnect(); - }), Y(e, (u) => { + }), Z(e, (u) => { a && (s.disconnect(), n.value = !1, u && s.observe(u)); }), n; } function de(e, t = h(() => ({}))) { const n = h(() => { - const u = X(t.value, []); + const u = Y(t.value, []); return e.class && e.class.split(" ").forEach((i) => { u[i] = !0; }), u; @@ -668,7 +669,7 @@ function de(e, t = h(() => ({}))) { return e.style; }), s = h(() => { const l = e, { class: u, style: o } = l; - return X(l, ["class", "style"]); + return Y(l, ["class", "style"]); }); return { rootClasses: n, @@ -880,8 +881,8 @@ const Gt = D({ } function k(d) { var S; - const p = (J) => { - for (let c = J - 1; c >= 0; c--) + const p = (X) => { + for (let c = X - 1; c >= 0; c--) if (!s.value[c].disabled) return s.value[c]; }; @@ -890,7 +891,7 @@ const Gt = D({ g($); } function x(d) { - const p = (S) => s.value.find((J, c) => !J.disabled && c > S); + const p = (S) => s.value.find((X, c) => !X.disabled && c > S); d = d != null ? d : -1; const $ = p(d) || p(-1); g($); @@ -909,13 +910,13 @@ const Gt = D({ case "Tab": return e.expanded && (o.value && i.value && t("update:selected", o.value.value), t("update:expanded", !1)), !0; case "ArrowUp": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k(C.value)) : $(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k(C.value)) : $(), N(), !0; case "ArrowDown": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x(C.value)) : $(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x(C.value)) : $(), N(), !0; case "Home": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x()) : $(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), x()) : $(), N(), !0; case "End": - return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k()) : $(), F(), !0; + return S(), e.expanded ? (o.value === null && m("highlightedViaKeyboard", r()), k()) : $(), N(), !0; case "Escape": return S(), t("update:expanded", !1), !0; default: @@ -925,11 +926,11 @@ const Gt = D({ function M() { m("active"); } - const T = [], Z = b(void 0), ae = Wt( - Z, + const T = [], J = b(void 0), ae = Wt( + J, { threshold: 0.8 } ); - Y(ae, (d) => { + Z(ae, (d) => { d && t("load-more"); }); function le(d, p) { @@ -942,10 +943,10 @@ const Gt = D({ $, Math.max(2, Math.floor(0.2 * e.menuItems.length)) ); - p === e.menuItems.length - S && (Z.value = d.$el); + p === e.menuItems.length - S && (J.value = d.$el); } } - function F() { + function N() { if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || C.value === void 0) return; const d = C.value >= 0 ? C.value : 0; @@ -954,22 +955,22 @@ const Gt = D({ block: "nearest" }); } - const v = b(null), z = b(null); - function K() { - if (z.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) { + const v = b(null), H = b(null); + function A() { + if (H.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) { v.value = null; return; } const d = T[0], p = T[e.visibleItemLimit]; - if (v.value = N( + if (v.value = F( d, p ), e.footer) { const $ = T[T.length - 1]; - z.value = $.scrollHeight; + H.value = $.scrollHeight; } } - function N(d, p) { + function F(d, p) { const $ = d.getBoundingClientRect().top; return p.getBoundingClientRect().top - $ + 2; } @@ -977,16 +978,16 @@ const Gt = D({ document.addEventListener("mouseup", M); }), xe(() => { document.removeEventListener("mouseup", M); - }), Y(H(e, "expanded"), (d) => pe(this, null, function* () { + }), Z(z(e, "expanded"), (d) => pe(this, null, function* () { const p = r(); - !d && o.value && p === void 0 && m("highlighted"), d && p !== void 0 && m("highlighted", p), d && (yield ue(), K(), yield ue(), F()); - })), Y(H(e, "menuItems"), (d) => pe(this, null, function* () { - d.length < T.length && (T.length = d.length), e.expanded && (yield ue(), K(), yield ue(), F()); + !d && o.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()); }), { deep: !0 }); const oe = h(() => ({ "max-height": v.value ? `${v.value}px` : void 0, "overflow-y": v.value ? "scroll" : void 0, - "margin-bottom": z.value ? `${z.value}px` : void 0 + "margin-bottom": H.value ? `${H.value}px` : void 0 })), ce = h(() => ({ "cdx-menu--has-footer": !!e.footer, "cdx-menu--has-sticky-footer": !!e.footer && !!v.value @@ -1059,17 +1060,17 @@ const Gt = D({ } } }); -const Zt = { +const Jt = { key: 0, class: "cdx-menu__pending cdx-menu-item" -}, Jt = { +}, Xt = { key: 1, class: "cdx-menu__no-results cdx-menu-item" }; -function Xt(e, t, n, a, s, u) { +function Yt(e, t, n, a, s, u) { const o = B("cdx-menu-item"), i = B("cdx-progress-bar"); return Me((f(), y("div", { - class: A(["cdx-menu", e.rootClasses]), + class: K(["cdx-menu", e.rootClasses]), style: te(e.rootStyle) }, [ I("ul", P({ @@ -1078,13 +1079,13 @@ function Xt(e, t, n, a, s, u) { "aria-multiselectable": "false", style: e.listBoxStyle }, e.otherAttrs), [ - e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), y("li", Zt, [ + e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (f(), y("li", Jt, [ R(e.$slots, "pending") ])) : w("", !0), - e.computedShowNoResultsSlot ? (f(), y("li", Jt, [ + e.computedShowNoResultsSlot ? (f(), y("li", Xt, [ R(e.$slots, "no-results") ])) : w("", !0), - (f(!0), y(ve, null, Ne(e.computedMenuItems, (l, r) => { + (f(!0), y(ve, null, Fe(e.computedMenuItems, (l, r) => { var m, C; return f(), L(o, P({ key: l.value, @@ -1123,8 +1124,8 @@ function Xt(e, t, n, a, s, u) { [Oe, e.expanded] ]); } -const Yt = /* @__PURE__ */ E(Gt, [["render", Xt]]), en = U(nt), tn = U(at), nn = U(lt), an = (e) => { - !e["aria-label"] && !e["aria-hidden"] && He(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. +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(`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) { @@ -1206,7 +1207,7 @@ const ln = (e, t) => { }); function sn(e, t, n, a, s, u) { return f(), y("button", { - class: A(["cdx-button", e.rootClasses]), + class: K(["cdx-button", e.rootClasses]), onClick: t[0] || (t[0] = (...o) => e.onClick && e.onClick(...o)), onKeydown: t[1] || (t[1] = ye((o) => e.setActive(!0), ["space", "enter"])), onKeyup: t[2] || (t[2] = ye((o) => e.setActive(!1), ["space", "enter"])) @@ -1364,10 +1365,10 @@ const dn = U(st), cn = U(Te), hn = D({ computedStatus: u, computedInputId: o } = Le( - H(e, "disabled"), - H(e, "status"), + z(e, "disabled"), + z(e, "status"), a - ), i = re(dt, void 0), l = Be(H(e, "modelValue"), t), r = h(() => e.clearable && !!l.value && !s.value), m = h(() => ({ + ), i = re(dt, void 0), l = Be(z(e, "modelValue"), t), r = h(() => e.clearable && !!l.value && !s.value), m = h(() => ({ "cdx-text-input--has-start-icon": !!e.startIcon, "cdx-text-input--has-end-icon": !!e.endIcon, "cdx-text-input--clearable": r.value, @@ -1377,8 +1378,8 @@ const dn = U(st), cn = U(Te), hn = D({ rootStyle: g, otherAttrs: k } = de(n, m), x = h(() => { - const K = k.value, { id: v } = K; - return X(K, ["id"]); + const A = k.value, { id: v } = A; + return Y(A, ["id"]); }), G = h(() => ({ "cdx-text-input__input--has-value": !!l.value })); @@ -1439,7 +1440,7 @@ const fn = ["id", "type", "aria-describedby", "disabled"]; function pn(e, t, n, a, s, u) { const o = B("cdx-icon"); return f(), y("div", { - class: A(["cdx-text-input", e.rootClasses]), + class: K(["cdx-text-input", e.rootClasses]), style: te(e.rootStyle) }, [ Me(I("input", P({ @@ -1457,7 +1458,7 @@ function pn(e, t, n, a, s, u) { 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), [ - [ze, e.wrappedModel] + [He, e.wrappedModel] ]), e.startIcon ? (f(), L(o, { key: 0, @@ -1563,7 +1564,7 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ "blur" ], setup(e, { emit: t, attrs: n }) { - const a = Be(H(e, "modelValue"), t), { computedDisabled: s } = Le(H(e, "disabled")), u = h(() => ({ + const a = Be(z(e, "modelValue"), t), { computedDisabled: s } = Le(z(e, "disabled")), u = h(() => ({ "cdx-search-input--has-end-button": !!e.buttonLabel })), { rootClasses: o, @@ -1579,7 +1580,7 @@ const mn = /* @__PURE__ */ E(hn, [["render", pn]]), gn = U(Te), vn = D({ handleSubmit: () => { t("submit-click", a.value); }, - searchIcon: Je + searchIcon: Xe }; }, methods: { @@ -1597,7 +1598,7 @@ const yn = { class: "cdx-search-input__input-wrapper" }; function bn(e, t, n, a, s, u) { const o = B("cdx-text-input"), i = B("cdx-button"); return f(), y("div", { - class: A(["cdx-search-input", e.rootClasses]), + class: K(["cdx-search-input", e.rootClasses]), style: te(e.rootStyle) }, [ I("div", yn, [ @@ -1636,7 +1637,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ name: "CdxTypeaheadSearch", components: { CdxIcon: ne, - CdxMenu: Yt, + CdxMenu: Zt, CdxSearchInput: Cn }, /** @@ -1781,34 +1782,34 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ ) ), T = h( () => e.searchFooterUrl ? { value: Q, url: e.searchFooterUrl } : void 0 - ), Z = h(() => ({ + ), J = h(() => ({ "cdx-typeahead-search--show-thumbnail": e.showThumbnail, "cdx-typeahead-search--expanded": i.value, "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth })), { rootClasses: ae, rootStyle: le, - otherAttrs: F - } = de(t, Z); + otherAttrs: N + } = de(t, J); function v(c) { return c; } - const z = h(() => ({ + const H = h(() => ({ visibleItemLimit: e.visibleItemLimit, showThumbnail: e.showThumbnail, // In case search queries aren't highlighted, default to a bold label. boldLabel: !0, hideDescriptionOverflow: !0 })); - let K, N; + let A, F; function oe(c, _ = !1) { - M.value && M.value.label !== c && M.value.value !== c && (x.value = null), N !== void 0 && (clearTimeout(N), N = void 0), c === "" ? i.value = !1 : (l.value = !0, a["search-results-pending"] && (N = setTimeout(() => { + M.value && M.value.label !== c && M.value.value !== c && (x.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))), K !== void 0 && (clearTimeout(K), K = void 0); + }, ut))), A !== void 0 && (clearTimeout(A), A = void 0); const O = () => { n("input", c); }; - _ ? O() : K = setTimeout(() => { + _ ? O() : A = setTimeout(() => { O(); }, e.debounceInterval); } @@ -1826,7 +1827,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ m.value = !1, i.value = !1; } function se(c) { - const $e = c, { id: _ } = $e, O = X($e, ["id"]); + const $e = c, { id: _ } = $e, O = Y($e, ["id"]); if (O.value === Q) { n("search-result-click", { searchResult: null, @@ -1870,7 +1871,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ n("submit", _); } } - function J(c) { + function X(c) { if (!u.value || !g.value || c.key === " ") return; const _ = u.value.getHighlightedMenuItem(), O = u.value.getHighlightedViaKeyboard(); @@ -1888,8 +1889,8 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ } return W(() => { e.initialInputValue && oe(e.initialInputValue, !0); - }), Y(H(e, "searchResults"), () => { - g.value = C.value.trim(), m.value && l.value && g.value.length > 0 && (i.value = !0), N !== void 0 && (clearTimeout(N), N = void 0), l.value = !1, r.value = !1; + }), Z(z(e, "searchResults"), () => { + g.value = C.value.trim(), m.value && l.value && g.value.length > 0 && (i.value = !0), F !== void 0 && (clearTimeout(F), F = void 0), l.value = !1, r.value = !1; }), { form: s, menu: u, @@ -1905,8 +1906,8 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ showPending: r, rootClasses: ae, rootStyle: le, - otherAttrs: F, - menuConfig: z, + otherAttrs: N, + menuConfig: H, onUpdateInputValue: oe, onUpdateMenuSelection: ce, onFocus: he, @@ -1915,7 +1916,7 @@ const Cn = /* @__PURE__ */ E(vn, [["render", bn]]), $n = D({ onSearchResultKeyboardNavigation: p, onSearchFooterClick: $, onSubmit: S, - onKeydown: J, + onKeydown: X, MenuFooterValue: Q, articleIcon: We }; @@ -1935,7 +1936,7 @@ const In = ["id", "action"], Sn = { class: "cdx-typeahead-search__menu-message__ function Mn(e, t, n, a, s, u) { const o = B("cdx-icon"), i = B("cdx-menu"), l = B("cdx-search-input"); return f(), y("div", { - class: A(["cdx-typeahead-search", e.rootClasses]), + class: K(["cdx-typeahead-search", e.rootClasses]), style: te(e.rootStyle) }, [ I("form", { @@ -1985,7 +1986,7 @@ function Mn(e, t, n, a, s, u) { }), { pending: q(() => [ I("div", { - class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ I("span", Sn, [ R(e.$slots, "search-results-pending") @@ -1994,7 +1995,7 @@ function Mn(e, t, n, a, s, u) { ]), "no-results": q(() => [ I("div", { - class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) + class: K(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ I("span", _n, [ R(e.$slots, "search-no-results-text") @@ -2004,7 +2005,7 @@ function Mn(e, t, n, a, s, u) { default: q(({ menuItem: r, active: m }) => [ r.value === e.MenuFooterValue ? (f(), y("a", { key: 0, - class: A(["cdx-menu-item__content cdx-typeahead-search__search-footer", { + class: K(["cdx-menu-item__content cdx-typeahead-search__search-footer", { "cdx-typeahead-search__search-footer__active": m }]), href: e.asSearchResult(r).url, diff --git a/resources/lib/codex-search/codex-search.style-legacy-rtl.css b/resources/lib/codex-search/codex-search.style-legacy-rtl.css index e4ec36fc2dea..e01ae519e856 100644 --- a/resources/lib/codex-search/codex-search.style-legacy-rtl.css +++ b/resources/lib/codex-search/codex-search.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-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" 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-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-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;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:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-left:5px;padding-right:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items: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{color:#202122}@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{cursor:pointer}.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:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).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:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled: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--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.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--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.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: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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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" 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-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-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-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-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}.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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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:#d33;color:#fff;border-color:#d33}@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:#d33;box-shadow:inset 0 0 0 1px #d33,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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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-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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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-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-search/codex-search.style-legacy.css b/resources/lib/codex-search/codex-search.style-legacy.css index 55c59922d1ab..b00f20071a15 100644 --- a/resources/lib/codex-search/codex-search.style-legacy.css +++ b/resources/lib/codex-search/codex-search.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-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" 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-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-button{box-sizing:border-box;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;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:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-right:5px;padding-left:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items: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{color:#202122}@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{cursor:pointer}.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:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).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:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled: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--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.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--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.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: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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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" 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-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-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-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-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}.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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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:#d33;color:#fff;border-color:#d33}@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:#d33;box-shadow:inset 0 0 0 1px #d33,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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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-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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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-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-search/codex-search.style-rtl.css b/resources/lib/codex-search/codex-search.style-rtl.css index 04313c4fd924..9349898e5b9f 100644 --- a/resources/lib/codex-search/codex-search.style-rtl.css +++ b/resources/lib/codex-search/codex-search.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-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" 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-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-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;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:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button--size-large{padding-left:11px;padding-right:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-left:5px;padding-right:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items: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{color:#202122}@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{cursor:pointer}.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:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).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:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled: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--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.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--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.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: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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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" 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-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-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-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-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}.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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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:#d33;color:#fff;border-color:#d33}@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:#d33;box-shadow:inset 0 0 0 1px #d33,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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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-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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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-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-search/codex-search.style.css b/resources/lib/codex-search/codex-search.style.css index 7520d9e961d1..dc66a19f43d7 100644 --- a/resources/lib/codex-search/codex-search.style.css +++ b/resources/lib/codex-search/codex-search.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-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" 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-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-button{box-sizing:border-box;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;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:not(.cdx-button--size-large){min-width:32px;min-height:32px;padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}.cdx-button--icon-only.cdx-button:not(.cdx-button--size-large){padding-right:5px;padding-left:5px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button--fake-button{display:inline-flex;align-items: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{color:#202122}@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{cursor:pointer}.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:disabled,.cdx-button.cdx-button--fake-button--disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button:not(.cdx-button--weight-quiet):enabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active,.cdx-button:not(.cdx-button--weight-quiet).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:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet).cdx-button--fake-button--disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--fake-button--enabled: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--weight-primary.cdx-button--action-destructive:enabled,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.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--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled,.cdx-button--weight-quiet.cdx-button--fake-button--disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--fake-button--disabled .cdx-button__icon{background-color:#72777d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).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:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}.cdx-button:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):not(:disabled):not(.cdx-button--fake-button--disabled).cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.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: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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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" 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-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-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-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-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}.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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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:#d33;color:#fff;border-color:#d33}@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:#d33;box-shadow:inset 0 0 0 1px #d33,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:#d33}@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:#d33}}.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:#d33;box-shadow:inset 0 0 0 1px #d33}.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-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:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.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-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-search/codex-search.umd.js b/resources/lib/codex-search/codex-search.umd.js index 0674f1f9c4f2..94b207bc0abd 100644 --- a/resources/lib/codex-search/codex-search.umd.js +++ b/resources/lib/codex-search/codex-search.umd.js @@ -1,2 +1,2 @@ -(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 Qt=Object.defineProperty,Pt=Object.defineProperties;var Wt=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var ue=(f,t,k)=>t in f?Qt(f,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):f[t]=k,pe=(f,t)=>{for(var k in t||(t={}))me.call(t,k)&&ue(f,k,t[k]);if(Z)for(var k of Z(t))he.call(t,k)&&ue(f,k,t[k]);return f},fe=(f,t)=>Pt(f,Wt(t));var H=(f,t)=>{var k={};for(var w in f)me.call(f,w)&&t.indexOf(w)<0&&(k[w]=f[w]);if(f!=null&&Z)for(var w of Z(f))t.indexOf(w)<0&&he.call(f,w)&&(k[w]=f[w]);return k};var ae=(f,t,k)=>new Promise((w,U)=>{var J=E=>{try{K(k.next(E))}catch(A){U(A)}},X=E=>{try{K(k.throw(E))}catch(A){U(A)}},K=E=>E.done?w(E.value):Promise.resolve(E.value).then(J,X);K((k=k.apply(f,t)).next())});const k='<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"/>',U='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',J='<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"/>',X=k,K=w,E=U,A=J;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 s=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof s=="string"||"path"in s?s:s.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 Y="cdx",ke=["default","progressive","destructive"],Se=["normal","primary","quiet"],$e=["medium","large"],Ie=["x-small","small","medium"],we=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],se=["default","error"],_e=120,Be=500,R="cdx-menu-footer-item",xe=Symbol("CdxId"),Me=Symbol("CdxDescriptionId"),Ve=Symbol("CdxStatus"),Ee=Symbol("CdxDisabled"),Ne=L(Ie),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}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=be(o),i=Ce(o),d=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||i.value),r=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&l.value!==null&&ye(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),a=t.computed(()=>ge(e.icon,l.value||"",d.value||"ltr")),u=t.computed(()=>typeof a.value=="string"?a.value:""),p=t.computed(()=>typeof a.value!="string"?a.value.path:"");return{rootElement:o,rootClasses:r,iconSvg:u,iconPath:p,onClick:g=>{n("click",g)}}}}),Gt="",M=(e,n)=>{const o=e.__vccOpts||e;for(const[s,i]of n)o[s]=i;return o},ve=["aria-hidden"],Le={key:0},De=["innerHTML"],Re=["d"];function Ke(e,n,o,s,i,d){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",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,Re))],8,ve))],2)}const z=M(Te,[["render",Ke]]),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({}),s=i=>{const d=i.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 i;(i=e.thumbnail)!=null&&i.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Zt="",ze={class:"cdx-thumbnail"},Fe={key:0,class:"cdx-thumbnail__placeholder"};function Oe(e,n,o,s,i,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 He(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const Ue="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function je(e,n){if(!e)return[n,"",""];const o=He(e),s=new RegExp(o+Ue+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const i=s.index,d=i+s[0].length,l=n.slice(i,d),r=n.slice(0,i),a=n.slice(d,n.length);return[r,l,a]}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)))})}),Jt="",Pe={class:"cdx-search-result-title"},We={class:"cdx-search-result-title__match"};function Ge(e,n,o,s,i,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 Ze=M(Qe,[["render",Ge]]),Je=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:z,CdxThumbnail:qe,CdxSearchResultTitle:Ze},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)},s=()=>{n("change","highlighted",!1)},i=p=>{p.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})),a=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:i,onClick:d,highlightQuery:l,rootClasses:r,contentTag:a,title:u}}}),Xt="",Xe=["id","aria-disabled","aria-selected"],Ye={class:"cdx-menu-item__text"},et=["lang"],tt=["lang"],nt=["lang"],ot=["lang"];function lt(e,n,o,s,i,d){const l=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon"),a=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,p,b,g,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",Ye,[e.highlightQuery?(t.openBlock(),t.createBlock(a,{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:(p=e.language)==null?void 0:p.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(a,{key:0,title:e.match,"search-query":e.searchQuery,lang:(b=e.language)==null?void 0:b.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(g=e.language)==null?void 0:g.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:(I=e.language)==null?void 0:I.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:(_=e.language)==null?void 0:_.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,ot)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,Xe)}const at=M(Je,[["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}))}}}),Yt="",it=["aria-disabled"],rt=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function dt(e,n,o,s,i,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?`${Y}-${e}-${ee++}`:o?`${Y}-${o}-${ee++}`:`${Y}-${ee++}`}function ut(e,n){const o=t.ref(!1);let s=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{s=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{s=!1,i.disconnect()}),t.watch(e,d=>{s&&(i.disconnect(),o.value=!1,d&&i.observe(d))}),o}function j(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const d=H(n.value,[]);return e.class&&e.class.split(" ").forEach(r=>{d[r]=!0}),d}),s=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const a=e,{class:d,style:l}=a;return H(a,["class","style"])});return{rootClasses:o,rootStyle:s,otherAttrs:i}}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:s}){const i=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:i.value.length===0:!1),l=t.ref(null),r=t.ref(!1),a=t.ref(null);function u(){return i.value.find(c=>c.value===e.selected)}function p(c,h){var C;if(!(h&&h.disabled))switch(c){case"selected":n("update:selected",(C=h==null?void 0:h.value)!=null?C:null),n("update:expanded",!1),a.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":a.value=h||null;break}}const b=t.computed(()=>{if(l.value!==null)return i.value.findIndex(c=>c.value===l.value.value)});function g(c){c&&(p("highlightedViaKeyboard",c),n("menu-item-keyboard-navigation",c))}function I(c){var S;const h=q=>{for(let m=q-1;m>=0;m--)if(!i.value[m].disabled)return i.value[m]};c=c||i.value.length;const C=(S=h(c))!=null?S:h(i.value.length);g(C)}function _(c){const h=S=>i.value.find((q,m)=>!q.disabled&&m>S);c=c!=null?c:-1;const C=h(c)||h(-1);g(C)}function F(c,h=!0){function C(){n("update:expanded",!0),p("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)):C(),!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&&p("highlightedViaKeyboard",u()),I(b.value)):C(),N(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_(b.value)):C(),N(),!0;case"Home":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_()):C(),N(),!0;case"End":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),I()):C(),N(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function B(){p("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 C=e.visibleItemLimit;if(!C||e.menuItems.length<C)return;const S=Math.min(C,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||b.value===void 0)return;const c=b.value>=0?b.value:0;x[c].scrollIntoView({behavior:"smooth",block:"nearest"})}const y=t.ref(null),D=t.ref(null);function V(){if(D.value=null,!e.visibleItemLimit||x.length<=e.visibleItemLimit){y.value=null;return}const c=x[0],h=x[e.visibleItemLimit];if(y.value=T(c,h),e.footer){const C=x[x.length-1];D.value=C.scrollHeight}}function T(c,h){const C=c.getBoundingClientRect().top;return h.getBoundingClientRect().top-C+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&&p("highlighted"),c&&h!==void 0&&p("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":y.value?`${y.value}px`:void 0,"overflow-y":y.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&&!!y.value})),{rootClasses:oe,rootStyle:le,otherAttrs:G}=j(s,ne);return{listBoxStyle:W,rootClasses:oe,rootStyle:le,otherAttrs:G,assignTemplateRef:P,computedMenuItems:i,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:r,activeMenuItem:a,handleMenuItemChange:p,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,s,i,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","aria-multiselectable":"false",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,(a,u)=>{var p,b;return t.openBlock(),t.createBlock(l,t.mergeProps({key:a.value,ref_for:!0,ref:g=>e.assignTemplateRef(g,u)},a,{selected:a.value===e.selected,active:a.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:a.value===((b=e.highlightedMenuItem)==null?void 0:b.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(g,I)=>e.handleMenuItemChange(g,I&&a),onClick:g=>e.$emit("menu-item-click",a)}),{default:t.withCtx(()=>{var g,I;return[t.renderSlot(e.$slots,"default",{menuItem:a,active:a.value===((g=e.activeMenuItem)==null?void 0:g.value)&&a.value===((I=e.highlightedMenuItem)==null?void 0:I.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(`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 s=o[0],i=typeof s=="object"&&typeof s.type=="object"&&"name"in s.type&&s.type.name===z.name,d=typeof s=="object"&&s.type==="svg";return i||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:s}){const i=t.ref(!1);return{rootClasses:t.computed(()=>{var a;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((a=o.default)==null?void 0:a.call(o),s),"cdx-button--is-active":i.value}}),onClick:a=>{n("click",a)},setActive:a=>{i.value=a}}}}),nn="";function It(e,n,o,s,i,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",It]]);function re(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}function _t(e){const n=t.inject(Ee,t.ref(!1));return t.computed(()=>n.value||e.value)}function de(e,n,o){const s=_t(e),i=t.inject(Ve,t.ref("default")),d=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),l=t.inject(xe,void 0),r=t.computed(()=>l||o);return{computedDisabled:s,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 s=o.id,{computedDisabled:i,computedStatus:d,computedInputId:l}=de(t.toRef(e,"disabled"),t.toRef(e,"status"),s),r=t.inject(Me,void 0),a=re(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!a.value&&!i.value),p=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:b,rootStyle:g,otherAttrs:I}=j(o,p),_=t.computed(()=>{const V=I.value,{id:y}=V;return H(V,["id"])}),F=t.computed(()=>({"cdx-text-input__input--has-value":!!a.value}));return{computedInputId:l,descriptionId:r,wrappedModel:a,isClearable:u,rootClasses:b,rootStyle:g,otherAttrsMinusId:_,inputClasses:F,computedDisabled:i,onClear:y=>{a.value="",n("clear",y)},onInput:y=>{n("input",y)},onChange:y=>{n("change",y)},onKeydown:y=>{(y.key==="Home"||y.key==="End")&&!y.ctrlKey&&!y.metaKey||n("keydown",y)},onFocus:y=>{n("focus",y)},onBlur:y=>{n("blur",y)},cdxIconClear:K}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),on="",Vt=["id","type","aria-describedby","disabled"];function Et(e,n,o,s,i,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 s=re(t.toRef(e,"modelValue"),n),{computedDisabled:i}=de(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:l,rootStyle:r,otherAttrs:a}=j(o,d);return{wrappedModel:s,computedDisabled:i,rootClasses:l,rootStyle:r,otherAttrs:a,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:A}},methods:{focus(){this.$refs.textInput.focus()}}}),ln="",Lt={class:"cdx-search-input__input-wrapper"};function Dt(e,n,o,s,i,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]=a=>e.wrappedModel=a),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]=a=>e.$emit("input",a)),onChange:n[2]||(n[2]=a=>e.$emit("change",a)),onFocus:n[3]||(n[3]=a=>e.$emit("focus",a)),onBlur:n[4]||(n[4]=a=>e.$emit("blur",a))}),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 Rt=M(vt,[["render",Dt]]),Kt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:z,CdxMenu:gt,CdxSearchInput:Rt},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:_e},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:s}){const i=t.ref(),d=t.ref(),l=ie("typeahead-search-menu"),r=t.ref(!1),a=t.ref(!1),u=t.ref(!1),p=t.ref(!1),b=t.ref(e.initialInputValue),g=t.ref(""),I=t.computed(()=>{var m,$;return($=(m=d.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:$.id}),_=t.ref(null),F=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),B=t.computed(()=>e.searchResults.find(m=>m.value===_.value)),x=t.computed(()=>e.searchFooterUrl?{value:R,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 y(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&&(_.value=null),T!==void 0&&(clearTimeout(T),T=void 0),m===""?r.value=!1:(a.value=!0,s["search-results-pending"]&&(T=setTimeout(()=>{p.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===R){_.value=null,b.value=g.value;return}_.value=m,m!==null&&(b.value=B.value?B.value.label||String(B.value.value):"")}function oe(){p.value=!0,(g.value||u.value)&&(r.value=!0)}function le(){p.value=!1,r.value=!1}function G(m){const ce=m,{id:$}=ce,v=H(ce,["id"]);if(v.value===R){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===R){b.value=g.value;return}b.value=m.value?m.label||String(m.value):""}function C(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||!g.value||m.key===" ")return;const $=d.value.getHighlightedMenuItem(),v=d.value.getHighlightedViaKeyboard();switch(m.key){case"Enter":$&&($.value===R&&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"),()=>{g.value=b.value.trim(),p.value&&a.value&&g.value.length>0&&(r.value=!0),T!==void 0&&(clearTimeout(T),T=void 0),a.value=!1,u.value=!1}),{form:i,menu:d,menuId:l,highlightedId:I,selection:_,menuMessageClass:F,footer:x,asSearchResult:y,inputValue:b,searchQuery:g,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:C,onSubmit:S,onKeydown:q,MenuFooterValue:R,articleIcon:X}},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"},Ht={class:"cdx-typeahead-search__search-footer__query"};function Ut(e,n,o,s,i,d){const l=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu"),a=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(a,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-owns":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:p})=>[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":p}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(b=>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",Ht,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-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,At)],6)}const jt=M(Kt,[["render",Ut]]);f.CdxTypeaheadSearch=jt,Object.defineProperty(f,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 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=(f,t,k)=>t in f?Qt(f,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):f[t]=k,pe=(f,t)=>{for(var k in t||(t={}))me.call(t,k)&&ue(f,k,t[k]);if(J)for(var k of J(t))he.call(t,k)&&ue(f,k,t[k]);return f},fe=(f,t)=>Pt(f,Wt(t));var U=(f,t)=>{var k={};for(var I in f)me.call(f,I)&&t.indexOf(I)<0&&(k[I]=f[I]);if(f!=null&&J)for(var I of J(f))t.indexOf(I)<0&&he.call(f,I)&&(k[I]=f[I]);return k};var ae=(f,t,k)=>new Promise((I,H)=>{var X=E=>{try{R(k.next(E))}catch(A){H(A)}},Y=E=>{try{R(k.throw(E))}catch(A){H(A)}},R=E=>E.done?I(E.value):Promise.resolve(E.value).then(X,Y);R((k=k.apply(f,t)).next())});const k='<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"/>',I='<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=k,R=I,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 s=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof s=="string"||"path"in s?s:s.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"],we=["x-small","small","medium"],Ie=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],se=["default","error"],_e=120,Be=500,K="cdx-menu-footer-item",xe=Symbol("CdxId"),Me=Symbol("CdxDescriptionId"),Ve=Symbol("CdxStatus"),Ee=Symbol("CdxDisabled"),Ne=L(we),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}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=be(o),i=Ce(o),d=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||i.value),r=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&l.value!==null&&ye(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),a=t.computed(()=>ge(e.icon,l.value||"",d.value||"ltr")),u=t.computed(()=>typeof a.value=="string"?a.value:""),p=t.computed(()=>typeof a.value!="string"?a.value.path:"");return{rootElement:o,rootClasses:r,iconSvg:u,iconPath:p,onClick:g=>{n("click",g)}}}}),Gt="",M=(e,n)=>{const o=e.__vccOpts||e;for(const[s,i]of n)o[s]=i;return o},ve=["aria-hidden"],Le={key:0},De=["innerHTML"],Ke=["d"];function Re(e,n,o,s,i,d){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l))},[(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({}),s=i=>{const d=i.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 i;(i=e.thumbnail)!=null&&i.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Jt="",ze={class:"cdx-thumbnail"},Fe={key:0,class:"cdx-thumbnail__placeholder"};function Oe(e,n,o,s,i,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),s=new RegExp(o+He+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const i=s.index,d=i+s[0].length,l=n.slice(i,d),r=n.slice(0,i),a=n.slice(d,n.length);return[r,l,a]}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,s,i,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)},s=()=>{n("change","highlighted",!1)},i=p=>{p.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})),a=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:i,onClick:d,highlightQuery:l,rootClasses:r,contentTag:a,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,s,i,d){const l=t.resolveComponent("cdx-thumbnail"),r=t.resolveComponent("cdx-icon"),a=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,p,b,g,w,_;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(a,{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:(p=e.language)==null?void 0:p.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(a,{key:0,title:e.match,"search-query":e.searchQuery,lang:(b=e.language)==null?void 0:b.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(g=e.language)==null?void 0:g.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:(w=e.language)==null?void 0:w.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:(_=e.language)==null?void 0:_.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,s,i,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 s=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{s=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{s=!1,i.disconnect()}),t.watch(e,d=>{s&&(i.disconnect(),o.value=!1,d&&i.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}),s=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const a=e,{class:d,style:l}=a;return U(a,["class","style"])});return{rootClasses:o,rootStyle:s,otherAttrs:i}}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:s}){const i=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:i.value.length===0:!1),l=t.ref(null),r=t.ref(!1),a=t.ref(null);function u(){return i.value.find(c=>c.value===e.selected)}function p(c,h){var C;if(!(h&&h.disabled))switch(c){case"selected":n("update:selected",(C=h==null?void 0:h.value)!=null?C:null),n("update:expanded",!1),a.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":a.value=h||null;break}}const b=t.computed(()=>{if(l.value!==null)return i.value.findIndex(c=>c.value===l.value.value)});function g(c){c&&(p("highlightedViaKeyboard",c),n("menu-item-keyboard-navigation",c))}function w(c){var S;const h=q=>{for(let m=q-1;m>=0;m--)if(!i.value[m].disabled)return i.value[m]};c=c||i.value.length;const C=(S=h(c))!=null?S:h(i.value.length);g(C)}function _(c){const h=S=>i.value.find((q,m)=>!q.disabled&&m>S);c=c!=null?c:-1;const C=h(c)||h(-1);g(C)}function F(c,h=!0){function C(){n("update:expanded",!0),p("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)):C(),!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&&p("highlightedViaKeyboard",u()),w(b.value)):C(),N(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_(b.value)):C(),N(),!0;case"Home":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_()):C(),N(),!0;case"End":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),w()):C(),N(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function B(){p("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 C=e.visibleItemLimit;if(!C||e.menuItems.length<C)return;const S=Math.min(C,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||b.value===void 0)return;const c=b.value>=0?b.value:0;x[c].scrollIntoView({behavior:"smooth",block:"nearest"})}const y=t.ref(null),D=t.ref(null);function V(){if(D.value=null,!e.visibleItemLimit||x.length<=e.visibleItemLimit){y.value=null;return}const c=x[0],h=x[e.visibleItemLimit];if(y.value=T(c,h),e.footer){const C=x[x.length-1];D.value=C.scrollHeight}}function T(c,h){const C=c.getBoundingClientRect().top;return h.getBoundingClientRect().top-C+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&&p("highlighted"),c&&h!==void 0&&p("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":y.value?`${y.value}px`:void 0,"overflow-y":y.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&&!!y.value})),{rootClasses:oe,rootStyle:le,otherAttrs:G}=j(s,ne);return{listBoxStyle:W,rootClasses:oe,rootStyle:le,otherAttrs:G,assignTemplateRef:P,computedMenuItems:i,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:r,activeMenuItem:a,handleMenuItemChange:p,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,s,i,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","aria-multiselectable":"false",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,(a,u)=>{var p,b;return t.openBlock(),t.createBlock(l,t.mergeProps({key:a.value,ref_for:!0,ref:g=>e.assignTemplateRef(g,u)},a,{selected:a.value===e.selected,active:a.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:a.value===((b=e.highlightedMenuItem)==null?void 0:b.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(g,w)=>e.handleMenuItemChange(g,w&&a),onClick:g=>e.$emit("menu-item-click",a)}),{default:t.withCtx(()=>{var g,w;return[t.renderSlot(e.$slots,"default",{menuItem:a,active:a.value===((g=e.activeMenuItem)==null?void 0:g.value)&&a.value===((w=e.highlightedMenuItem)==null?void 0:w.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(`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 s=o[0],i=typeof s=="object"&&typeof s.type=="object"&&"name"in s.type&&s.type.name===z.name,d=typeof s=="object"&&s.type==="svg";return i||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:s}){const i=t.ref(!1);return{rootClasses:t.computed(()=>{var a;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((a=o.default)==null?void 0:a.call(o),s),"cdx-button--is-active":i.value}}),onClick:a=>{n("click",a)},setActive:a=>{i.value=a}}}}),nn="";function wt(e,n,o,s,i,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 It=M($t,[["render",wt]]);function re(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}function _t(e){const n=t.inject(Ee,t.ref(!1));return t.computed(()=>n.value||e.value)}function de(e,n,o){const s=_t(e),i=t.inject(Ve,t.ref("default")),d=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),l=t.inject(xe,void 0),r=t.computed(()=>l||o);return{computedDisabled:s,computedStatus:d,computedInputId:r}}const Bt=L(Ie),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 s=o.id,{computedDisabled:i,computedStatus:d,computedInputId:l}=de(t.toRef(e,"disabled"),t.toRef(e,"status"),s),r=t.inject(Me,void 0),a=re(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!a.value&&!i.value),p=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:b,rootStyle:g,otherAttrs:w}=j(o,p),_=t.computed(()=>{const V=w.value,{id:y}=V;return U(V,["id"])}),F=t.computed(()=>({"cdx-text-input__input--has-value":!!a.value}));return{computedInputId:l,descriptionId:r,wrappedModel:a,isClearable:u,rootClasses:b,rootStyle:g,otherAttrsMinusId:_,inputClasses:F,computedDisabled:i,onClear:y=>{a.value="",n("clear",y)},onInput:y=>{n("input",y)},onChange:y=>{n("change",y)},onKeydown:y=>{(y.key==="Home"||y.key==="End")&&!y.ctrlKey&&!y.metaKey||n("keydown",y)},onFocus:y=>{n("focus",y)},onBlur:y=>{n("blur",y)},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,s,i,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:It,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 s=re(t.toRef(e,"modelValue"),n),{computedDisabled:i}=de(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:l,rootStyle:r,otherAttrs:a}=j(o,d);return{wrappedModel:s,computedDisabled:i,rootClasses:l,rootStyle:r,otherAttrs:a,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:A}},methods:{focus(){this.$refs.textInput.focus()}}}),ln="",Lt={class:"cdx-search-input__input-wrapper"};function Dt(e,n,o,s,i,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]=a=>e.wrappedModel=a),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]=a=>e.$emit("input",a)),onChange:n[2]||(n[2]=a=>e.$emit("change",a)),onFocus:n[3]||(n[3]=a=>e.$emit("focus",a)),onBlur:n[4]||(n[4]=a=>e.$emit("blur",a))}),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:_e},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:s}){const i=t.ref(),d=t.ref(),l=ie("typeahead-search-menu"),r=t.ref(!1),a=t.ref(!1),u=t.ref(!1),p=t.ref(!1),b=t.ref(e.initialInputValue),g=t.ref(""),w=t.computed(()=>{var m,$;return($=(m=d.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:$.id}),_=t.ref(null),F=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),B=t.computed(()=>e.searchResults.find(m=>m.value===_.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 y(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&&(_.value=null),T!==void 0&&(clearTimeout(T),T=void 0),m===""?r.value=!1:(a.value=!0,s["search-results-pending"]&&(T=setTimeout(()=>{p.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){_.value=null,b.value=g.value;return}_.value=m,m!==null&&(b.value=B.value?B.value.label||String(B.value.value):"")}function oe(){p.value=!0,(g.value||u.value)&&(r.value=!0)}function le(){p.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){b.value=g.value;return}b.value=m.value?m.label||String(m.value):""}function C(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||!g.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"),()=>{g.value=b.value.trim(),p.value&&a.value&&g.value.length>0&&(r.value=!0),T!==void 0&&(clearTimeout(T),T=void 0),a.value=!1,u.value=!1}),{form:i,menu:d,menuId:l,highlightedId:w,selection:_,menuMessageClass:F,footer:x,asSearchResult:y,inputValue:b,searchQuery:g,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:C,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,s,i,d){const l=t.resolveComponent("cdx-icon"),r=t.resolveComponent("cdx-menu"),a=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(a,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-owns":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:p})=>[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":p}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(b=>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-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,At)],6)}const jt=M(Rt,[["render",Ht]]);f.CdxTypeaheadSearch=jt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}); |