Update Codex from v0.10.0 to v0.11.0

Bug: T295711
Bug: T311026
Bug: T314661
Bug: T322436
Bug: T323179
Bug: T325105
Bug: T325769
Bug: T325788
Bug: T328492
Bug: T331034
Bug: T333030
Bug: T333392
Bug: T335694
Bug: T336533
Bug: T336954
Change-Id: I9db6eff7acf10b549fa968cea350efc115d78096

6 files changed, 237 insertions, 214 deletions

diff --git a/resources/lib/codex-search/codex-search.mjs b/resources/lib/codex-search/codex-search.mjs
index 41b4055bf3fd..b087f4f079c4 100644
--- a/resources/lib/codex-search/codex-search.mjs
+++ b/resources/lib/codex-search/codex-search.mjs
@@ -35,8 +35,8 @@ var pe = (e, t, n) => new Promise((a, o) => {
   }, i = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(r, l);
   i((n = n.apply(e, t)).next());
 });
-import { ref as y, onMounted as G, defineComponent as E, computed as p, openBlock as c, createElementBlock as g, normalizeClass as A, toDisplayString as T, createCommentVNode as M, resolveComponent as V, createVNode as j, Transition as Ne, withCtx as Q, normalizeStyle as te, createElementVNode as C, createTextVNode as Z, withModifiers as Ce, renderSlot as R, createBlock as B, resolveDynamicComponent as Oe, Fragment as ve, getCurrentInstance as Fe, onUnmounted as Me, watch as Y, toRef as ee, nextTick as ue, withDirectives as xe, mergeProps as W, renderList as qe, vShow as He, Comment as De, warn as Qe, withKeys as ye, vModelDynamic as Ue, toRefs as ze } from "vue";
-const Pe = '<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"/>', je = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', We = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Ge = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Je = Pe, Xe = je, Ye = We, Ze = Ge;
+import { ref as y, onMounted as Z, defineComponent as E, computed as p, openBlock as c, createElementBlock as g, normalizeClass as A, toDisplayString as T, createCommentVNode as x, resolveComponent as V, createVNode as W, Transition as Ne, withCtx as H, normalizeStyle as te, createElementVNode as C, createTextVNode as Y, withModifiers as _e, renderSlot as R, createBlock as B, resolveDynamicComponent as Oe, Fragment as ve, getCurrentInstance as Fe, onUnmounted as xe, watch as X, toRef as ee, nextTick as ue, withDirectives as Me, mergeProps as G, renderList as qe, vShow as ze, Comment as De, warn as He, withKeys as ye, vModelDynamic as Qe, toRefs as Ue } from "vue";
+const Pe = '<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"/>', je = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', We = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Ge = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Ze = Pe, Je = je, Xe = We, Ye = Ge;
 function et(e, t, n) {
   if (typeof e == "string" || "path" in e)
     return e;
@@ -64,21 +64,21 @@ function tt(e, t) {
 }
 function nt(e) {
   const t = y(null);
-  return G(() => {
+  return Z(() => {
     const n = window.getComputedStyle(e.value).direction;
     t.value = n === "ltr" || n === "rtl" ? n : null;
   }), t;
 }
 function at(e) {
   const t = y("");
-  return G(() => {
+  return Z(() => {
     let n = e.value;
     for (; n && n.lang === ""; )
       n = n.parentElement;
     t.value = n ? n.lang : null;
   }), t;
 }
-function J(e) {
+function Q(e) {
   return (t) => typeof t == "string" && e.indexOf(t) !== -1;
 }
 const me = "cdx", lt = [
@@ -90,10 +90,13 @@ const me = "cdx", lt = [
   "primary",
   "quiet"
 ], st = [
+  "medium",
+  "large"
+], it = [
   "x-small",
   "small",
   "medium"
-], it = [
+], ut = [
   "text",
   "search",
   "number",
@@ -109,7 +112,7 @@ const me = "cdx", lt = [
 ], Te = [
   "default",
   "error"
-], ut = 120, rt = 500, P = "cdx-menu-footer-item", dt = J(st), ct = E({
+], rt = 120, dt = 500, j = "cdx-menu-footer-item", ct = Q(it), ht = E({
   name: "CdxIcon",
   props: {
     /** The SVG path or an object containing that path plus other data. */
@@ -153,7 +156,7 @@ const me = "cdx", lt = [
     size: {
       type: String,
       default: "medium",
-      validator: dt
+      validator: ct
     }
   },
   emits: ["click"],
@@ -180,8 +183,8 @@ const N = (e, t) => {
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, ht = ["aria-hidden"], ft = { key: 0 }, pt = ["innerHTML"], mt = ["d"];
-function gt(e, t, n, a, o, r) {
+}, ft = ["aria-hidden"], pt = { key: 0 }, mt = ["innerHTML"], gt = ["d"];
+function vt(e, t, n, a, o, r) {
   return c(), g("span", {
     ref: "rootElement",
     class: A(["cdx-icon", e.rootClasses]),
@@ -194,18 +197,18 @@ function gt(e, t, n, a, o, r) {
       viewBox: "0 0 20 20",
       "aria-hidden": e.iconLabel ? void 0 : !0
     }, [
-      e.iconLabel ? (c(), g("title", ft, T(e.iconLabel), 1)) : M("", !0),
+      e.iconLabel ? (c(), g("title", pt, T(e.iconLabel), 1)) : x("", !0),
       e.iconSvg ? (c(), g("g", {
         key: 1,
         innerHTML: e.iconSvg
-      }, null, 8, pt)) : (c(), g("path", {
+      }, null, 8, mt)) : (c(), g("path", {
         key: 2,
         d: e.iconPath
-      }, null, 8, mt))
-    ], 8, ht))
+      }, null, 8, gt))
+    ], 8, ft))
   ], 2);
 }
-const ne = /* @__PURE__ */ N(ct, [["render", gt]]), vt = E({
+const ne = /* @__PURE__ */ N(ht, [["render", vt]]), yt = E({
   name: "CdxThumbnail",
   components: { CdxIcon: ne },
   props: {
@@ -221,7 +224,7 @@ const ne = /* @__PURE__ */ N(ct, [["render", gt]]), vt = E({
      */
     placeholderIcon: {
       type: [String, Object],
-      default: Ye
+      default: Xe
     }
   },
   setup: (e) => {
@@ -233,7 +236,7 @@ const ne = /* @__PURE__ */ N(ct, [["render", gt]]), vt = E({
         t.value = !1;
       }, l.src = r;
     };
-    return G(() => {
+    return Z(() => {
       var o;
       (o = e.thumbnail) != null && o.url && a(e.thumbnail.url);
     }), {
@@ -242,44 +245,44 @@ const ne = /* @__PURE__ */ N(ct, [["render", gt]]), vt = E({
     };
   }
 });
-const yt = { class: "cdx-thumbnail" }, bt = {
+const bt = { class: "cdx-thumbnail" }, _t = {
   key: 0,
   class: "cdx-thumbnail__placeholder"
 };
 function Ct(e, t, n, a, o, r) {
   const l = V("cdx-icon");
-  return c(), g("span", yt, [
-    e.thumbnailLoaded ? M("", !0) : (c(), g("span", bt, [
-      j(l, {
+  return c(), g("span", bt, [
+    e.thumbnailLoaded ? x("", !0) : (c(), g("span", _t, [
+      W(l, {
         icon: e.placeholderIcon,
         class: "cdx-thumbnail__placeholder__icon--vue"
       }, null, 8, ["icon"])
     ])),
-    j(Ne, { name: "cdx-thumbnail__image" }, {
-      default: Q(() => [
+    W(Ne, { name: "cdx-thumbnail__image" }, {
+      default: H(() => [
         e.thumbnailLoaded ? (c(), g("span", {
           key: 0,
           style: te(e.thumbnailStyle),
           class: "cdx-thumbnail__image"
-        }, null, 4)) : M("", !0)
+        }, null, 4)) : x("", !0)
       ]),
       _: 1
     })
   ]);
 }
-const _t = /* @__PURE__ */ N(vt, [["render", Ct]]);
-function $t(e) {
+const $t = /* @__PURE__ */ N(yt, [["render", Ct]]);
+function St(e) {
   return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1");
 }
-const St = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";
-function wt(e, t) {
+const wt = "[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";
+function It(e, t) {
   if (!e)
     return [t, "", ""];
-  const n = $t(e), a = new RegExp(
+  const n = St(e), a = new RegExp(
     // Per https://www.regular-expressions.info/unicode.html, "any code point that is not a
     // combining mark can be followed by any number of combining marks." See also the
     // discussion in https://phabricator.wikimedia.org/T35242.
-    n + St + "*",
+    n + wt + "*",
     "i"
   ).exec(t);
   if (!a || a.index === void 0)
@@ -287,7 +290,7 @@ function wt(e, t) {
   const o = a.index, r = o + a[0].length, l = t.slice(o, r), i = t.slice(0, o), s = t.slice(r, t.length);
   return [i, l, s];
 }
-const It = E({
+const kt = E({
   name: "CdxSearchResultTitle",
   props: {
     /**
@@ -306,22 +309,22 @@ const It = E({
     }
   },
   setup: (e) => ({
-    titleChunks: p(() => wt(e.searchQuery, String(e.title)))
+    titleChunks: p(() => It(e.searchQuery, String(e.title)))
   })
 });
-const kt = { class: "cdx-search-result-title" }, Mt = { class: "cdx-search-result-title__match" };
-function xt(e, t, n, a, o, r) {
-  return c(), g("span", kt, [
+const xt = { class: "cdx-search-result-title" }, Mt = { class: "cdx-search-result-title__match" };
+function Tt(e, t, n, a, o, r) {
+  return c(), g("span", xt, [
     C("bdi", null, [
-      Z(T(e.titleChunks[0]), 1),
+      Y(T(e.titleChunks[0]), 1),
       C("span", Mt, T(e.titleChunks[1]), 1),
-      Z(T(e.titleChunks[2]), 1)
+      Y(T(e.titleChunks[2]), 1)
     ])
   ]);
 }
-const Tt = /* @__PURE__ */ N(It, [["render", xt]]), Vt = E({
+const Vt = /* @__PURE__ */ N(kt, [["render", Tt]]), Lt = E({
   name: "CdxMenuItem",
-  components: { CdxIcon: ne, CdxThumbnail: _t, CdxSearchResultTitle: Tt },
+  components: { CdxIcon: ne, CdxThumbnail: $t, CdxSearchResultTitle: Vt },
   props: {
     /**
      * ID for HTML `id` attribute.
@@ -504,8 +507,8 @@ const Tt = /* @__PURE__ */ N(It, [["render", xt]]), Vt = E({
     };
   }
 });
-const Lt = ["id", "aria-disabled", "aria-selected"], Bt = { class: "cdx-menu-item__text" }, At = ["lang"], Kt = ["lang"], Rt = ["lang"], Et = ["lang"];
-function Nt(e, t, n, a, o, r) {
+const Bt = ["id", "aria-disabled", "aria-selected"], At = { class: "cdx-menu-item__text" }, Kt = ["lang"], Rt = ["lang"], Et = ["lang"], Nt = ["lang"];
+function Ot(e, t, n, a, o, r) {
   const l = V("cdx-thumbnail"), i = V("cdx-icon"), s = V("cdx-search-result-title");
   return c(), g("li", {
     id: e.id,
@@ -515,7 +518,7 @@ function Nt(e, t, n, a, o, r) {
     "aria-selected": e.selected,
     onMousemove: t[0] || (t[0] = (...d) => e.onMouseMove && e.onMouseMove(...d)),
     onMouseleave: t[1] || (t[1] = (...d) => e.onMouseLeave && e.onMouseLeave(...d)),
-    onMousedown: t[2] || (t[2] = Ce((...d) => e.onMouseDown && e.onMouseDown(...d), ["prevent"])),
+    onMousedown: t[2] || (t[2] = _e((...d) => e.onMouseDown && e.onMouseDown(...d), ["prevent"])),
     onClick: t[3] || (t[3] = (...d) => e.onClick && e.onClick(...d))
   }, [
     R(e.$slots, "default", {}, () => [
@@ -523,8 +526,8 @@ function Nt(e, t, n, a, o, r) {
         href: e.url ? e.url : void 0,
         class: "cdx-menu-item__content"
       }, {
-        default: Q(() => {
-          var d, f, _, b, w, x;
+        default: H(() => {
+          var d, f, $, b, w, M;
           return [
             e.showThumbnail ? (c(), B(l, {
               key: 0,
@@ -534,8 +537,8 @@ function Nt(e, t, n, a, o, r) {
               key: 1,
               icon: e.icon,
               class: "cdx-menu-item__icon"
-            }, null, 8, ["icon"])) : M("", !0),
-            C("span", Bt, [
+            }, null, 8, ["icon"])) : x("", !0),
+            C("span", At, [
               e.highlightQuery ? (c(), B(s, {
                 key: 0,
                 title: e.title,
@@ -547,47 +550,47 @@ function Nt(e, t, n, a, o, r) {
                 lang: (f = e.language) == null ? void 0 : f.label
               }, [
                 C("bdi", null, T(e.title), 1)
-              ], 8, At)),
+              ], 8, Kt)),
               e.match ? (c(), g(ve, { key: 2 }, [
-                Z(T(" ") + " "),
+                Y(T(" ") + " "),
                 e.highlightQuery ? (c(), B(s, {
                   key: 0,
                   title: e.match,
                   "search-query": e.searchQuery,
-                  lang: (_ = e.language) == null ? void 0 : _.match
+                  lang: ($ = e.language) == null ? void 0 : $.match
                 }, null, 8, ["title", "search-query", "lang"])) : (c(), g("span", {
                   key: 1,
                   class: "cdx-menu-item__text__match",
                   lang: (b = e.language) == null ? void 0 : b.match
                 }, [
                   C("bdi", null, T(e.match), 1)
-                ], 8, Kt))
-              ], 64)) : M("", !0),
+                ], 8, Rt))
+              ], 64)) : x("", !0),
               e.supportingText ? (c(), g(ve, { key: 3 }, [
-                Z(T(" ") + " "),
+                Y(T(" ") + " "),
                 C("span", {
                   class: "cdx-menu-item__text__supporting-text",
                   lang: (w = e.language) == null ? void 0 : w.supportingText
                 }, [
                   C("bdi", null, T(e.supportingText), 1)
-                ], 8, Rt)
-              ], 64)) : M("", !0),
+                ], 8, Et)
+              ], 64)) : x("", !0),
               e.description ? (c(), g("span", {
                 key: 4,
                 class: "cdx-menu-item__text__description",
-                lang: (x = e.language) == null ? void 0 : x.description
+                lang: (M = e.language) == null ? void 0 : M.description
               }, [
                 C("bdi", null, T(e.description), 1)
-              ], 8, Et)) : M("", !0)
+              ], 8, Nt)) : x("", !0)
             ])
           ];
         }),
         _: 1
       }, 8, ["href"]))
     ])
-  ], 42, Lt);
+  ], 42, Bt);
 }
-const Ot = /* @__PURE__ */ N(Vt, [["render", Nt]]), Ft = E({
+const Ft = /* @__PURE__ */ N(Lt, [["render", Ot]]), qt = E({
   name: "CdxProgressBar",
   props: {
     /**
@@ -616,8 +619,8 @@ const Ot = /* @__PURE__ */ N(Vt, [["render", Nt]]), Ft = E({
     };
   }
 });
-const qt = ["aria-disabled"], Ht = /* @__PURE__ */ C("div", { class: "cdx-progress-bar__bar" }, null, -1), Dt = [
-  Ht
+const zt = ["aria-disabled"], Dt = /* @__PURE__ */ C("div", { class: "cdx-progress-bar__bar" }, null, -1), Ht = [
+  Dt
 ];
 function Qt(e, t, n, a, o, r) {
   return c(), g("div", {
@@ -626,15 +629,15 @@ function Qt(e, t, n, a, o, r) {
     "aria-disabled": e.disabled,
     "aria-valuemin": "0",
     "aria-valuemax": "100"
-  }, Dt, 10, qt);
+  }, Ht, 10, zt);
 }
-const Ut = /* @__PURE__ */ N(Ft, [["render", Qt]]);
+const Ut = /* @__PURE__ */ N(qt, [["render", Qt]]);
 let ge = 0;
 function Ve(e) {
   const t = Fe(), 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 zt(e, t) {
+function Pt(e, t) {
   const n = y(!1);
   let a = !1;
   if (typeof window != "object" || !("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype))
@@ -646,11 +649,11 @@ function zt(e, t) {
     },
     t
   );
-  return G(() => {
+  return Z(() => {
     a = !0, e.value && o.observe(e.value);
-  }), Me(() => {
+  }), xe(() => {
     a = !1, o.disconnect();
-  }), Y(e, (r) => {
+  }), X(e, (r) => {
     a && (o.disconnect(), n.value = !1, r && o.observe(r));
   }), n;
 }
@@ -673,10 +676,10 @@ function re(e, t = p(() => ({}))) {
     otherAttrs: o
   };
 }
-const Pt = E({
+const jt = E({
   name: "CdxMenu",
   components: {
-    CdxMenuItem: Ot,
+    CdxMenuItem: Ft,
     CdxProgressBar: Ut
   },
   /**
@@ -863,7 +866,7 @@ const Pt = E({
             break;
         }
     }
-    const _ = p(() => {
+    const $ = p(() => {
       if (l.value !== null)
         return o.value.findIndex(
           (u) => (
@@ -877,8 +880,8 @@ const Pt = E({
     }
     function w(u) {
       var S;
-      const m = (X) => {
-        for (let D = X - 1; D >= 0; D--)
+      const m = (J) => {
+        for (let D = J - 1; D >= 0; D--)
           if (!o.value[D].disabled)
             return o.value[D];
       };
@@ -886,8 +889,8 @@ const Pt = E({
       const v = (S = m(u)) != null ? S : m(o.value.length);
       b(v);
     }
-    function x(u) {
-      const m = (S) => o.value.find((X, D) => !X.disabled && D > S);
+    function M(u) {
+      const m = (S) => o.value.find((J, D) => !J.disabled && D > S);
       u = u != null ? u : -1;
       const v = m(u) || m(-1);
       b(v);
@@ -906,11 +909,11 @@ const Pt = E({
         case "Tab":
           return e.expanded && (l.value && i.value && t("update:selected", l.value.value), t("update:expanded", !1)), !0;
         case "ArrowUp":
-          return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), w(_.value)) : v(), q(), !0;
+          return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), w($.value)) : v(), q(), !0;
         case "ArrowDown":
-          return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), x(_.value)) : v(), q(), !0;
+          return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), M($.value)) : v(), q(), !0;
         case "Home":
-          return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), x()) : v(), q(), !0;
+          return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), M()) : v(), q(), !0;
         case "End":
           return S(), e.expanded ? (l.value === null && f("highlightedViaKeyboard", d()), w()) : v(), q(), !0;
         case "Escape":
@@ -919,14 +922,14 @@ const Pt = E({
           return !1;
       }
     }
-    function $() {
+    function _() {
       f("active");
     }
-    const I = [], ae = y(void 0), L = zt(
+    const I = [], ae = y(void 0), L = Pt(
       ae,
       { threshold: 0.8 }
     );
-    Y(L, (u) => {
+    X(L, (u) => {
       u && t("load-more");
     });
     function de(u, m) {
@@ -943,22 +946,22 @@ const Pt = E({
       }
     }
     function q() {
-      if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || _.value === void 0)
+      if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || $.value === void 0)
         return;
-      const u = _.value >= 0 ? _.value : 0;
+      const u = $.value >= 0 ? $.value : 0;
       I[u].scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }
-    const H = y(null), U = y(null);
+    const z = y(null), U = y(null);
     function le() {
       if (U.value = null, !e.visibleItemLimit || I.length <= e.visibleItemLimit) {
-        H.value = null;
+        z.value = null;
         return;
       }
       const u = I[0], m = I[e.visibleItemLimit];
-      if (H.value = ce(
+      if (z.value = ce(
         u,
         m
       ), e.footer) {
@@ -970,28 +973,28 @@ const Pt = E({
       const v = u.getBoundingClientRect().top;
       return m.getBoundingClientRect().top - v + 2;
     }
-    G(() => {
-      document.addEventListener("mouseup", $);
-    }), Me(() => {
-      document.removeEventListener("mouseup", $);
-    }), Y(ee(e, "expanded"), (u) => pe(this, null, function* () {
+    Z(() => {
+      document.addEventListener("mouseup", _);
+    }), xe(() => {
+      document.removeEventListener("mouseup", _);
+    }), X(ee(e, "expanded"), (u) => pe(this, null, function* () {
       const m = d();
       !u && l.value && m === void 0 && f("highlighted"), u && m !== void 0 && f("highlighted", m), u && (yield ue(), le(), yield ue(), q());
-    })), Y(ee(e, "menuItems"), (u) => pe(this, null, function* () {
+    })), X(ee(e, "menuItems"), (u) => pe(this, null, function* () {
       u.length < I.length && (I.length = u.length), e.expanded && (yield ue(), le(), yield ue(), q());
     }), { deep: !0 });
     const he = p(() => ({
-      "max-height": H.value ? `${H.value}px` : void 0,
-      "overflow-y": H.value ? "scroll" : void 0,
+      "max-height": z.value ? `${z.value}px` : void 0,
+      "overflow-y": z.value ? "scroll" : void 0,
       "margin-bottom": U.value ? `${U.value}px` : void 0
-    })), z = p(() => ({
+    })), P = p(() => ({
       "cdx-menu--has-footer": !!e.footer,
-      "cdx-menu--has-sticky-footer": !!e.footer && !!H.value
+      "cdx-menu--has-sticky-footer": !!e.footer && !!z.value
     })), {
       rootClasses: O,
       rootStyle: oe,
       otherAttrs: fe
-    } = re(a, z);
+    } = re(a, P);
     return {
       listBoxStyle: he,
       rootClasses: O,
@@ -1056,41 +1059,41 @@ const Pt = E({
     }
   }
 });
-const jt = {
+const Wt = {
   key: 0,
   class: "cdx-menu__pending cdx-menu-item"
-}, Wt = {
+}, Gt = {
   key: 1,
   class: "cdx-menu__no-results cdx-menu-item"
 };
-function Gt(e, t, n, a, o, r) {
+function Zt(e, t, n, a, o, r) {
   const l = V("cdx-menu-item"), i = V("cdx-progress-bar");
-  return xe((c(), g("div", {
+  return Me((c(), g("div", {
     class: A(["cdx-menu", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
-    C("ul", W({
+    C("ul", G({
       class: "cdx-menu__listbox",
       role: "listbox",
       "aria-multiselectable": "false",
       style: e.listBoxStyle
     }, e.otherAttrs), [
-      e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (c(), g("li", jt, [
+      e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (c(), g("li", Wt, [
         R(e.$slots, "pending")
-      ])) : M("", !0),
-      e.computedShowNoResultsSlot ? (c(), g("li", Wt, [
+      ])) : x("", !0),
+      e.computedShowNoResultsSlot ? (c(), g("li", Gt, [
         R(e.$slots, "no-results")
-      ])) : M("", !0),
+      ])) : x("", !0),
       (c(!0), g(ve, null, qe(e.computedMenuItems, (s, d) => {
-        var f, _;
-        return c(), B(l, W({
+        var f, $;
+        return c(), B(l, G({
           key: s.value,
           ref_for: !0,
           ref: (b) => e.assignTemplateRef(b, d)
         }, s, {
           selected: s.value === e.selected,
           active: s.value === ((f = e.activeMenuItem) == null ? void 0 : f.value),
-          highlighted: s.value === ((_ = e.highlightedMenuItem) == null ? void 0 : _.value),
+          highlighted: s.value === (($ = e.highlightedMenuItem) == null ? void 0 : $.value),
           "show-thumbnail": e.showThumbnail,
           "bold-label": e.boldLabel,
           "hide-description-overflow": e.hideDescriptionOverflow,
@@ -1098,7 +1101,7 @@ function Gt(e, t, n, a, o, r) {
           onChange: (b, w) => e.handleMenuItemChange(b, w && s),
           onClick: (b) => e.$emit("menu-item-click", s)
         }), {
-          default: Q(() => {
+          default: H(() => {
             var b, w;
             return [
               R(e.$slots, "default", {
@@ -1114,15 +1117,15 @@ function Gt(e, t, n, a, o, r) {
         key: 2,
         class: "cdx-menu__progress-bar",
         inline: !0
-      })) : M("", !0)
+      })) : x("", !0)
     ], 16)
   ], 6)), [
-    [He, e.expanded]
+    [ze, e.expanded]
   ]);
 }
-const Jt = /* @__PURE__ */ N(Pt, [["render", Gt]]), Xt = J(lt), Yt = J(ot), Zt = (e) => {
-  !e["aria-label"] && !e["aria-hidden"] && Qe(`icon-only buttons require one of the following attribute: aria-label or aria-hidden.
-		See documentation on https://doc.wikimedia.org/codex/latest/components/button.html#default-icon-only`);
+const Jt = /* @__PURE__ */ N(jt, [["render", Zt]]), Xt = Q(lt), Yt = Q(ot), en = Q(st), tn = (e) => {
+  !e["aria-label"] && !e["aria-hidden"] && He(`icon-only buttons require one of the following attribute: aria-label or aria-hidden.
+		See documentation on https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button-1`);
 };
 function be(e) {
   const t = [];
@@ -1132,15 +1135,15 @@ function be(e) {
     typeof n.type == "object" ? t.push(n) : n.type !== De && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...be(n.children))));
   return t;
 }
-const en = (e, t) => {
+const nn = (e, t) => {
   if (!e)
     return !1;
   const n = be(e);
   if (n.length !== 1)
     return !1;
   const a = n[0], o = typeof a == "object" && typeof a.type == "object" && "name" in a.type && a.type.name === ne.name, r = typeof a == "object" && a.type === "svg";
-  return o || r ? (Zt(t), !0) : !1;
-}, tn = E({
+  return o || r ? (tn(t), !0) : !1;
+}, an = E({
   name: "CdxButton",
   props: {
     /**
@@ -1162,6 +1165,19 @@ const en = (e, t) => {
       type: String,
       default: "normal",
       validator: Yt
+    },
+    /**
+     * Button size.
+     *
+     * Most buttons should use the default medium size. In rare cases the large size should
+     * be used, for example to make icon-only buttons larger on touchscreens.
+     *
+     * @values 'medium', 'large'
+     */
+    size: {
+      type: String,
+      default: "medium",
+      validator: en
     }
   },
   emits: ["click"],
@@ -1173,8 +1189,9 @@ const en = (e, t) => {
         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": en((s = n.default) == null ? void 0 : s.call(n), a),
+          "cdx-button--icon-only": nn((s = n.default) == null ? void 0 : s.call(n), a),
           "cdx-button--is-active": o.value
         };
       }),
@@ -1187,7 +1204,7 @@ const en = (e, t) => {
     };
   }
 });
-function nn(e, t, n, a, o, r) {
+function ln(e, t, n, a, o, r) {
   return c(), g("button", {
     class: A(["cdx-button", e.rootClasses]),
     onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)),
@@ -1197,7 +1214,7 @@ function nn(e, t, n, a, o, r) {
     R(e.$slots, "default")
   ], 34);
 }
-const an = /* @__PURE__ */ N(tn, [["render", nn]]);
+const on = /* @__PURE__ */ N(an, [["render", ln]]);
 function Le(e, t, n) {
   return p({
     get: () => e.value,
@@ -1208,7 +1225,7 @@ function Le(e, t, n) {
     )
   });
 }
-const ln = J(it), on = J(Te), sn = E({
+const sn = Q(ut), un = Q(Te), rn = E({
   name: "CdxTextInput",
   components: { CdxIcon: ne },
   /**
@@ -1235,7 +1252,7 @@ const ln = J(it), on = J(Te), sn = E({
     inputType: {
       type: String,
       default: "text",
-      validator: ln
+      validator: sn
     },
     /**
      * `status` attribute of the input.
@@ -1245,7 +1262,7 @@ const ln = J(it), on = J(Te), sn = E({
     status: {
       type: String,
       default: "default",
-      validator: on
+      validator: un
     },
     /**
      * Whether the input is disabled.
@@ -1318,7 +1335,13 @@ const ln = J(it), on = J(Te), sn = E({
      *
      * @property {FocusEvent} event
      */
-    "blur"
+    "blur",
+    /**
+     * When the input value is cleared through the use of the clear button
+     *
+     * @property {MouseEvent} event
+     */
+    "clear"
   ],
   setup(e, { emit: t, attrs: n }) {
     const a = Le(ee(e, "modelValue"), t), o = p(() => e.clearable && !!a.value && !e.disabled), r = p(() => ({
@@ -1340,25 +1363,25 @@ const ln = J(it), on = J(Te), sn = E({
       rootStyle: i,
       otherAttrs: s,
       inputClasses: d,
-      onClear: () => {
-        a.value = "";
+      onClear: (_) => {
+        a.value = "", t("clear", _);
       },
-      onInput: ($) => {
-        t("input", $);
+      onInput: (_) => {
+        t("input", _);
       },
-      onChange: ($) => {
-        t("change", $);
+      onChange: (_) => {
+        t("change", _);
       },
-      onKeydown: ($) => {
-        ($.key === "Home" || $.key === "End") && !$.ctrlKey && !$.metaKey || t("keydown", $);
+      onKeydown: (_) => {
+        (_.key === "Home" || _.key === "End") && !_.ctrlKey && !_.metaKey || t("keydown", _);
       },
-      onFocus: ($) => {
-        t("focus", $);
+      onFocus: (_) => {
+        t("focus", _);
       },
-      onBlur: ($) => {
-        t("blur", $);
+      onBlur: (_) => {
+        t("blur", _);
       },
-      cdxIconClear: Xe
+      cdxIconClear: Je
     };
   },
   // Public methods
@@ -1375,14 +1398,14 @@ const ln = J(it), on = J(Te), sn = E({
     }
   }
 });
-const un = ["type", "disabled"];
-function rn(e, t, n, a, o, r) {
+const dn = ["type", "disabled"];
+function cn(e, t, n, a, o, r) {
   const l = V("cdx-icon");
   return c(), g("div", {
     class: A(["cdx-text-input", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
-    xe(C("input", W({
+    Me(C("input", G({
       ref: "input",
       "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i),
       class: ["cdx-text-input__input", e.inputClasses]
@@ -1394,34 +1417,34 @@ function rn(e, t, n, a, o, r) {
       onFocus: t[3] || (t[3] = (...i) => e.onFocus && e.onFocus(...i)),
       onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)),
       onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i))
-    }), null, 16, un), [
-      [Ue, e.wrappedModel]
+    }), null, 16, dn), [
+      [Qe, e.wrappedModel]
     ]),
     e.startIcon ? (c(), B(l, {
       key: 0,
       icon: e.startIcon,
       class: "cdx-text-input__icon-vue cdx-text-input__start-icon"
-    }, null, 8, ["icon"])) : M("", !0),
+    }, null, 8, ["icon"])) : x("", !0),
     e.endIcon ? (c(), B(l, {
       key: 1,
       icon: e.endIcon,
       class: "cdx-text-input__icon-vue cdx-text-input__end-icon"
-    }, null, 8, ["icon"])) : M("", !0),
+    }, null, 8, ["icon"])) : x("", !0),
     e.isClearable ? (c(), B(l, {
       key: 2,
       icon: e.cdxIconClear,
       class: "cdx-text-input__icon-vue cdx-text-input__clear-icon",
-      onMousedown: t[6] || (t[6] = Ce(() => {
+      onMousedown: t[6] || (t[6] = _e(() => {
       }, ["prevent"])),
       onClick: e.onClear
-    }, null, 8, ["icon", "onClick"])) : M("", !0)
+    }, null, 8, ["icon", "onClick"])) : x("", !0)
   ], 6);
 }
-const dn = /* @__PURE__ */ N(sn, [["render", rn]]), cn = J(Te), hn = E({
+const hn = /* @__PURE__ */ N(rn, [["render", cn]]), fn = Q(Te), pn = E({
   name: "CdxSearchInput",
   components: {
-    CdxButton: an,
-    CdxTextInput: dn
+    CdxButton: on,
+    CdxTextInput: hn
   },
   /**
    * Attributes, besides class, will be passed to the TextInput's input element.
@@ -1452,7 +1475,7 @@ const dn = /* @__PURE__ */ N(sn, [["render", rn]]), cn = J(Te), hn = E({
     status: {
       type: String,
       default: "default",
-      validator: cn
+      validator: fn
     }
   },
   emits: [
@@ -1485,7 +1508,7 @@ const dn = /* @__PURE__ */ N(sn, [["render", rn]]), cn = J(Te), hn = E({
       handleSubmit: () => {
         t("submit-click", a.value);
       },
-      searchIcon: Ze
+      searchIcon: Ye
     };
   },
   methods: {
@@ -1499,15 +1522,15 @@ const dn = /* @__PURE__ */ N(sn, [["render", rn]]), cn = J(Te), hn = E({
     }
   }
 });
-const fn = { class: "cdx-search-input__input-wrapper" };
-function pn(e, t, n, a, o, r) {
+const mn = { class: "cdx-search-input__input-wrapper" };
+function gn(e, t, n, a, o, r) {
   const l = V("cdx-text-input"), i = V("cdx-button");
   return c(), g("div", {
     class: A(["cdx-search-input", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
-    C("div", fn, [
-      j(l, W({
+    C("div", mn, [
+      W(l, G({
         ref: "textInput",
         modelValue: e.wrappedModel,
         "onUpdate:modelValue": t[0] || (t[0] = (s) => e.wrappedModel = s),
@@ -1525,19 +1548,19 @@ function pn(e, t, n, a, o, r) {
       class: "cdx-search-input__end-button",
       onClick: e.handleSubmit
     }, {
-      default: Q(() => [
-        Z(T(e.buttonLabel), 1)
+      default: H(() => [
+        Y(T(e.buttonLabel), 1)
       ]),
       _: 1
-    }, 8, ["onClick"])) : M("", !0)
+    }, 8, ["onClick"])) : x("", !0)
   ], 6);
 }
-const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
+const vn = /* @__PURE__ */ N(pn, [["render", gn]]), yn = E({
   name: "CdxTypeaheadSearch",
   components: {
     CdxIcon: ne,
     CdxMenu: Jt,
-    CdxSearchInput: mn
+    CdxSearchInput: vn
   },
   /**
    * Attributes, besides class, will be passed to the TextInput's input element.
@@ -1604,7 +1627,7 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
      */
     debounceInterval: {
       type: Number,
-      default: ut
+      default: rt
     },
     /**
      * Whether the search query should be highlighted within a search result's title.
@@ -1670,7 +1693,7 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
     "load-more"
   ],
   setup(e, { attrs: t, emit: n, slots: a }) {
-    const { searchResults: o, searchFooterUrl: r, debounceInterval: l } = ze(e), i = y(), s = y(), d = Ve("typeahead-search-menu"), f = y(!1), _ = y(!1), b = y(!1), w = y(!1), x = y(e.initialInputValue), K = y(""), $ = p(() => {
+    const { searchResults: o, searchFooterUrl: r, debounceInterval: l } = Ue(e), i = y(), s = y(), d = Ve("typeahead-search-menu"), f = y(!1), $ = y(!1), b = y(!1), w = y(!1), M = y(e.initialInputValue), K = y(""), _ = p(() => {
       var h, k;
       return (k = (h = s.value) == null ? void 0 : h.getHighlightedMenuItem()) == null ? void 0 : k.id;
     }), I = y(null), ae = p(() => ({
@@ -1680,13 +1703,13 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
         (h) => h.value === I.value
       )
     ), de = p(
-      () => r.value ? { value: P, url: r.value } : void 0
+      () => r.value ? { value: j, url: r.value } : void 0
     ), q = p(() => ({
       "cdx-typeahead-search--show-thumbnail": e.showThumbnail,
       "cdx-typeahead-search--expanded": f.value,
       "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth
     })), {
-      rootClasses: H,
+      rootClasses: z,
       rootStyle: U,
       otherAttrs: le
     } = re(t, q);
@@ -1700,24 +1723,24 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
       boldLabel: !0,
       hideDescriptionOverflow: !0
     }));
-    let z, O;
+    let P, O;
     function oe(h, k = !1) {
-      L.value && L.value.label !== h && L.value.value !== h && (I.value = null), O !== void 0 && (clearTimeout(O), O = void 0), h === "" ? f.value = !1 : (_.value = !0, a["search-results-pending"] && (O = setTimeout(() => {
+      L.value && L.value.label !== h && L.value.value !== h && (I.value = null), O !== void 0 && (clearTimeout(O), O = void 0), h === "" ? f.value = !1 : ($.value = !0, a["search-results-pending"] && (O = setTimeout(() => {
         w.value && (f.value = !0), b.value = !0;
-      }, rt))), z !== void 0 && (clearTimeout(z), z = void 0);
+      }, dt))), P !== void 0 && (clearTimeout(P), P = void 0);
       const F = () => {
         n("input", h);
       };
-      k ? F() : z = setTimeout(() => {
+      k ? F() : P = setTimeout(() => {
         F();
       }, l.value);
     }
     function fe(h) {
-      if (h === P) {
-        I.value = null, x.value = K.value;
+      if (h === j) {
+        I.value = null, M.value = K.value;
         return;
       }
-      I.value = h, h !== null && (x.value = L.value ? L.value.label || String(L.value.value) : "");
+      I.value = h, h !== null && (M.value = L.value ? L.value.label || String(L.value.value) : "");
     }
     function u() {
       w.value = !0, (K.value || b.value) && (f.value = !0);
@@ -1726,8 +1749,8 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
       w.value = !1, f.value = !1;
     }
     function v(h) {
-      const _e = h, { id: k } = _e, F = ie(_e, ["id"]);
-      if (F.value === P) {
+      const Ce = h, { id: k } = Ce, F = ie(Ce, ["id"]);
+      if (F.value === j) {
         n("search-result-click", {
           searchResult: null,
           index: o.value.length,
@@ -1747,12 +1770,12 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
       };
       n("search-result-click", k);
     }
-    function X(h) {
-      if (h.value === P) {
-        x.value = K.value;
+    function J(h) {
+      if (h.value === j) {
+        M.value = K.value;
         return;
       }
-      x.value = h.value ? h.label || String(h.value) : "";
+      M.value = h.value ? h.label || String(h.value) : "";
     }
     function D(h) {
       var k;
@@ -1776,7 +1799,7 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
       const k = s.value.getHighlightedMenuItem(), F = s.value.getHighlightedViaKeyboard();
       switch (h.key) {
         case "Enter":
-          k && (k.value === P && F ? window.location.assign(r.value) : s.value.delegateKeyNavigation(h, !1)), f.value = !1;
+          k && (k.value === j && F ? window.location.assign(r.value) : s.value.delegateKeyNavigation(h, !1)), f.value = !1;
           break;
         case "Tab":
           f.value = !1;
@@ -1786,24 +1809,24 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
           break;
       }
     }
-    return G(() => {
+    return Z(() => {
       e.initialInputValue && oe(e.initialInputValue, !0);
-    }), Y(ee(e, "searchResults"), () => {
-      K.value = x.value.trim(), w.value && _.value && K.value.length > 0 && (f.value = !0), O !== void 0 && (clearTimeout(O), O = void 0), _.value = !1, b.value = !1;
+    }), X(ee(e, "searchResults"), () => {
+      K.value = M.value.trim(), w.value && $.value && K.value.length > 0 && (f.value = !0), O !== void 0 && (clearTimeout(O), O = void 0), $.value = !1, b.value = !1;
     }), {
       form: i,
       menu: s,
       menuId: d,
-      highlightedId: $,
+      highlightedId: _,
       selection: I,
       menuMessageClass: ae,
       footer: de,
       asSearchResult: ce,
-      inputValue: x,
+      inputValue: M,
       searchQuery: K,
       expanded: f,
       showPending: b,
-      rootClasses: H,
+      rootClasses: z,
       rootStyle: U,
       otherAttrs: le,
       menuConfig: he,
@@ -1812,12 +1835,12 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
       onFocus: u,
       onBlur: m,
       onSearchResultClick: v,
-      onSearchResultKeyboardNavigation: X,
+      onSearchResultKeyboardNavigation: J,
       onSearchFooterClick: D,
       onSubmit: Be,
       onKeydown: Ae,
-      MenuFooterValue: P,
-      articleIcon: Je
+      MenuFooterValue: j,
+      articleIcon: Ze
     };
   },
   methods: {
@@ -1831,8 +1854,8 @@ const mn = /* @__PURE__ */ N(hn, [["render", pn]]), gn = E({
     }
   }
 });
-const vn = ["id", "action"], yn = { class: "cdx-typeahead-search__menu-message__text" }, bn = { class: "cdx-typeahead-search__menu-message__text" }, Cn = ["href", "onClickCapture"], _n = { class: "cdx-typeahead-search__search-footer__text" }, $n = { class: "cdx-typeahead-search__search-footer__query" };
-function Sn(e, t, n, a, o, r) {
+const bn = ["id", "action"], _n = { class: "cdx-typeahead-search__menu-message__text" }, Cn = { class: "cdx-typeahead-search__menu-message__text" }, $n = ["href", "onClickCapture"], Sn = { class: "cdx-menu-item__text cdx-typeahead-search__search-footer__text" }, wn = { class: "cdx-typeahead-search__search-footer__query" };
+function In(e, t, n, a, o, r) {
   const l = V("cdx-icon"), i = V("cdx-menu"), s = V("cdx-search-input");
   return c(), g("div", {
     class: A(["cdx-typeahead-search", e.rootClasses]),
@@ -1845,7 +1868,7 @@ function Sn(e, t, n, a, o, r) {
       action: e.formAction,
       onSubmit: t[4] || (t[4] = (...d) => e.onSubmit && e.onSubmit(...d))
     }, [
-      j(s, W({
+      W(s, G({
         ref: "searchInput",
         modelValue: e.inputValue,
         "onUpdate:modelValue": t[3] || (t[3] = (d) => e.inputValue = d),
@@ -1864,8 +1887,8 @@ function Sn(e, t, n, a, o, r) {
         onBlur: e.onBlur,
         onKeydown: e.onKeydown
       }), {
-        default: Q(() => [
-          j(i, W({
+        default: H(() => [
+          W(i, G({
             id: e.menuId,
             ref: "menu",
             expanded: e.expanded,
@@ -1883,43 +1906,43 @@ function Sn(e, t, n, a, o, r) {
             onMenuItemKeyboardNavigation: e.onSearchResultKeyboardNavigation,
             onLoadMore: t[2] || (t[2] = (d) => e.$emit("load-more"))
           }), {
-            pending: Q(() => [
+            pending: H(() => [
               C("div", {
-                class: A(["cdx-typeahead-search__menu-message", e.menuMessageClass])
+                class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass])
               }, [
-                C("span", yn, [
+                C("span", _n, [
                   R(e.$slots, "search-results-pending")
                 ])
               ], 2)
             ]),
-            "no-results": Q(() => [
+            "no-results": H(() => [
               C("div", {
-                class: A(["cdx-typeahead-search__menu-message", e.menuMessageClass])
+                class: A(["cdx-menu-item__content cdx-typeahead-search__menu-message", e.menuMessageClass])
               }, [
-                C("span", bn, [
+                C("span", Cn, [
                   R(e.$slots, "search-no-results-text")
                 ])
               ], 2)
             ]),
-            default: Q(({ menuItem: d, active: f }) => [
+            default: H(({ menuItem: d, active: f }) => [
               d.value === e.MenuFooterValue ? (c(), g("a", {
                 key: 0,
-                class: A(["cdx-typeahead-search__search-footer", {
+                class: A(["cdx-menu-item__content cdx-typeahead-search__search-footer", {
                   "cdx-typeahead-search__search-footer__active": f
                 }]),
                 href: e.asSearchResult(d).url,
-                onClickCapture: Ce((_) => e.onSearchFooterClick(e.asSearchResult(d)), ["stop"])
+                onClickCapture: _e(($) => e.onSearchFooterClick(e.asSearchResult(d)), ["stop"])
               }, [
-                j(l, {
-                  class: "cdx-typeahead-search__search-footer__icon",
+                W(l, {
+                  class: "cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",
                   icon: e.articleIcon
                 }, null, 8, ["icon"]),
-                C("span", _n, [
+                C("span", Sn, [
                   R(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [
-                    C("strong", $n, T(e.searchQuery), 1)
+                    C("strong", wn, T(e.searchQuery), 1)
                   ])
                 ])
-              ], 42, Cn)) : M("", !0)
+              ], 42, $n)) : x("", !0)
             ]),
             _: 3
           }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"])
@@ -1927,10 +1950,10 @@ function Sn(e, t, n, a, o, r) {
         _: 3
       }, 16, ["modelValue", "button-label", "aria-owns", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]),
       R(e.$slots, "default")
-    ], 40, vn)
+    ], 40, bn)
   ], 6);
 }
-const kn = /* @__PURE__ */ N(gn, [["render", Sn]]);
+const Mn = /* @__PURE__ */ N(yn, [["render", In]]);
 export {
-  kn as CdxTypeaheadSearch
+  Mn as CdxTypeaheadSearch
 };
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 bd51246aae29..60088e955a53 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.cdx-progress-bar--block{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::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.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;width:auto;margin-left:8px}.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__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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.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" 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;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}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.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 5aaa6474b513..f7a77eb99ef4 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.cdx-progress-bar--block{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::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.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;width:auto;margin-right:8px}.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__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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.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" 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;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}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.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 40eb6bc24797..40229c2924e8 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.cdx-progress-bar--block{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::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.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;width:auto;margin-left:8px}.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__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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.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" 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;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}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.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 8c568be7a297..713eae86dd1f 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.cdx-progress-bar--block{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::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.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;width:auto;margin-right:8px}.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__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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.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" 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;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}.cdx-button:not(.cdx-button--size-large){min-width:32px;min-height:32px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-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--icon-only:not(.cdx-button--size-large){padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):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):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive: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: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){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{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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive: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{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive: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: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){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{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive: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{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive: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:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive: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{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive: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: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){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):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-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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.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;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.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 a31c08512511..00d4c231e743 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 Ft=Object.defineProperty,qt=Object.defineProperties;var Ht=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var ue=(f,t,y)=>t in f?Ft(f,t,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[t]=y,me=(f,t)=>{for(var y in t||(t={}))he.call(t,y)&&ue(f,y,t[y]);if(G)for(var y of G(t))pe.call(t,y)&&ue(f,y,t[y]);return f},fe=(f,t)=>qt(f,Ht(t));var J=(f,t)=>{var y={};for(var B in f)he.call(f,B)&&t.indexOf(B)<0&&(y[B]=f[B]);if(f!=null&&G)for(var B of G(f))t.indexOf(B)<0&&pe.call(f,B)&&(y[B]=f[B]);return y};var se=(f,t,y)=>new Promise((B,P)=>{var X=E=>{try{O(y.next(E))}catch(F){P(F)}},Y=E=>{try{O(y.throw(E))}catch(F){P(F)}},O=E=>E.done?B(E.value):Promise.resolve(E.value).then(X,Y);O((y=y.apply(f,t)).next())});const y='<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"/>',B='<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"/>',P='<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=y,O=B,E=P,F=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 K(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Z="cdx",ke=["default","progressive","destructive"],Se=["normal","primary","quiet"],_e=["x-small","small","medium"],$e=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],ie=["default","error"],we=120,Be=500,R="cdx-menu-footer-item",Ie=K(_e),xe=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:Ie}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=be(o),a=Ce(o),d=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||a.value),c=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&l.value!==null&&ye(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),i=t.computed(()=>ge(e.icon,l.value||"",d.value||"ltr")),u=t.computed(()=>typeof i.value=="string"?i.value:""),p=t.computed(()=>typeof i.value!="string"?i.value.path:"");return{rootElement:o,rootClasses:c,iconSvg:u,iconPath:p,onClick:b=>{n("click",b)}}}}),Pt="",M=(e,n)=>{const o=e.__vccOpts||e;for(const[s,a]of n)o[s]=a;return o},Me=["aria-hidden"],Ve={key:0},Ee=["innerHTML"],Ne=["d"];function ve(e,n,o,s,a,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",Ve,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,Ee)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Ne))],8,Me))],2)}const q=M(xe,[["render",ve]]),Te=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:q},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:E}},setup:e=>{const n=t.ref(!1),o=t.ref({}),s=a=>{const d=a.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${d}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=d};return t.onMounted(()=>{var a;(a=e.thumbnail)!=null&&a.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Qt="",Le={class:"cdx-thumbnail"},Ae={key:0,class:"cdx-thumbnail__placeholder"};function Ke(e,n,o,s,a,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Le,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Ae,[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 Re=M(Te,[["render",Ke]]);function De(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const ze="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Oe(e,n){if(!e)return[n,"",""];const o=De(e),s=new RegExp(o+ze+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const a=s.index,d=a+s[0].length,l=n.slice(a,d),c=n.slice(0,a),i=n.slice(d,n.length);return[c,l,i]}const Fe=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Oe(e.searchQuery,String(e.title)))})}),Ut="",qe={class:"cdx-search-result-title"},He={class:"cdx-search-result-title__match"};function Pe(e,n,o,s,a,d){return t.openBlock(),t.createElementBlock("span",qe,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",He,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Qe=M(Fe,[["render",Pe]]),Ue=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:q,CdxThumbnail:Re,CdxSearchResultTitle:Qe},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},s=()=>{n("change","highlighted",!1)},a=p=>{p.button===0&&n("change","active",!0)},d=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),c=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})),i=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:a,onClick:d,highlightQuery:l,rootClasses:c,contentTag:i,title:u}}}),jt="",je=["id","aria-disabled","aria-selected"],We={class:"cdx-menu-item__text"},Ge=["lang"],Je=["lang"],Xe=["lang"],Ye=["lang"];function Ze(e,n,o,s,a,d){const l=t.resolveComponent("cdx-thumbnail"),c=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,p,C,b,_,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(c,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",We,[e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(p=e.language)==null?void 0:p.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,Ge)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.match,"search-query":e.searchQuery,lang:(C=e.language)==null?void 0:C.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(b=e.language)==null?void 0:b.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,Je))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(_=e.language)==null?void 0:_.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Xe)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(I=e.language)==null?void 0:I.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Ye)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,je)}const et=M(Ue,[["render",Ze]]),tt=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}))}}}),Wt="",nt=["aria-disabled"],ot=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function lt(e,n,o,s,a,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},ot,10,nt)}const at=M(tt,[["render",lt]]);let ee=0;function re(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 st(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 a=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{s=!0,e.value&&a.observe(e.value)}),t.onUnmounted(()=>{s=!1,a.disconnect()}),t.watch(e,d=>{s&&(a.disconnect(),o.value=!1,d&&a.observe(d))}),o}function Q(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const d=J(n.value,[]);return e.class&&e.class.split(" ").forEach(c=>{d[c]=!0}),d}),s=t.computed(()=>{if("style"in e)return e.style}),a=t.computed(()=>{const i=e,{class:d,style:l}=i;return J(i,["class","style"])});return{rootClasses:o,rootStyle:s,otherAttrs:a}}const it=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:et,CdxProgressBar:at},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 a=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(m=>fe(me({},m),{id:re("menu-item")}))),d=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:a.value.length===0:!1),l=t.ref(null),c=t.ref(!1),i=t.ref(null);function u(){return a.value.find(r=>r.value===e.selected)}function p(r,m){var g;if(!(m&&m.disabled))switch(r){case"selected":n("update:selected",(g=m==null?void 0:m.value)!=null?g:null),n("update:expanded",!1),i.value=null;break;case"highlighted":l.value=m||null,c.value=!1;break;case"highlightedViaKeyboard":l.value=m||null,c.value=!0;break;case"active":i.value=m||null;break}}const C=t.computed(()=>{if(l.value!==null)return a.value.findIndex(r=>r.value===l.value.value)});function b(r){r&&(p("highlightedViaKeyboard",r),n("menu-item-keyboard-navigation",r))}function _(r){var S;const m=H=>{for(let A=H-1;A>=0;A--)if(!a.value[A].disabled)return a.value[A]};r=r||a.value.length;const g=(S=m(r))!=null?S:m(a.value.length);b(g)}function I(r){const m=S=>a.value.find((H,A)=>!H.disabled&&A>S);r=r!=null?r:-1;const g=m(r)||m(-1);b(g)}function V(r,m=!0){function g(){n("update:expanded",!0),p("highlighted",u())}function S(){m&&(r.preventDefault(),r.stopPropagation())}switch(r.key){case"Enter":case" ":return S(),e.expanded?(l.value&&c.value&&n("update:selected",l.value.value),n("update:expanded",!1)):g(),!0;case"Tab":return e.expanded&&(l.value&&c.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_(C.value)):g(),T(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),I(C.value)):g(),T(),!0;case"Home":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),I()):g(),T(),!0;case"End":return S(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",u()),_()):g(),T(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function k(){p("active")}const $=[],U=t.ref(void 0),x=st(U,{threshold:.8});t.watch(x,r=>{r&&n("load-more")});function ne(r,m){if(r){$[m]=r.$el;const g=e.visibleItemLimit;if(!g||e.menuItems.length<g)return;const S=Math.min(g,Math.max(2,Math.floor(.2*e.menuItems.length)));m===e.menuItems.length-S&&(U.value=r.$el)}}function T(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||C.value===void 0)return;const r=C.value>=0?C.value:0;$[r].scrollIntoView({behavior:"smooth",block:"nearest"})}const L=t.ref(null),D=t.ref(null);function j(){if(D.value=null,!e.visibleItemLimit||$.length<=e.visibleItemLimit){L.value=null;return}const r=$[0],m=$[e.visibleItemLimit];if(L.value=oe(r,m),e.footer){const g=$[$.length-1];D.value=g.scrollHeight}}function oe(r,m){const g=r.getBoundingClientRect().top;return m.getBoundingClientRect().top-g+2}t.onMounted(()=>{document.addEventListener("mouseup",k)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",k)}),t.watch(t.toRef(e,"expanded"),r=>se(this,null,function*(){const m=u();!r&&l.value&&m===void 0&&p("highlighted"),r&&m!==void 0&&p("highlighted",m),r&&(yield t.nextTick(),j(),yield t.nextTick(),T())})),t.watch(t.toRef(e,"menuItems"),r=>se(this,null,function*(){r.length<$.length&&($.length=r.length),e.expanded&&(yield t.nextTick(),j(),yield t.nextTick(),T())}),{deep:!0});const le=t.computed(()=>({"max-height":L.value?`${L.value}px`:void 0,"overflow-y":L.value?"scroll":void 0,"margin-bottom":D.value?`${D.value}px`:void 0})),z=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!L.value})),{rootClasses:N,rootStyle:W,otherAttrs:ae}=Q(s,z);return{listBoxStyle:le,rootClasses:N,rootStyle:W,otherAttrs:ae,assignTemplateRef:ne,computedMenuItems:a,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:c,activeMenuItem:i,handleMenuItemChange:p,handleKeyNavigation:V}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Jt="",rt={key:0,class:"cdx-menu__pending cdx-menu-item"},dt={key:1,class:"cdx-menu__no-results cdx-menu-item"};function ct(e,n,o,s,a,d){const l=t.resolveComponent("cdx-menu-item"),c=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",rt,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",dt,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(i,u)=>{var p,C;return t.openBlock(),t.createBlock(l,t.mergeProps({key:i.value,ref_for:!0,ref:b=>e.assignTemplateRef(b,u)},i,{selected:i.value===e.selected,active:i.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:i.value===((C=e.highlightedMenuItem)==null?void 0:C.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(b,_)=>e.handleMenuItemChange(b,_&&i),onClick:b=>e.$emit("menu-item-click",i)}),{default:t.withCtx(()=>{var b,_;return[t.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((b=e.activeMenuItem)==null?void 0:b.value)&&i.value===((_=e.highlightedMenuItem)==null?void 0:_.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(c,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const ut=M(it,[["render",ct]]),ht=K(ke),pt=K(Se),mt=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/button.html#default-icon-only`)};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 ft=(e,n)=>{if(!e)return!1;const o=te(e);if(o.length!==1)return!1;const s=o[0],a=typeof s=="object"&&typeof s.type=="object"&&"name"in s.type&&s.type.name===q.name,d=typeof s=="object"&&s.type==="svg";return a||d?(mt(n),!0):!1},gt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:ht},weight:{type:String,default:"normal",validator:pt}},emits:["click"],setup(e,{emit:n,slots:o,attrs:s}){const a=t.ref(!1);return{rootClasses:t.computed(()=>{var i;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":ft((i=o.default)==null?void 0:i.call(o),s),"cdx-button--is-active":a.value}}),onClick:i=>{n("click",i)},setActive:i=>{a.value=i}}}}),Xt="";function yt(e,n,o,s,a,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:n[1]||(n[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const bt=M(gt,[["render",yt]]);function de(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}const Ct=K($e),kt=K(ie),St=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:q},inheritAttrs:!1,expose:["focus"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Ct},status:{type:String,default:"default",validator:kt},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"],setup(e,{emit:n,attrs:o}){const s=de(t.toRef(e,"modelValue"),n),a=t.computed(()=>e.clearable&&!!s.value&&!e.disabled),d=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":a.value,[`cdx-text-input--status-${e.status}`]:!0})),{rootClasses:l,rootStyle:c,otherAttrs:i}=Q(o,d),u=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{wrappedModel:s,isClearable:a,rootClasses:l,rootStyle:c,otherAttrs:i,inputClasses:u,onClear:()=>{s.value=""},onInput:k=>{n("input",k)},onChange:k=>{n("change",k)},onKeydown:k=>{(k.key==="Home"||k.key==="End")&&!k.ctrlKey&&!k.metaKey||n("keydown",k)},onFocus:k=>{n("focus",k)},onBlur:k=>{n("blur",k)},cdxIconClear:O}},methods:{focus(){this.$refs.input.focus()}}}),Yt="",_t=["type","disabled"];function $t(e,n,o,s,a,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=c=>e.wrappedModel=c),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...c)=>e.onInput&&e.onInput(...c)),onChange:n[2]||(n[2]=(...c)=>e.onChange&&e.onChange(...c)),onFocus:n[3]||(n[3]=(...c)=>e.onFocus&&e.onFocus(...c)),onBlur:n[4]||(n[4]=(...c)=>e.onBlur&&e.onBlur(...c)),onKeydown:n[5]||(n[5]=(...c)=>e.onKeydown&&e.onKeydown(...c))}),null,16,_t),[[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 wt=M(St,[["render",$t]]),Bt=K(ie),It=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:bt,CdxTextInput:wt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:Bt}},emits:["update:modelValue","submit-click"],setup(e,{emit:n,attrs:o}){const s=de(t.toRef(e,"modelValue"),n),a=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:d,rootStyle:l,otherAttrs:c}=Q(o,a);return{wrappedModel:s,rootClasses:d,rootStyle:l,otherAttrs:c,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:F}},methods:{focus(){this.$refs.textInput.focus()}}}),Zt="",xt={class:"cdx-search-input__input-wrapper"};function Mt(e,n,o,s,a,d){const l=t.resolveComponent("cdx-text-input"),c=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",xt,[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"])}),null,16,["modelValue","start-icon","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(c,{key:0,class:"cdx-search-input__end-button",onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["onClick"])):t.createCommentVNode("",!0)],6)}const Vt=M(It,[["render",Mt]]),Et=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:q,CdxMenu:ut,CdxSearchInput:Vt},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:we},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{searchResults:a,searchFooterUrl:d,debounceInterval:l}=t.toRefs(e),c=t.ref(),i=t.ref(),u=re("typeahead-search-menu"),p=t.ref(!1),C=t.ref(!1),b=t.ref(!1),_=t.ref(!1),I=t.ref(e.initialInputValue),V=t.ref(""),k=t.computed(()=>{var h,w;return(w=(h=i.value)==null?void 0:h.getHighlightedMenuItem())==null?void 0:w.id}),$=t.ref(null),U=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),x=t.computed(()=>e.searchResults.find(h=>h.value===$.value)),ne=t.computed(()=>d.value?{value:R,url:d.value}:void 0),T=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":p.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:L,rootStyle:D,otherAttrs:j}=Q(n,T);function oe(h){return h}const le=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let z,N;function W(h,w=!1){x.value&&x.value.label!==h&&x.value.value!==h&&($.value=null),N!==void 0&&(clearTimeout(N),N=void 0),h===""?p.value=!1:(C.value=!0,s["search-results-pending"]&&(N=setTimeout(()=>{_.value&&(p.value=!0),b.value=!0},Be))),z!==void 0&&(clearTimeout(z),z=void 0);const v=()=>{o("input",h)};w?v():z=setTimeout(()=>{v()},l.value)}function ae(h){if(h===R){$.value=null,I.value=V.value;return}$.value=h,h!==null&&(I.value=x.value?x.value.label||String(x.value.value):"")}function r(){_.value=!0,(V.value||b.value)&&(p.value=!0)}function m(){_.value=!1,p.value=!1}function g(h){const ce=h,{id:w}=ce,v=J(ce,["id"]);if(v.value===R){o("search-result-click",{searchResult:null,index:a.value.length,numberOfResults:a.value.length});return}S(v)}function S(h){const w={searchResult:h,index:a.value.findIndex(v=>v.value===h.value),numberOfResults:a.value.length};o("search-result-click",w)}function H(h){if(h.value===R){I.value=V.value;return}I.value=h.value?h.label||String(h.value):""}function A(h){var w;p.value=!1,(w=i.value)==null||w.clearActive(),g(h)}function zt(h){if(x.value)S(x.value),h.stopPropagation(),window.location.assign(x.value.url),h.preventDefault();else{const w={searchResult:null,index:-1,numberOfResults:a.value.length};o("submit",w)}}function Ot(h){if(!i.value||!V.value||h.key===" ")return;const w=i.value.getHighlightedMenuItem(),v=i.value.getHighlightedViaKeyboard();switch(h.key){case"Enter":w&&(w.value===R&&v?window.location.assign(d.value):i.value.delegateKeyNavigation(h,!1)),p.value=!1;break;case"Tab":p.value=!1;break;default:i.value.delegateKeyNavigation(h);break}}return t.onMounted(()=>{e.initialInputValue&&W(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{V.value=I.value.trim(),_.value&&C.value&&V.value.length>0&&(p.value=!0),N!==void 0&&(clearTimeout(N),N=void 0),C.value=!1,b.value=!1}),{form:c,menu:i,menuId:u,highlightedId:k,selection:$,menuMessageClass:U,footer:ne,asSearchResult:oe,inputValue:I,searchQuery:V,expanded:p,showPending:b,rootClasses:L,rootStyle:D,otherAttrs:j,menuConfig:le,onUpdateInputValue:W,onUpdateMenuSelection:ae,onFocus:r,onBlur:m,onSearchResultClick:g,onSearchResultKeyboardNavigation:H,onSearchFooterClick:A,onSubmit:zt,onKeydown:Ot,MenuFooterValue:R,articleIcon:Y}},methods:{focus(){this.$refs.searchInput.focus()}}}),en="",Nt=["id","action"],vt={class:"cdx-typeahead-search__menu-message__text"},Tt={class:"cdx-typeahead-search__menu-message__text"},Lt=["href","onClickCapture"],At={class:"cdx-typeahead-search__search-footer__text"},Kt={class:"cdx-typeahead-search__search-footer__query"};function Rt(e,n,o,s,a,d){const l=t.resolveComponent("cdx-icon"),c=t.resolveComponent("cdx-menu"),i=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(i,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-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(c,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-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",vt,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Tt,[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-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(C=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(l,{class:"cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",At,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Kt,t.toDisplayString(e.searchQuery),1)])])],42,Lt)):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,Nt)],6)}const Dt=M(Et,[["render",Rt]]);f.CdxTypeaheadSearch=Dt,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 Pt=Object.defineProperty,Ht=Object.defineProperties;var Qt=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var ue=(f,t,y)=>t in f?Pt(f,t,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[t]=y,pe=(f,t)=>{for(var y in t||(t={}))he.call(t,y)&&ue(f,y,t[y]);if(G)for(var y of G(t))me.call(t,y)&&ue(f,y,t[y]);return f},fe=(f,t)=>Ht(f,Qt(t));var Z=(f,t)=>{var y={};for(var B in f)he.call(f,B)&&t.indexOf(B)<0&&(y[B]=f[B]);if(f!=null&&G)for(var B of G(f))t.indexOf(B)<0&&me.call(f,B)&&(y[B]=f[B]);return y};var se=(f,t,y)=>new Promise((B,H)=>{var J=E=>{try{O(y.next(E))}catch(F){H(F)}},X=E=>{try{O(y.throw(E))}catch(F){H(F)}},O=E=>E.done?B(E.value):Promise.resolve(E.value).then(J,X);O((y=y.apply(f,t)).next())});const y='<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"/>',B='<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"/>',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=y,O=B,E=H,F=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 K(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Y="cdx",ke=["default","progressive","destructive"],Se=["normal","primary","quiet"],_e=["medium","large"],$e=["x-small","small","medium"],we=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],ie=["default","error"],Be=120,xe=500,R="cdx-menu-footer-item",Ie=K($e),Me=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:Ie}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=be(o),a=Ce(o),d=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||a.value),c=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&l.value!==null&&ye(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),i=t.computed(()=>ge(e.icon,l.value||"",d.value||"ltr")),u=t.computed(()=>typeof i.value=="string"?i.value:""),m=t.computed(()=>typeof i.value!="string"?i.value.path:"");return{rootElement:o,rootClasses:c,iconSvg:u,iconPath:m,onClick:b=>{n("click",b)}}}}),Ut="",M=(e,n)=>{const o=e.__vccOpts||e;for(const[s,a]of n)o[s]=a;return o},Ve=["aria-hidden"],Ee={key:0},Ne=["innerHTML"],ve=["d"];function Te(e,n,o,s,a,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",Ee,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,Ne)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,ve))],8,Ve))],2)}const q=M(Me,[["render",Te]]),Le=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:q},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:E}},setup:e=>{const n=t.ref(!1),o=t.ref({}),s=a=>{const d=a.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${d}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=d};return t.onMounted(()=>{var a;(a=e.thumbnail)!=null&&a.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),jt="",Ae={class:"cdx-thumbnail"},Ke={key:0,class:"cdx-thumbnail__placeholder"};function Re(e,n,o,s,a,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Ae,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Ke,[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 ze=M(Le,[["render",Re]]);function De(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const Oe="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Fe(e,n){if(!e)return[n,"",""];const o=De(e),s=new RegExp(o+Oe+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const a=s.index,d=a+s[0].length,l=n.slice(a,d),c=n.slice(0,a),i=n.slice(d,n.length);return[c,l,i]}const qe=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Fe(e.searchQuery,String(e.title)))})}),Wt="",Pe={class:"cdx-search-result-title"},He={class:"cdx-search-result-title__match"};function Qe(e,n,o,s,a,d){return t.openBlock(),t.createElementBlock("span",Pe,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",He,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ue=M(qe,[["render",Qe]]),je=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:q,CdxThumbnail:ze,CdxSearchResultTitle:Ue},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)},a=m=>{m.button===0&&n("change","active",!0)},d=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),c=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})),i=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:a,onClick:d,highlightQuery:l,rootClasses:c,contentTag:i,title:u}}}),Gt="",We=["id","aria-disabled","aria-selected"],Ge={class:"cdx-menu-item__text"},Ze=["lang"],Je=["lang"],Xe=["lang"],Ye=["lang"];function et(e,n,o,s,a,d){const l=t.resolveComponent("cdx-thumbnail"),c=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,m,k,b,_,x;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(c,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Ge,[e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(m=e.language)==null?void 0:m.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,Ze)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.match,"search-query":e.searchQuery,lang:(k=e.language)==null?void 0:k.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(b=e.language)==null?void 0:b.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,Je))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(_=e.language)==null?void 0:_.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Xe)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(x=e.language)==null?void 0:x.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Ye)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,We)}const tt=M(je,[["render",et]]),nt=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="",ot=["aria-disabled"],lt=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function at(e,n,o,s,a,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},lt,10,ot)}const st=M(nt,[["render",at]]);let ee=0;function re(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 it(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 a=new window.IntersectionObserver(d=>{const l=d[0];l&&(o.value=l.isIntersecting)},n);return t.onMounted(()=>{s=!0,e.value&&a.observe(e.value)}),t.onUnmounted(()=>{s=!1,a.disconnect()}),t.watch(e,d=>{s&&(a.disconnect(),o.value=!1,d&&a.observe(d))}),o}function Q(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const d=Z(n.value,[]);return e.class&&e.class.split(" ").forEach(c=>{d[c]=!0}),d}),s=t.computed(()=>{if("style"in e)return e.style}),a=t.computed(()=>{const i=e,{class:d,style:l}=i;return Z(i,["class","style"])});return{rootClasses:o,rootStyle:s,otherAttrs:a}}const rt=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:tt,CdxProgressBar:st},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 a=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(p=>fe(pe({},p),{id:re("menu-item")}))),d=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:a.value.length===0:!1),l=t.ref(null),c=t.ref(!1),i=t.ref(null);function u(){return a.value.find(r=>r.value===e.selected)}function m(r,p){var g;if(!(p&&p.disabled))switch(r){case"selected":n("update:selected",(g=p==null?void 0:p.value)!=null?g:null),n("update:expanded",!1),i.value=null;break;case"highlighted":l.value=p||null,c.value=!1;break;case"highlightedViaKeyboard":l.value=p||null,c.value=!0;break;case"active":i.value=p||null;break}}const k=t.computed(()=>{if(l.value!==null)return a.value.findIndex(r=>r.value===l.value.value)});function b(r){r&&(m("highlightedViaKeyboard",r),n("menu-item-keyboard-navigation",r))}function _(r){var S;const p=P=>{for(let A=P-1;A>=0;A--)if(!a.value[A].disabled)return a.value[A]};r=r||a.value.length;const g=(S=p(r))!=null?S:p(a.value.length);b(g)}function x(r){const p=S=>a.value.find((P,A)=>!P.disabled&&A>S);r=r!=null?r:-1;const g=p(r)||p(-1);b(g)}function V(r,p=!0){function g(){n("update:expanded",!0),m("highlighted",u())}function S(){p&&(r.preventDefault(),r.stopPropagation())}switch(r.key){case"Enter":case" ":return S(),e.expanded?(l.value&&c.value&&n("update:selected",l.value.value),n("update:expanded",!1)):g(),!0;case"Tab":return e.expanded&&(l.value&&c.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return S(),e.expanded?(l.value===null&&m("highlightedViaKeyboard",u()),_(k.value)):g(),T(),!0;case"ArrowDown":return S(),e.expanded?(l.value===null&&m("highlightedViaKeyboard",u()),x(k.value)):g(),T(),!0;case"Home":return S(),e.expanded?(l.value===null&&m("highlightedViaKeyboard",u()),x()):g(),T(),!0;case"End":return S(),e.expanded?(l.value===null&&m("highlightedViaKeyboard",u()),_()):g(),T(),!0;case"Escape":return S(),n("update:expanded",!1),!0;default:return!1}}function C(){m("active")}const $=[],U=t.ref(void 0),I=it(U,{threshold:.8});t.watch(I,r=>{r&&n("load-more")});function ne(r,p){if(r){$[p]=r.$el;const g=e.visibleItemLimit;if(!g||e.menuItems.length<g)return;const S=Math.min(g,Math.max(2,Math.floor(.2*e.menuItems.length)));p===e.menuItems.length-S&&(U.value=r.$el)}}function T(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||k.value===void 0)return;const r=k.value>=0?k.value:0;$[r].scrollIntoView({behavior:"smooth",block:"nearest"})}const L=t.ref(null),z=t.ref(null);function j(){if(z.value=null,!e.visibleItemLimit||$.length<=e.visibleItemLimit){L.value=null;return}const r=$[0],p=$[e.visibleItemLimit];if(L.value=oe(r,p),e.footer){const g=$[$.length-1];z.value=g.scrollHeight}}function oe(r,p){const g=r.getBoundingClientRect().top;return p.getBoundingClientRect().top-g+2}t.onMounted(()=>{document.addEventListener("mouseup",C)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",C)}),t.watch(t.toRef(e,"expanded"),r=>se(this,null,function*(){const p=u();!r&&l.value&&p===void 0&&m("highlighted"),r&&p!==void 0&&m("highlighted",p),r&&(yield t.nextTick(),j(),yield t.nextTick(),T())})),t.watch(t.toRef(e,"menuItems"),r=>se(this,null,function*(){r.length<$.length&&($.length=r.length),e.expanded&&(yield t.nextTick(),j(),yield t.nextTick(),T())}),{deep:!0});const le=t.computed(()=>({"max-height":L.value?`${L.value}px`:void 0,"overflow-y":L.value?"scroll":void 0,"margin-bottom":z.value?`${z.value}px`:void 0})),D=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!L.value})),{rootClasses:N,rootStyle:W,otherAttrs:ae}=Q(s,D);return{listBoxStyle:le,rootClasses:N,rootStyle:W,otherAttrs:ae,assignTemplateRef:ne,computedMenuItems:a,computedShowNoResultsSlot:d,highlightedMenuItem:l,highlightedViaKeyboard:c,activeMenuItem:i,handleMenuItemChange:m,handleKeyNavigation:V}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Xt="",dt={key:0,class:"cdx-menu__pending cdx-menu-item"},ct={key:1,class:"cdx-menu__no-results cdx-menu-item"};function ut(e,n,o,s,a,d){const l=t.resolveComponent("cdx-menu-item"),c=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",dt,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",ct,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(i,u)=>{var m,k;return t.openBlock(),t.createBlock(l,t.mergeProps({key:i.value,ref_for:!0,ref:b=>e.assignTemplateRef(b,u)},i,{selected:i.value===e.selected,active:i.value===((m=e.activeMenuItem)==null?void 0:m.value),highlighted:i.value===((k=e.highlightedMenuItem)==null?void 0:k.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(b,_)=>e.handleMenuItemChange(b,_&&i),onClick:b=>e.$emit("menu-item-click",i)}),{default:t.withCtx(()=>{var b,_;return[t.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((b=e.activeMenuItem)==null?void 0:b.value)&&i.value===((_=e.highlightedMenuItem)==null?void 0:_.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(c,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const ht=M(rt,[["render",ut]]),mt=K(ke),pt=K(Se),ft=K(_e),gt=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 yt=(e,n)=>{if(!e)return!1;const o=te(e);if(o.length!==1)return!1;const s=o[0],a=typeof s=="object"&&typeof s.type=="object"&&"name"in s.type&&s.type.name===q.name,d=typeof s=="object"&&s.type==="svg";return a||d?(gt(n),!0):!1},bt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:mt},weight:{type:String,default:"normal",validator:pt},size:{type:String,default:"medium",validator:ft}},emits:["click"],setup(e,{emit:n,slots:o,attrs:s}){const a=t.ref(!1);return{rootClasses:t.computed(()=>{var i;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,[`cdx-button--size-${e.size}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":yt((i=o.default)==null?void 0:i.call(o),s),"cdx-button--is-active":a.value}}),onClick:i=>{n("click",i)},setActive:i=>{a.value=i}}}}),Yt="";function Ct(e,n,o,s,a,d){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:n[1]||(n[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const kt=M(bt,[["render",Ct]]);function de(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}const St=K(we),_t=K(ie),$t=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:q},inheritAttrs:!1,expose:["focus"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:St},status:{type:String,default:"default",validator:_t},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=de(t.toRef(e,"modelValue"),n),a=t.computed(()=>e.clearable&&!!s.value&&!e.disabled),d=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":a.value,[`cdx-text-input--status-${e.status}`]:!0})),{rootClasses:l,rootStyle:c,otherAttrs:i}=Q(o,d),u=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{wrappedModel:s,isClearable:a,rootClasses:l,rootStyle:c,otherAttrs:i,inputClasses:u,onClear:C=>{s.value="",n("clear",C)},onInput:C=>{n("input",C)},onChange:C=>{n("change",C)},onKeydown:C=>{(C.key==="Home"||C.key==="End")&&!C.ctrlKey&&!C.metaKey||n("keydown",C)},onFocus:C=>{n("focus",C)},onBlur:C=>{n("blur",C)},cdxIconClear:O}},methods:{focus(){this.$refs.input.focus()}}}),en="",wt=["type","disabled"];function Bt(e,n,o,s,a,d){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=c=>e.wrappedModel=c),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...c)=>e.onInput&&e.onInput(...c)),onChange:n[2]||(n[2]=(...c)=>e.onChange&&e.onChange(...c)),onFocus:n[3]||(n[3]=(...c)=>e.onFocus&&e.onFocus(...c)),onBlur:n[4]||(n[4]=(...c)=>e.onBlur&&e.onBlur(...c)),onKeydown:n[5]||(n[5]=(...c)=>e.onKeydown&&e.onKeydown(...c))}),null,16,wt),[[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 xt=M($t,[["render",Bt]]),It=K(ie),Mt=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:kt,CdxTextInput:xt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:It}},emits:["update:modelValue","submit-click"],setup(e,{emit:n,attrs:o}){const s=de(t.toRef(e,"modelValue"),n),a=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:d,rootStyle:l,otherAttrs:c}=Q(o,a);return{wrappedModel:s,rootClasses:d,rootStyle:l,otherAttrs:c,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:F}},methods:{focus(){this.$refs.textInput.focus()}}}),tn="",Vt={class:"cdx-search-input__input-wrapper"};function Et(e,n,o,s,a,d){const l=t.resolveComponent("cdx-text-input"),c=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",Vt,[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=i=>e.wrappedModel=i),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"])}),null,16,["modelValue","start-icon","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(c,{key:0,class:"cdx-search-input__end-button",onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["onClick"])):t.createCommentVNode("",!0)],6)}const Nt=M(Mt,[["render",Et]]),vt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:q,CdxMenu:ht,CdxSearchInput:Nt},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:Be},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{searchResults:a,searchFooterUrl:d,debounceInterval:l}=t.toRefs(e),c=t.ref(),i=t.ref(),u=re("typeahead-search-menu"),m=t.ref(!1),k=t.ref(!1),b=t.ref(!1),_=t.ref(!1),x=t.ref(e.initialInputValue),V=t.ref(""),C=t.computed(()=>{var h,w;return(w=(h=i.value)==null?void 0:h.getHighlightedMenuItem())==null?void 0:w.id}),$=t.ref(null),U=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),I=t.computed(()=>e.searchResults.find(h=>h.value===$.value)),ne=t.computed(()=>d.value?{value:R,url:d.value}:void 0),T=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":m.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:L,rootStyle:z,otherAttrs:j}=Q(n,T);function oe(h){return h}const le=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let D,N;function W(h,w=!1){I.value&&I.value.label!==h&&I.value.value!==h&&($.value=null),N!==void 0&&(clearTimeout(N),N=void 0),h===""?m.value=!1:(k.value=!0,s["search-results-pending"]&&(N=setTimeout(()=>{_.value&&(m.value=!0),b.value=!0},xe))),D!==void 0&&(clearTimeout(D),D=void 0);const v=()=>{o("input",h)};w?v():D=setTimeout(()=>{v()},l.value)}function ae(h){if(h===R){$.value=null,x.value=V.value;return}$.value=h,h!==null&&(x.value=I.value?I.value.label||String(I.value.value):"")}function r(){_.value=!0,(V.value||b.value)&&(m.value=!0)}function p(){_.value=!1,m.value=!1}function g(h){const ce=h,{id:w}=ce,v=Z(ce,["id"]);if(v.value===R){o("search-result-click",{searchResult:null,index:a.value.length,numberOfResults:a.value.length});return}S(v)}function S(h){const w={searchResult:h,index:a.value.findIndex(v=>v.value===h.value),numberOfResults:a.value.length};o("search-result-click",w)}function P(h){if(h.value===R){x.value=V.value;return}x.value=h.value?h.label||String(h.value):""}function A(h){var w;m.value=!1,(w=i.value)==null||w.clearActive(),g(h)}function Ft(h){if(I.value)S(I.value),h.stopPropagation(),window.location.assign(I.value.url),h.preventDefault();else{const w={searchResult:null,index:-1,numberOfResults:a.value.length};o("submit",w)}}function qt(h){if(!i.value||!V.value||h.key===" ")return;const w=i.value.getHighlightedMenuItem(),v=i.value.getHighlightedViaKeyboard();switch(h.key){case"Enter":w&&(w.value===R&&v?window.location.assign(d.value):i.value.delegateKeyNavigation(h,!1)),m.value=!1;break;case"Tab":m.value=!1;break;default:i.value.delegateKeyNavigation(h);break}}return t.onMounted(()=>{e.initialInputValue&&W(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{V.value=x.value.trim(),_.value&&k.value&&V.value.length>0&&(m.value=!0),N!==void 0&&(clearTimeout(N),N=void 0),k.value=!1,b.value=!1}),{form:c,menu:i,menuId:u,highlightedId:C,selection:$,menuMessageClass:U,footer:ne,asSearchResult:oe,inputValue:x,searchQuery:V,expanded:m,showPending:b,rootClasses:L,rootStyle:z,otherAttrs:j,menuConfig:le,onUpdateInputValue:W,onUpdateMenuSelection:ae,onFocus:r,onBlur:p,onSearchResultClick:g,onSearchResultKeyboardNavigation:P,onSearchFooterClick:A,onSubmit:Ft,onKeydown:qt,MenuFooterValue:R,articleIcon:X}},methods:{focus(){this.$refs.searchInput.focus()}}}),nn="",Tt=["id","action"],Lt={class:"cdx-typeahead-search__menu-message__text"},At={class:"cdx-typeahead-search__menu-message__text"},Kt=["href","onClickCapture"],Rt={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},zt={class:"cdx-typeahead-search__search-footer__query"};function Dt(e,n,o,s,a,d){const l=t.resolveComponent("cdx-icon"),c=t.resolveComponent("cdx-menu"),i=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(i,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-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(c,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",Lt,[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",At,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:m})=>[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":m}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(k=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(l,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Rt,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",zt,t.toDisplayString(e.searchQuery),1)])])],42,Kt)):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,Tt)],6)}const Ot=M(vt,[["render",Dt]]);f.CdxTypeaheadSearch=Ot,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});