Update Codex from v0.8.0 to v0.9.0

Bug: T312987 Bug: T324708 Bug: T325105 Bug: T331032 Bug: T331033 Bug: T333463 Bug: T333713 Bug: T334129 Change-Id: Iacce46bdd52ee24364308e09f9a766e26f3cc4ce
author: Eric Gardner <gardner.ec@gmail.com> 2023-04-11 14:28:13 -0700
committer: Eric Gardner <gardner.ec@gmail.com> 2023-04-11 14:44:48 -0700
commit: 64ee699c397caf16c1d13ac308789f20c14dd1e4 (patch)
tree: 5b210538c81af3c85294650a4f052baa06d8b34d /resources/lib/codex-search
parent: 0856164ba6322ea00ada33c287ec897125007ad8 (diff)
download: mediawikicore-64ee699c397caf16c1d13ac308789f20c14dd1e4.tar.gz
mediawikicore-64ee699c397caf16c1d13ac308789f20c14dd1e4.zip
6 files changed, 387 insertions, 403 deletions
diff --git a/resources/lib/codex-search/codex-search.mjs b/resources/lib/codex-search/codex-search.mjs
index d1980a9e5b41..b276de17454d 100644
--- a/resources/lib/codex-search/codex-search.mjs
+++ b/resources/lib/codex-search/codex-search.mjs
@@ -1,43 +1,43 @@
-var Le = Object.defineProperty, Ke = Object.defineProperties;
-var Re = Object.getOwnPropertyDescriptors;
+var Te = Object.defineProperty, Ve = Object.defineProperties;
+var Le = Object.getOwnPropertyDescriptors;
 var oe = Object.getOwnPropertySymbols;
-var $e = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable;
-var _e = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ie = (e, t) => {
+var _e = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
+var Be = (e, t, n) => t in e ? Te(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Se = (e, t) => {
   for (var n in t || (t = {}))
-    $e.call(t, n) && _e(e, n, t[n]);
+    _e.call(t, n) && Be(e, n, t[n]);
   if (oe)
     for (var n of oe(t))
-      Se.call(t, n) && _e(e, n, t[n]);
+      $e.call(t, n) && Be(e, n, t[n]);
   return e;
-}, we = (e, t) => Ke(e, Re(t));
+}, we = (e, t) => Ve(e, Le(t));
 var se = (e, t) => {
   var n = {};
   for (var u in e)
-    $e.call(e, u) && t.indexOf(u) < 0 && (n[u] = e[u]);
+    _e.call(e, u) && t.indexOf(u) < 0 && (n[u] = e[u]);
   if (e != null && oe)
     for (var u of oe(e))
-      t.indexOf(u) < 0 && Se.call(e, u) && (n[u] = e[u]);
+      t.indexOf(u) < 0 && $e.call(e, u) && (n[u] = e[u]);
   return n;
 };
 var pe = (e, t, n) => new Promise((u, l) => {
-  var s = (o) => {
+  var r = (o) => {
     try {
-      i(n.next(o));
-    } catch (r) {
-      l(r);
+      s(n.next(o));
+    } catch (d) {
+      l(d);
     }
   }, a = (o) => {
     try {
-      i(n.throw(o));
-    } catch (r) {
-      l(r);
+      s(n.throw(o));
+    } catch (d) {
+      l(d);
     }
-  }, i = (o) => o.done ? u(o.value) : Promise.resolve(o.value).then(s, a);
-  i((n = n.apply(e, t)).next());
+  }, s = (o) => o.done ? u(o.value) : Promise.resolve(o.value).then(r, a);
+  s((n = n.apply(e, t)).next());
 });
-import { ref as y, onMounted as J, defineComponent as L, computed as p, openBlock as h, createElementBlock as g, normalizeClass as x, toDisplayString as k, createCommentVNode as w, resolveComponent as E, createVNode as W, Transition as Ne, withCtx as Q, normalizeStyle as te, createElementVNode as C, createTextVNode as Z, withModifiers as Ae, renderSlot as V, createBlock as M, resolveDynamicComponent as Oe, Fragment as ye, getCurrentInstance as qe, onUnmounted as De, watch as Y, toRef as ee, nextTick as ie, withDirectives as ke, mergeProps as G, renderList as He, vShow as Qe, Comment as Ue, warn as ze, withKeys as be, vModelDynamic as Pe, toRefs as je } from "vue";
-const We = '<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"/>', Ge = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Je = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Xe = '<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"/>', Ye = We, Ze = Ge, et = Je, tt = Xe;
-function nt(e, t, n) {
+import { ref as y, onMounted as G, defineComponent as L, computed as p, openBlock as c, createElementBlock as g, normalizeClass as x, toDisplayString as k, createCommentVNode as I, resolveComponent as E, createVNode as j, Transition as Ke, withCtx as Q, normalizeStyle as te, createElementVNode as C, createTextVNode as Z, withModifiers as Ce, renderSlot as V, createBlock as M, resolveDynamicComponent as Re, Fragment as ve, getCurrentInstance as Ne, onUnmounted as Ie, watch as Y, toRef as ee, nextTick as ie, withDirectives as De, mergeProps as W, renderList as Oe, vShow as qe, Comment as He, 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;
+function et(e, t, n) {
   if (typeof e == "string" || "path" in e)
     return e;
   if ("shouldFlip" in e)
@@ -47,7 +47,7 @@ function nt(e, t, n) {
   const u = t in e.langCodeMap ? e.langCodeMap[t] : e.default;
   return typeof u == "string" || "path" in u ? u : u.ltr;
 }
-function ut(e, t) {
+function tt(e, t) {
   if (typeof e == "string")
     return !1;
   if ("langCodeMap" in e) {
@@ -62,42 +62,38 @@ function ut(e, t) {
   }
   return "shouldFlip" in e ? e.shouldFlip : !1;
 }
-function at(e) {
+function nt(e) {
   const t = y(null);
-  return J(() => {
+  return G(() => {
     const n = window.getComputedStyle(e.value).direction;
     t.value = n === "ltr" || n === "rtl" ? n : null;
   }), t;
 }
-function lt(e) {
+function ut(e) {
   const t = y("");
-  return J(() => {
+  return G(() => {
     let n = e.value;
     for (; n && n.lang === ""; )
       n = n.parentElement;
     t.value = n ? n.lang : null;
   }), t;
 }
-function U(e) {
+function J(e) {
   return (t) => typeof t == "string" && e.indexOf(t) !== -1;
 }
-const me = "cdx", ot = [
+const me = "cdx", at = [
   "default",
   "progressive",
   "destructive"
-], Ee = [
+], lt = [
   "normal",
   "primary",
   "quiet"
-], st = [
-  "button",
-  "submit",
-  "reset"
-], it = [
+], ot = [
   "x-small",
   "small",
   "medium"
-], rt = [
+], st = [
   "text",
   "search",
   "number",
@@ -110,10 +106,10 @@ const me = "cdx", ot = [
   "date",
   "datetime-local",
   "time"
-], Fe = [
+], ke = [
   "default",
   "error"
-], dt = 120, ct = 500, j = "cdx-menu-footer-item", ht = U(it), ft = L({
+], it = 120, rt = 500, P = "cdx-menu-footer-item", dt = J(ot), ct = L({
   name: "CdxIcon",
   props: {
     icon: {
@@ -135,22 +131,22 @@ const me = "cdx", ot = [
     size: {
       type: String,
       default: "medium",
-      validator: ht
+      validator: dt
     }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = y(), u = at(n), l = lt(n), s = p(() => e.dir || u.value), a = p(() => e.lang || l.value), i = p(() => ({
-      "cdx-icon--flipped": s.value === "rtl" && a.value !== null && ut(e.icon, a.value),
+    const n = y(), u = nt(n), l = ut(n), r = p(() => e.dir || u.value), a = p(() => e.lang || l.value), s = p(() => ({
+      "cdx-icon--flipped": r.value === "rtl" && a.value !== null && tt(e.icon, a.value),
       [`cdx-icon--${e.size}`]: !0
     })), o = p(
-      () => nt(e.icon, a.value || "", s.value || "ltr")
-    ), r = p(() => typeof o.value == "string" ? o.value : ""), c = p(() => typeof o.value != "string" ? o.value.path : "");
+      () => et(e.icon, a.value || "", r.value || "ltr")
+    ), d = p(() => typeof o.value == "string" ? o.value : ""), f = p(() => typeof o.value != "string" ? o.value.path : "");
     return {
       rootElement: n,
-      rootClasses: i,
-      iconSvg: r,
-      iconPath: c,
+      rootClasses: s,
+      iconSvg: d,
+      iconPath: f,
       onClick: (b) => {
         t("click", b);
       }
@@ -162,32 +158,32 @@ const K = (e, t) => {
   for (const [u, l] of t)
     n[u] = l;
   return n;
-}, pt = ["aria-hidden"], mt = { key: 0 }, gt = ["innerHTML"], vt = ["d"];
-function yt(e, t, n, u, l, s) {
-  return h(), g("span", {
+}, ht = ["aria-hidden"], ft = { key: 0 }, pt = ["innerHTML"], mt = ["d"];
+function gt(e, t, n, u, l, r) {
+  return c(), g("span", {
     ref: "rootElement",
     class: x(["cdx-icon", e.rootClasses]),
     onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
   }, [
-    (h(), g("svg", {
+    (c(), g("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 ? (h(), g("title", mt, k(e.iconLabel), 1)) : w("", !0),
-      e.iconSvg ? (h(), g("g", {
+      e.iconLabel ? (c(), g("title", ft, k(e.iconLabel), 1)) : I("", !0),
+      e.iconSvg ? (c(), g("g", {
         key: 1,
         innerHTML: e.iconSvg
-      }, null, 8, gt)) : (h(), g("path", {
+      }, null, 8, pt)) : (c(), g("path", {
         key: 2,
         d: e.iconPath
-      }, null, 8, vt))
-    ], 8, pt))
+      }, null, 8, mt))
+    ], 8, ht))
   ], 2);
 }
-const ne = /* @__PURE__ */ K(ft, [["render", yt]]), bt = L({
+const ne = /* @__PURE__ */ K(ct, [["render", gt]]), vt = L({
   name: "CdxThumbnail",
   components: { CdxIcon: ne },
   props: {
@@ -197,19 +193,19 @@ const ne = /* @__PURE__ */ K(ft, [["render", yt]]), bt = L({
     },
     placeholderIcon: {
       type: [String, Object],
-      default: et
+      default: Ye
     }
   },
   setup: (e) => {
     const t = y(!1), n = y({}), u = (l) => {
-      const s = l.replace(/([\\"\n])/g, "\\$1"), a = new Image();
+      const r = l.replace(/([\\"\n])/g, "\\$1"), a = new Image();
       a.onload = () => {
-        n.value = { backgroundImage: `url("${s}")` }, t.value = !0;
+        n.value = { backgroundImage: `url("${r}")` }, t.value = !0;
       }, a.onerror = () => {
         t.value = !1;
-      }, a.src = s;
+      }, a.src = r;
     };
-    return J(() => {
+    return G(() => {
       var l;
       (l = e.thumbnail) != null && l.url && u(e.thumbnail.url);
     }), {
@@ -218,49 +214,49 @@ const ne = /* @__PURE__ */ K(ft, [["render", yt]]), bt = L({
     };
   }
 });
-const Ct = { class: "cdx-thumbnail" }, At = {
+const yt = { class: "cdx-thumbnail" }, bt = {
   key: 0,
   class: "cdx-thumbnail__placeholder"
 };
-function Bt(e, t, n, u, l, s) {
+function Ct(e, t, n, u, l, r) {
   const a = E("cdx-icon");
-  return h(), g("span", Ct, [
-    e.thumbnailLoaded ? w("", !0) : (h(), g("span", At, [
-      W(a, {
+  return c(), g("span", yt, [
+    e.thumbnailLoaded ? I("", !0) : (c(), g("span", bt, [
+      j(a, {
         icon: e.placeholderIcon,
-        class: "cdx-thumbnail__placeholder__icon"
+        class: "cdx-thumbnail__placeholder__icon--vue"
       }, null, 8, ["icon"])
     ])),
-    W(Ne, { name: "cdx-thumbnail__image" }, {
+    j(Ke, { name: "cdx-thumbnail__image" }, {
       default: Q(() => [
-        e.thumbnailLoaded ? (h(), g("span", {
+        e.thumbnailLoaded ? (c(), g("span", {
           key: 0,
           style: te(e.thumbnailStyle),
           class: "cdx-thumbnail__image"
-        }, null, 4)) : w("", !0)
+        }, null, 4)) : I("", !0)
       ]),
       _: 1
     })
   ]);
 }
-const _t = /* @__PURE__ */ K(bt, [["render", Bt]]);
-function $t(e) {
+const At = /* @__PURE__ */ K(vt, [["render", Ct]]);
+function Bt(e) {
   return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1");
 }
-const St = "[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]";
-function It(e, t) {
+const _t = "[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]";
+function $t(e, t) {
   if (!e)
     return [t, "", ""];
-  const n = $t(e), u = new RegExp(
-    n + St + "*",
+  const n = Bt(e), u = new RegExp(
+    n + _t + "*",
     "i"
   ).exec(t);
   if (!u || u.index === void 0)
     return [t, "", ""];
-  const l = u.index, s = l + u[0].length, a = t.slice(l, s), i = t.slice(0, l), o = t.slice(s, t.length);
-  return [i, a, o];
+  const l = u.index, r = l + u[0].length, a = t.slice(l, r), s = t.slice(0, l), o = t.slice(r, t.length);
+  return [s, a, o];
 }
-const wt = L({
+const St = L({
   name: "CdxSearchResultTitle",
   props: {
     title: {
@@ -273,22 +269,22 @@ const wt = L({
     }
   },
   setup: (e) => ({
-    titleChunks: p(() => It(e.searchQuery, String(e.title)))
+    titleChunks: p(() => $t(e.searchQuery, String(e.title)))
   })
 });
-const Dt = { class: "cdx-search-result-title" }, kt = { class: "cdx-search-result-title__match" };
-function Et(e, t, n, u, l, s) {
-  return h(), g("span", Dt, [
+const wt = { class: "cdx-search-result-title" }, It = { class: "cdx-search-result-title__match" };
+function Dt(e, t, n, u, l, r) {
+  return c(), g("span", wt, [
     C("bdi", null, [
       Z(k(e.titleChunks[0]), 1),
-      C("span", kt, k(e.titleChunks[1]), 1),
+      C("span", It, k(e.titleChunks[1]), 1),
       Z(k(e.titleChunks[2]), 1)
     ])
   ]);
 }
-const Ft = /* @__PURE__ */ K(wt, [["render", Et]]), Mt = L({
+const kt = /* @__PURE__ */ K(St, [["render", Dt]]), Et = L({
   name: "CdxMenuItem",
-  components: { CdxIcon: ne, CdxThumbnail: _t, CdxSearchResultTitle: Ft },
+  components: { CdxIcon: ne, CdxThumbnail: At, CdxSearchResultTitle: kt },
   props: {
     id: {
       type: String,
@@ -371,11 +367,11 @@ const Ft = /* @__PURE__ */ K(wt, [["render", Et]]), Mt = L({
       e.highlighted || t("change", "highlighted", !0);
     }, u = () => {
       t("change", "highlighted", !1);
-    }, l = (c) => {
-      c.button === 0 && t("change", "active", !0);
-    }, s = () => {
+    }, l = (f) => {
+      f.button === 0 && t("change", "active", !0);
+    }, r = () => {
       t("change", "selected", !0);
-    }, a = p(() => e.searchQuery.length > 0), i = p(() => ({
+    }, a = p(() => e.searchQuery.length > 0), s = p(() => ({
       "cdx-menu-item--selected": e.selected,
       "cdx-menu-item--active": e.active && e.highlighted,
       "cdx-menu-item--highlighted": e.highlighted,
@@ -385,103 +381,103 @@ const Ft = /* @__PURE__ */ K(wt, [["render", Et]]), Mt = L({
       "cdx-menu-item--bold-label": e.boldLabel,
       "cdx-menu-item--has-description": !!e.description,
       "cdx-menu-item--hide-description-overflow": e.hideDescriptionOverflow
-    })), o = p(() => e.url ? "a" : "span"), r = p(() => e.label || String(e.value));
+    })), o = p(() => e.url ? "a" : "span"), d = p(() => e.label || String(e.value));
     return {
       onMouseMove: n,
       onMouseLeave: u,
       onMouseDown: l,
-      onClick: s,
+      onClick: r,
       highlightQuery: a,
-      rootClasses: i,
+      rootClasses: s,
       contentTag: o,
-      title: r
+      title: d
     };
   }
 });
-const xt = ["id", "aria-disabled", "aria-selected"], Tt = { class: "cdx-menu-item__text" }, Vt = ["lang"], Lt = ["lang"], Kt = ["lang"], Rt = ["lang"];
-function Nt(e, t, n, u, l, s) {
-  const a = E("cdx-thumbnail"), i = E("cdx-icon"), o = E("cdx-search-result-title");
-  return h(), g("li", {
+const Ft = ["id", "aria-disabled", "aria-selected"], Mt = { class: "cdx-menu-item__text" }, xt = ["lang"], Tt = ["lang"], Vt = ["lang"], Lt = ["lang"];
+function Kt(e, t, n, u, l, r) {
+  const a = E("cdx-thumbnail"), s = E("cdx-icon"), o = E("cdx-search-result-title");
+  return c(), g("li", {
     id: e.id,
     role: "option",
     class: x(["cdx-menu-item", e.rootClasses]),
     "aria-disabled": e.disabled,
     "aria-selected": e.selected,
-    onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)),
-    onMouseleave: t[1] || (t[1] = (...r) => e.onMouseLeave && e.onMouseLeave(...r)),
-    onMousedown: t[2] || (t[2] = Ae((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])),
-    onClick: t[3] || (t[3] = (...r) => e.onClick && e.onClick(...r))
+    onMousemove: t[0] || (t[0] = (...d) => e.onMouseMove && e.onMouseMove(...d)),
+    onMouseleave: t[1] || (t[1] = (...d) => e.onMouseLeave && e.onMouseLeave(...d)),
+    onMousedown: t[2] || (t[2] = Ce((...d) => e.onMouseDown && e.onMouseDown(...d), ["prevent"])),
+    onClick: t[3] || (t[3] = (...d) => e.onClick && e.onClick(...d))
   }, [
     V(e.$slots, "default", {}, () => [
-      (h(), M(Oe(e.contentTag), {
+      (c(), M(Re(e.contentTag), {
         href: e.url ? e.url : void 0,
         class: "cdx-menu-item__content"
       }, {
         default: Q(() => {
-          var r, c, A, b, $, D;
+          var d, f, A, b, $, D;
           return [
-            e.showThumbnail ? (h(), M(a, {
+            e.showThumbnail ? (c(), M(a, {
               key: 0,
               thumbnail: e.thumbnail,
               class: "cdx-menu-item__thumbnail"
-            }, null, 8, ["thumbnail"])) : e.icon ? (h(), M(i, {
+            }, null, 8, ["thumbnail"])) : e.icon ? (c(), M(s, {
               key: 1,
               icon: e.icon,
               class: "cdx-menu-item__icon"
-            }, null, 8, ["icon"])) : w("", !0),
-            C("span", Tt, [
-              e.highlightQuery ? (h(), M(o, {
+            }, null, 8, ["icon"])) : I("", !0),
+            C("span", Mt, [
+              e.highlightQuery ? (c(), M(o, {
                 key: 0,
                 title: e.title,
                 "search-query": e.searchQuery,
-                lang: (r = e.language) == null ? void 0 : r.label
-              }, null, 8, ["title", "search-query", "lang"])) : (h(), g("span", {
+                lang: (d = e.language) == null ? void 0 : d.label
+              }, null, 8, ["title", "search-query", "lang"])) : (c(), g("span", {
                 key: 1,
                 class: "cdx-menu-item__text__label",
-                lang: (c = e.language) == null ? void 0 : c.label
+                lang: (f = e.language) == null ? void 0 : f.label
               }, [
                 C("bdi", null, k(e.title), 1)
-              ], 8, Vt)),
-              e.match ? (h(), g(ye, { key: 2 }, [
+              ], 8, xt)),
+              e.match ? (c(), g(ve, { key: 2 }, [
                 Z(k(" ") + " "),
-                e.highlightQuery ? (h(), M(o, {
+                e.highlightQuery ? (c(), M(o, {
                   key: 0,
                   title: e.match,
                   "search-query": e.searchQuery,
                   lang: (A = e.language) == null ? void 0 : A.match
-                }, null, 8, ["title", "search-query", "lang"])) : (h(), g("span", {
+                }, 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, k(e.match), 1)
-                ], 8, Lt))
-              ], 64)) : w("", !0),
-              e.supportingText ? (h(), g(ye, { key: 3 }, [
+                ], 8, Tt))
+              ], 64)) : I("", !0),
+              e.supportingText ? (c(), g(ve, { key: 3 }, [
                 Z(k(" ") + " "),
                 C("span", {
                   class: "cdx-menu-item__text__supporting-text",
                   lang: ($ = e.language) == null ? void 0 : $.supportingText
                 }, [
                   C("bdi", null, k(e.supportingText), 1)
-                ], 8, Kt)
-              ], 64)) : w("", !0),
-              e.description ? (h(), g("span", {
+                ], 8, Vt)
+              ], 64)) : I("", !0),
+              e.description ? (c(), g("span", {
                 key: 4,
                 class: "cdx-menu-item__text__description",
                 lang: (D = e.language) == null ? void 0 : D.description
               }, [
                 C("bdi", null, k(e.description), 1)
-              ], 8, Rt)) : w("", !0)
+              ], 8, Lt)) : I("", !0)
             ])
           ];
         }),
         _: 1
       }, 8, ["href"]))
     ])
-  ], 42, xt);
+  ], 42, Ft);
 }
-const Ot = /* @__PURE__ */ K(Mt, [["render", Nt]]), qt = L({
+const Rt = /* @__PURE__ */ K(Et, [["render", Kt]]), Nt = L({
   name: "CdxProgressBar",
   props: {
     inline: {
@@ -504,55 +500,55 @@ const Ot = /* @__PURE__ */ K(Mt, [["render", Nt]]), qt = L({
     };
   }
 });
-const Ht = ["aria-disabled"], Qt = /* @__PURE__ */ C("div", { class: "cdx-progress-bar__bar" }, null, -1), Ut = [
-  Qt
+const Ot = ["aria-disabled"], qt = /* @__PURE__ */ C("div", { class: "cdx-progress-bar__bar" }, null, -1), Ht = [
+  qt
 ];
-function zt(e, t, n, u, l, s) {
-  return h(), g("div", {
+function Qt(e, t, n, u, l, r) {
+  return c(), g("div", {
     class: x(["cdx-progress-bar", e.rootClasses]),
     role: "progressbar",
     "aria-disabled": e.disabled,
     "aria-valuemin": "0",
     "aria-valuemax": "100"
-  }, Ut, 10, Ht);
+  }, Ht, 10, Ot);
 }
-const Pt = /* @__PURE__ */ K(qt, [["render", zt]]);
+const Ut = /* @__PURE__ */ K(Nt, [["render", Qt]]);
 let ge = 0;
-function Me(e) {
-  const t = qe(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id);
+function Ee(e) {
+  const t = Ne(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id);
   return e ? `${me}-${e}-${ge++}` : n ? `${me}-${n}-${ge++}` : `${me}-${ge++}`;
 }
-function jt(e, t) {
+function zt(e, t) {
   const n = y(!1);
   let u = !1;
   if (typeof window != "object" || !("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype))
     return n;
   const l = new window.IntersectionObserver(
-    (s) => {
-      const a = s[0];
+    (r) => {
+      const a = r[0];
       a && (n.value = a.isIntersecting);
     },
     t
   );
-  return J(() => {
+  return G(() => {
     u = !0, e.value && l.observe(e.value);
-  }), De(() => {
+  }), Ie(() => {
     u = !1, l.disconnect();
-  }), Y(e, (s) => {
-    !u || (l.disconnect(), n.value = !1, s && l.observe(s));
+  }), Y(e, (r) => {
+    !u || (l.disconnect(), n.value = !1, r && l.observe(r));
   }), n;
 }
 function re(e, t = p(() => ({}))) {
   const n = p(() => {
-    const s = se(t.value, []);
-    return e.class && e.class.split(" ").forEach((i) => {
-      s[i] = !0;
-    }), s;
+    const r = se(t.value, []);
+    return e.class && e.class.split(" ").forEach((s) => {
+      r[s] = !0;
+    }), r;
   }), u = p(() => {
     if ("style" in e)
       return e.style;
   }), l = p(() => {
-    const o = e, { class: s, style: a } = o;
+    const o = e, { class: r, style: a } = o;
     return se(o, ["class", "style"]);
   });
   return {
@@ -561,11 +557,11 @@ function re(e, t = p(() => ({}))) {
     otherAttrs: l
   };
 }
-const Wt = L({
+const Pt = L({
   name: "CdxMenu",
   components: {
-    CdxMenuItem: Ot,
-    CdxProgressBar: Pt
+    CdxMenuItem: Rt,
+    CdxProgressBar: Ut
   },
   inheritAttrs: !1,
   props: {
@@ -628,26 +624,26 @@ const Wt = L({
     "delegateKeyNavigation"
   ],
   setup(e, { emit: t, slots: n, attrs: u }) {
-    const l = p(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((m) => we(Ie({}, m), {
-      id: Me("menu-item")
-    }))), s = p(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : l.value.length === 0 : !1), a = y(null), i = y(!1), o = y(null);
-    function r() {
+    const l = p(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((m) => we(Se({}, m), {
+      id: Ee("menu-item")
+    }))), r = p(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : l.value.length === 0 : !1), a = y(null), s = y(!1), o = y(null);
+    function d() {
       return l.value.find(
-        (d) => d.value === e.selected
+        (i) => i.value === e.selected
       );
     }
-    function c(d, m) {
+    function f(i, m) {
       var v;
       if (!(m && m.disabled))
-        switch (d) {
+        switch (i) {
           case "selected":
             t("update:selected", (v = m == null ? void 0 : m.value) != null ? v : null), t("update:expanded", !1), o.value = null;
             break;
           case "highlighted":
-            a.value = m || null, i.value = !1;
+            a.value = m || null, s.value = !1;
             break;
           case "highlightedViaKeyboard":
-            a.value = m || null, i.value = !0;
+            a.value = m || null, s.value = !0;
             break;
           case "active":
             o.value = m || null;
@@ -657,50 +653,50 @@ const Wt = L({
     const A = p(() => {
       if (a.value !== null)
         return l.value.findIndex(
-          (d) => d.value === a.value.value
+          (i) => i.value === a.value.value
         );
     });
-    function b(d) {
-      !d || (c("highlightedViaKeyboard", d), t("menu-item-keyboard-navigation", d));
+    function b(i) {
+      !i || (f("highlightedViaKeyboard", i), t("menu-item-keyboard-navigation", i));
     }
-    function $(d) {
+    function $(i) {
       var _;
       const m = (X) => {
         for (let H = X - 1; H >= 0; H--)
           if (!l.value[H].disabled)
             return l.value[H];
       };
-      d = d || l.value.length;
-      const v = (_ = m(d)) != null ? _ : m(l.value.length);
+      i = i || l.value.length;
+      const v = (_ = m(i)) != null ? _ : m(l.value.length);
       b(v);
     }
-    function D(d) {
+    function D(i) {
       const m = (_) => l.value.find((X, H) => !X.disabled && H > _);
-      d = d != null ? d : -1;
-      const v = m(d) || m(-1);
+      i = i != null ? i : -1;
+      const v = m(i) || m(-1);
       b(v);
     }
-    function T(d, m = !0) {
+    function T(i, m = !0) {
       function v() {
-        t("update:expanded", !0), c("highlighted", r());
+        t("update:expanded", !0), f("highlighted", d());
       }
       function _() {
-        m && (d.preventDefault(), d.stopPropagation());
+        m && (i.preventDefault(), i.stopPropagation());
       }
-      switch (d.key) {
+      switch (i.key) {
         case "Enter":
         case " ":
-          return _(), e.expanded ? (a.value && i.value && t("update:selected", a.value.value), t("update:expanded", !1)) : v(), !0;
+          return _(), e.expanded ? (a.value && s.value && t("update:selected", a.value.value), t("update:expanded", !1)) : v(), !0;
         case "Tab":
-          return e.expanded && (a.value && i.value && t("update:selected", a.value.value), t("update:expanded", !1)), !0;
+          return e.expanded && (a.value && s.value && t("update:selected", a.value.value), t("update:expanded", !1)), !0;
         case "ArrowUp":
-          return _(), e.expanded ? (a.value === null && c("highlightedViaKeyboard", r()), $(A.value)) : v(), O(), !0;
+          return _(), e.expanded ? (a.value === null && f("highlightedViaKeyboard", d()), $(A.value)) : v(), O(), !0;
         case "ArrowDown":
-          return _(), e.expanded ? (a.value === null && c("highlightedViaKeyboard", r()), D(A.value)) : v(), O(), !0;
+          return _(), e.expanded ? (a.value === null && f("highlightedViaKeyboard", d()), D(A.value)) : v(), O(), !0;
         case "Home":
-          return _(), e.expanded ? (a.value === null && c("highlightedViaKeyboard", r()), D()) : v(), O(), !0;
+          return _(), e.expanded ? (a.value === null && f("highlightedViaKeyboard", d()), D()) : v(), O(), !0;
         case "End":
-          return _(), e.expanded ? (a.value === null && c("highlightedViaKeyboard", r()), $()) : v(), O(), !0;
+          return _(), e.expanded ? (a.value === null && f("highlightedViaKeyboard", d()), $()) : v(), O(), !0;
         case "Escape":
           return _(), t("update:expanded", !1), !0;
         default:
@@ -708,18 +704,18 @@ const Wt = L({
       }
     }
     function B() {
-      c("active");
+      f("active");
     }
-    const S = [], ue = y(void 0), F = jt(
+    const S = [], ue = y(void 0), F = zt(
       ue,
       { threshold: 0.8 }
     );
-    Y(F, (d) => {
-      d && t("load-more");
+    Y(F, (i) => {
+      i && t("load-more");
     });
-    function de(d, m) {
-      if (d) {
-        S[m] = d.$el;
+    function de(i, m) {
+      if (i) {
+        S[m] = i.$el;
         const v = e.visibleItemLimit;
         if (!v || e.menuItems.length < v)
           return;
@@ -727,59 +723,59 @@ const Wt = L({
           v,
           Math.max(2, Math.floor(0.2 * e.menuItems.length))
         );
-        m === e.menuItems.length - _ && (ue.value = d.$el);
+        m === e.menuItems.length - _ && (ue.value = i.$el);
       }
     }
     function O() {
       if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || A.value === void 0)
         return;
-      const d = A.value >= 0 ? A.value : 0;
-      S[d].scrollIntoView({
+      const i = A.value >= 0 ? A.value : 0;
+      S[i].scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }
-    const q = y(null), z = y(null);
+    const q = y(null), U = y(null);
     function ae() {
-      if (z.value = null, !e.visibleItemLimit || S.length <= e.visibleItemLimit) {
+      if (U.value = null, !e.visibleItemLimit || S.length <= e.visibleItemLimit) {
         q.value = null;
         return;
       }
-      const d = S[0], m = S[e.visibleItemLimit];
+      const i = S[0], m = S[e.visibleItemLimit];
       if (q.value = ce(
-        d,
+        i,
         m
       ), e.footer) {
         const v = S[S.length - 1];
-        z.value = v.scrollHeight;
+        U.value = v.scrollHeight;
       }
     }
-    function ce(d, m) {
-      const v = d.getBoundingClientRect().top;
+    function ce(i, m) {
+      const v = i.getBoundingClientRect().top;
       return m.getBoundingClientRect().top - v + 2;
     }
-    J(() => {
+    G(() => {
       document.addEventListener("mouseup", B);
-    }), De(() => {
+    }), Ie(() => {
       document.removeEventListener("mouseup", B);
-    }), Y(ee(e, "expanded"), (d) => pe(this, null, function* () {
-      const m = r();
-      !d && a.value && m === void 0 && c("highlighted"), d && m !== void 0 && c("highlighted", m), d && (yield ie(), ae(), yield ie(), O());
-    })), Y(ee(e, "menuItems"), (d) => pe(this, null, function* () {
-      d.length < S.length && (S.length = d.length), e.expanded && (yield ie(), ae(), yield ie(), O());
+    }), Y(ee(e, "expanded"), (i) => pe(this, null, function* () {
+      const m = d();
+      !i && a.value && m === void 0 && f("highlighted"), i && m !== void 0 && f("highlighted", m), i && (yield ie(), ae(), yield ie(), O());
+    })), Y(ee(e, "menuItems"), (i) => pe(this, null, function* () {
+      i.length < S.length && (S.length = i.length), e.expanded && (yield ie(), ae(), yield ie(), O());
     }), { deep: !0 });
     const he = p(() => ({
       "max-height": q.value ? `${q.value}px` : void 0,
       "overflow-y": q.value ? "scroll" : void 0,
-      "margin-bottom": z.value ? `${z.value}px` : void 0
-    })), P = p(() => ({
+      "margin-bottom": U.value ? `${U.value}px` : void 0
+    })), z = p(() => ({
       "cdx-menu--has-footer": !!e.footer,
       "cdx-menu--has-sticky-footer": !!e.footer && !!q.value
     })), {
       rootClasses: R,
       rootStyle: le,
       otherAttrs: fe
-    } = re(u, P);
+    } = re(u, z);
     return {
       listBoxStyle: he,
       rootClasses: R,
@@ -787,11 +783,11 @@ const Wt = L({
       otherAttrs: fe,
       assignTemplateRef: de,
       computedMenuItems: l,
-      computedShowNoResultsSlot: s,
+      computedShowNoResultsSlot: r,
       highlightedMenuItem: a,
-      highlightedViaKeyboard: i,
+      highlightedViaKeyboard: s,
       activeMenuItem: o,
-      handleMenuItemChange: c,
+      handleMenuItemChange: f,
       handleKeyNavigation: T
     };
   },
@@ -810,40 +806,40 @@ const Wt = L({
     }
   }
 });
-const Gt = {
+const jt = {
   key: 0,
   class: "cdx-menu__pending cdx-menu-item"
-}, Jt = {
+}, Wt = {
   key: 1,
   class: "cdx-menu__no-results cdx-menu-item"
 };
-function Xt(e, t, n, u, l, s) {
-  const a = E("cdx-menu-item"), i = E("cdx-progress-bar");
-  return ke((h(), g("div", {
+function Gt(e, t, n, u, l, r) {
+  const a = E("cdx-menu-item"), s = E("cdx-progress-bar");
+  return De((c(), g("div", {
     class: x(["cdx-menu", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
-    C("ul", G({
+    C("ul", W({
       class: "cdx-menu__listbox",
       role: "listbox",
       "aria-multiselectable": "false",
       style: e.listBoxStyle
     }, e.otherAttrs), [
-      e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (h(), g("li", Gt, [
+      e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (c(), g("li", jt, [
         V(e.$slots, "pending")
-      ])) : w("", !0),
-      e.computedShowNoResultsSlot ? (h(), g("li", Jt, [
+      ])) : I("", !0),
+      e.computedShowNoResultsSlot ? (c(), g("li", Wt, [
         V(e.$slots, "no-results")
-      ])) : w("", !0),
-      (h(!0), g(ye, null, He(e.computedMenuItems, (o, r) => {
-        var c, A;
-        return h(), M(a, G({
+      ])) : I("", !0),
+      (c(!0), g(ve, null, Oe(e.computedMenuItems, (o, d) => {
+        var f, A;
+        return c(), M(a, W({
           key: o.value,
           ref_for: !0,
-          ref: (b) => e.assignTemplateRef(b, r)
+          ref: (b) => e.assignTemplateRef(b, d)
         }, o, {
           selected: o.value === e.selected,
-          active: o.value === ((c = e.activeMenuItem) == null ? void 0 : c.value),
+          active: o.value === ((f = e.activeMenuItem) == null ? void 0 : f.value),
           highlighted: o.value === ((A = e.highlightedMenuItem) == null ? void 0 : A.value),
           "show-thumbnail": e.showThumbnail,
           "bold-label": e.boldLabel,
@@ -864,101 +860,89 @@ function Xt(e, t, n, u, l, s) {
           _: 2
         }, 1040, ["selected", "active", "highlighted", "show-thumbnail", "bold-label", "hide-description-overflow", "search-query", "onChange", "onClick"]);
       }), 128)),
-      e.showPending ? (h(), M(i, {
+      e.showPending ? (c(), M(s, {
         key: 2,
         class: "cdx-menu__progress-bar",
         inline: !0
-      })) : w("", !0)
+      })) : I("", !0)
     ], 16)
   ], 6)), [
-    [Qe, e.expanded]
+    [qe, e.expanded]
   ]);
 }
-const Yt = /* @__PURE__ */ K(Wt, [["render", Xt]]), Zt = U(ot), en = U([...Ee, ...st]), ve = U(Ee), tn = (e) => {
-  !e["aria-label"] && !e["aria-hidden"] && ze(`icon-only buttons require one of the following attribute: aria-label or aria-hidden.
+const Jt = /* @__PURE__ */ K(Pt, [["render", Gt]]), Xt = J(at), Yt = J(lt), 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`);
 };
-function Ce(e) {
+function be(e) {
   const t = [];
   for (const n of e)
-    typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...Ce(n)) : typeof n == "object" && n && (typeof n.type == "string" || typeof n.type == "object" ? t.push(n) : n.type !== Ue && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...Ce(n.children))));
+    typeof n == "string" && n.trim() !== "" ? t.push(n) : Array.isArray(n) ? t.push(...be(n)) : typeof n == "object" && n && (typeof n.type == "string" || typeof n.type == "object" ? t.push(n) : n.type !== He && (typeof n.children == "string" && n.children.trim() !== "" ? t.push(n.children) : Array.isArray(n.children) && t.push(...be(n.children))));
   return t;
 }
-const nn = (e, t) => {
+const en = (e, t) => {
   if (!e)
     return !1;
-  const n = Ce(e);
+  const n = be(e);
   if (n.length !== 1)
     return !1;
-  const u = n[0], l = typeof u == "object" && typeof u.type == "object" && "name" in u.type && u.type.name === ne.name, s = typeof u == "object" && u.type === "svg";
-  return l || s ? (tn(t), !0) : !1;
-}, un = L({
+  const u = n[0], l = typeof u == "object" && typeof u.type == "object" && "name" in u.type && u.type.name === ne.name, r = typeof u == "object" && u.type === "svg";
+  return l || r ? (Zt(t), !0) : !1;
+}, tn = L({
   name: "CdxButton",
   props: {
     action: {
       type: String,
       default: "default",
-      validator: Zt
+      validator: Xt
     },
     weight: {
       type: String,
       default: "normal",
-      validator: ve
-    },
-    type: {
-      type: String,
-      default: void 0,
-      validator: en
+      validator: Yt
     }
   },
   emits: ["click"],
   setup(e, { emit: t, slots: n, attrs: u }) {
-    const l = y(!1), s = p(
-      () => ve(e.type) ? void 0 : e.type
-    ), a = p(
-      () => ve(e.type) ? e.type : e.weight
-    );
+    const l = y(!1);
     return {
       rootClasses: p(() => {
-        var c;
+        var o;
         return {
           [`cdx-button--action-${e.action}`]: !0,
-          [`cdx-button--weight-${a.value}`]: !0,
-          "cdx-button--framed": a.value !== "quiet",
-          "cdx-button--icon-only": nn((c = n.default) == null ? void 0 : c.call(n), u),
+          [`cdx-button--weight-${e.weight}`]: !0,
+          "cdx-button--framed": e.weight !== "quiet",
+          "cdx-button--icon-only": en((o = n.default) == null ? void 0 : o.call(n), u),
           "cdx-button--is-active": l.value
         };
       }),
-      onClick: (c) => {
-        t("click", c);
+      onClick: (o) => {
+        t("click", o);
       },
-      setActive: (c) => {
-        l.value = c;
-      },
-      computedType: s
+      setActive: (o) => {
+        l.value = o;
+      }
     };
   }
 });
-const an = ["type"];
-function ln(e, t, n, u, l, s) {
-  return h(), g("button", {
+function nn(e, t, n, u, l, r) {
+  return c(), g("button", {
     class: x(["cdx-button", e.rootClasses]),
-    type: e.computedType,
     onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a)),
-    onKeydown: t[1] || (t[1] = be((a) => e.setActive(!0), ["space", "enter"])),
-    onKeyup: t[2] || (t[2] = be((a) => e.setActive(!1), ["space", "enter"]))
+    onKeydown: t[1] || (t[1] = ye((a) => e.setActive(!0), ["space", "enter"])),
+    onKeyup: t[2] || (t[2] = ye((a) => e.setActive(!1), ["space", "enter"]))
   }, [
     V(e.$slots, "default")
-  ], 42, an);
+  ], 34);
 }
-const on = /* @__PURE__ */ K(un, [["render", ln]]);
-function xe(e, t, n) {
+const un = /* @__PURE__ */ K(tn, [["render", nn]]);
+function Fe(e, t, n) {
   return p({
     get: () => e.value,
     set: (u) => t(n || "update:modelValue", u)
   });
 }
-const sn = U(rt), rn = U(Fe), dn = L({
+const an = J(st), ln = J(ke), on = L({
   name: "CdxTextInput",
   components: { CdxIcon: ne },
   inheritAttrs: !1,
@@ -971,12 +955,12 @@ const sn = U(rt), rn = U(Fe), dn = L({
     inputType: {
       type: String,
       default: "text",
-      validator: sn
+      validator: an
     },
     status: {
       type: String,
       default: "default",
-      validator: rn
+      validator: ln
     },
     disabled: {
       type: Boolean,
@@ -1004,25 +988,25 @@ const sn = U(rt), rn = U(Fe), dn = L({
     "blur"
   ],
   setup(e, { emit: t, attrs: n }) {
-    const u = xe(ee(e, "modelValue"), t), l = p(() => e.clearable && !!u.value && !e.disabled), s = p(() => ({
+    const u = Fe(ee(e, "modelValue"), t), l = p(() => e.clearable && !!u.value && !e.disabled), r = p(() => ({
       "cdx-text-input--has-start-icon": !!e.startIcon,
       "cdx-text-input--has-end-icon": !!e.endIcon,
       "cdx-text-input--clearable": l.value,
       [`cdx-text-input--status-${e.status}`]: !0
     })), {
       rootClasses: a,
-      rootStyle: i,
+      rootStyle: s,
       otherAttrs: o
-    } = re(n, s), r = p(() => ({
+    } = re(n, r), d = p(() => ({
       "cdx-text-input__input--has-value": !!u.value
     }));
     return {
       wrappedModel: u,
       isClearable: l,
       rootClasses: a,
-      rootStyle: i,
+      rootStyle: s,
       otherAttrs: o,
-      inputClasses: r,
+      inputClasses: d,
       onClear: () => {
         u.value = "";
       },
@@ -1041,7 +1025,7 @@ const sn = U(rt), rn = U(Fe), dn = L({
       onBlur: (B) => {
         t("blur", B);
       },
-      cdxIconClear: Ze
+      cdxIconClear: Xe
     };
   },
   methods: {
@@ -1050,53 +1034,53 @@ const sn = U(rt), rn = U(Fe), dn = L({
     }
   }
 });
-const cn = ["type", "disabled"];
-function hn(e, t, n, u, l, s) {
+const sn = ["type", "disabled"];
+function rn(e, t, n, u, l, r) {
   const a = E("cdx-icon");
-  return h(), g("div", {
+  return c(), g("div", {
     class: x(["cdx-text-input", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
-    ke(C("input", G({
+    De(C("input", W({
       ref: "input",
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => e.wrappedModel = i),
+      "onUpdate:modelValue": t[0] || (t[0] = (s) => e.wrappedModel = s),
       class: ["cdx-text-input__input", e.inputClasses]
     }, e.otherAttrs, {
       type: e.inputType,
       disabled: e.disabled,
-      onInput: t[1] || (t[1] = (...i) => e.onInput && e.onInput(...i)),
-      onChange: t[2] || (t[2] = (...i) => e.onChange && e.onChange(...i)),
-      onFocus: t[3] || (t[3] = (...i) => e.onFocus && e.onFocus(...i)),
-      onBlur: t[4] || (t[4] = (...i) => e.onBlur && e.onBlur(...i)),
-      onKeydown: t[5] || (t[5] = (...i) => e.onKeydown && e.onKeydown(...i))
-    }), null, 16, cn), [
-      [Pe, e.wrappedModel]
+      onInput: t[1] || (t[1] = (...s) => e.onInput && e.onInput(...s)),
+      onChange: t[2] || (t[2] = (...s) => e.onChange && e.onChange(...s)),
+      onFocus: t[3] || (t[3] = (...s) => e.onFocus && e.onFocus(...s)),
+      onBlur: t[4] || (t[4] = (...s) => e.onBlur && e.onBlur(...s)),
+      onKeydown: t[5] || (t[5] = (...s) => e.onKeydown && e.onKeydown(...s))
+    }), null, 16, sn), [
+      [Ue, e.wrappedModel]
     ]),
-    e.startIcon ? (h(), M(a, {
+    e.startIcon ? (c(), M(a, {
       key: 0,
       icon: e.startIcon,
       class: "cdx-text-input__icon-vue cdx-text-input__start-icon"
-    }, null, 8, ["icon"])) : w("", !0),
-    e.endIcon ? (h(), M(a, {
+    }, null, 8, ["icon"])) : I("", !0),
+    e.endIcon ? (c(), M(a, {
       key: 1,
       icon: e.endIcon,
       class: "cdx-text-input__icon-vue cdx-text-input__end-icon"
-    }, null, 8, ["icon"])) : w("", !0),
-    e.isClearable ? (h(), M(a, {
+    }, null, 8, ["icon"])) : I("", !0),
+    e.isClearable ? (c(), M(a, {
       key: 2,
       icon: e.cdxIconClear,
       class: "cdx-text-input__icon-vue cdx-text-input__clear-icon",
-      onMousedown: t[6] || (t[6] = Ae(() => {
+      onMousedown: t[6] || (t[6] = Ce(() => {
       }, ["prevent"])),
       onClick: e.onClear
-    }, null, 8, ["icon", "onClick"])) : w("", !0)
+    }, null, 8, ["icon", "onClick"])) : I("", !0)
   ], 6);
 }
-const fn = /* @__PURE__ */ K(dn, [["render", hn]]), pn = U(Fe), mn = L({
+const dn = /* @__PURE__ */ K(on, [["render", rn]]), cn = J(ke), hn = L({
   name: "CdxSearchInput",
   components: {
-    CdxButton: on,
-    CdxTextInput: fn
+    CdxButton: un,
+    CdxTextInput: dn
   },
   inheritAttrs: !1,
   props: {
@@ -1111,7 +1095,7 @@ const fn = /* @__PURE__ */ K(dn, [["render", hn]]), pn = U(Fe), mn = L({
     status: {
       type: String,
       default: "default",
-      validator: pn
+      validator: cn
     }
   },
   emits: [
@@ -1119,22 +1103,22 @@ const fn = /* @__PURE__ */ K(dn, [["render", hn]]), pn = U(Fe), mn = L({
     "submit-click"
   ],
   setup(e, { emit: t, attrs: n }) {
-    const u = xe(ee(e, "modelValue"), t), l = p(() => ({
+    const u = Fe(ee(e, "modelValue"), t), l = p(() => ({
       "cdx-search-input--has-end-button": !!e.buttonLabel
     })), {
-      rootClasses: s,
+      rootClasses: r,
       rootStyle: a,
-      otherAttrs: i
+      otherAttrs: s
     } = re(n, l);
     return {
       wrappedModel: u,
-      rootClasses: s,
+      rootClasses: r,
       rootStyle: a,
-      otherAttrs: i,
+      otherAttrs: s,
       handleSubmit: () => {
         t("submit-click", u.value);
       },
-      searchIcon: tt
+      searchIcon: Ze
     };
   },
   methods: {
@@ -1143,15 +1127,15 @@ const fn = /* @__PURE__ */ K(dn, [["render", hn]]), pn = U(Fe), mn = L({
     }
   }
 });
-const gn = { class: "cdx-search-input__input-wrapper" };
-function vn(e, t, n, u, l, s) {
-  const a = E("cdx-text-input"), i = E("cdx-button");
-  return h(), g("div", {
+const fn = { class: "cdx-search-input__input-wrapper" };
+function pn(e, t, n, u, l, r) {
+  const a = E("cdx-text-input"), s = E("cdx-button");
+  return c(), g("div", {
     class: x(["cdx-search-input", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
-    C("div", gn, [
-      W(a, G({
+    C("div", fn, [
+      j(a, W({
         ref: "textInput",
         modelValue: e.wrappedModel,
         "onUpdate:modelValue": t[0] || (t[0] = (o) => e.wrappedModel = o),
@@ -1160,11 +1144,11 @@ function vn(e, t, n, u, l, s) {
         "start-icon": e.searchIcon,
         status: e.status
       }, e.otherAttrs, {
-        onKeydown: be(e.handleSubmit, ["enter"])
+        onKeydown: ye(e.handleSubmit, ["enter"])
       }), null, 16, ["modelValue", "start-icon", "status", "onKeydown"]),
       V(e.$slots, "default")
     ]),
-    e.buttonLabel ? (h(), M(i, {
+    e.buttonLabel ? (c(), M(s, {
       key: 0,
       class: "cdx-search-input__end-button",
       onClick: e.handleSubmit
@@ -1173,15 +1157,15 @@ function vn(e, t, n, u, l, s) {
         Z(k(e.buttonLabel), 1)
       ]),
       _: 1
-    }, 8, ["onClick"])) : w("", !0)
+    }, 8, ["onClick"])) : I("", !0)
   ], 6);
 }
-const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
+const mn = /* @__PURE__ */ K(hn, [["render", pn]]), gn = L({
   name: "CdxTypeaheadSearch",
   components: {
     CdxIcon: ne,
-    CdxMenu: Yt,
-    CdxSearchInput: yn
+    CdxMenu: Jt,
+    CdxSearchInput: mn
   },
   inheritAttrs: !1,
   props: {
@@ -1215,7 +1199,7 @@ const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
     },
     debounceInterval: {
       type: Number,
-      default: dt
+      default: it
     },
     highlightQuery: {
       type: Boolean,
@@ -1241,28 +1225,28 @@ const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
     "load-more"
   ],
   setup(e, { attrs: t, emit: n, slots: u }) {
-    const { searchResults: l, searchFooterUrl: s, debounceInterval: a } = je(e), i = y(), o = y(), r = Me("typeahead-search-menu"), c = y(!1), A = y(!1), b = y(!1), $ = y(!1), D = y(e.initialInputValue), T = y(""), B = p(() => {
-      var f, I;
-      return (I = (f = o.value) == null ? void 0 : f.getHighlightedMenuItem()) == null ? void 0 : I.id;
+    const { searchResults: l, searchFooterUrl: r, debounceInterval: a } = ze(e), s = y(), o = y(), d = Ee("typeahead-search-menu"), f = y(!1), A = y(!1), b = y(!1), $ = y(!1), D = y(e.initialInputValue), T = y(""), B = p(() => {
+      var h, w;
+      return (w = (h = o.value) == null ? void 0 : h.getHighlightedMenuItem()) == null ? void 0 : w.id;
     }), S = y(null), ue = p(() => ({
       "cdx-typeahead-search__menu-message--has-thumbnail": e.showThumbnail
     })), F = p(
       () => e.searchResults.find(
-        (f) => f.value === S.value
+        (h) => h.value === S.value
       )
     ), de = p(
-      () => s.value ? { value: j, url: s.value } : void 0
+      () => r.value ? { value: P, url: r.value } : void 0
     ), O = p(() => ({
       "cdx-typeahead-search--show-thumbnail": e.showThumbnail,
-      "cdx-typeahead-search--expanded": c.value,
+      "cdx-typeahead-search--expanded": f.value,
       "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth
     })), {
       rootClasses: q,
-      rootStyle: z,
+      rootStyle: U,
       otherAttrs: ae
     } = re(t, O);
-    function ce(f) {
-      return f;
+    function ce(h) {
+      return h;
     }
     const he = p(() => ({
       visibleItemLimit: e.visibleItemLimit,
@@ -1270,34 +1254,34 @@ const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
       boldLabel: !0,
       hideDescriptionOverflow: !0
     }));
-    let P, R;
-    function le(f, I = !1) {
-      F.value && F.value.label !== f && F.value.value !== f && (S.value = null), R !== void 0 && (clearTimeout(R), R = void 0), f === "" ? c.value = !1 : (A.value = !0, u["search-results-pending"] && (R = setTimeout(() => {
-        $.value && (c.value = !0), b.value = !0;
-      }, ct))), P !== void 0 && (clearTimeout(P), P = void 0);
+    let z, R;
+    function le(h, w = !1) {
+      F.value && F.value.label !== h && F.value.value !== h && (S.value = null), R !== void 0 && (clearTimeout(R), R = void 0), h === "" ? f.value = !1 : (A.value = !0, u["search-results-pending"] && (R = setTimeout(() => {
+        $.value && (f.value = !0), b.value = !0;
+      }, rt))), z !== void 0 && (clearTimeout(z), z = void 0);
       const N = () => {
-        n("input", f);
+        n("input", h);
       };
-      I ? N() : P = setTimeout(() => {
+      w ? N() : z = setTimeout(() => {
         N();
       }, a.value);
     }
-    function fe(f) {
-      if (f === j) {
+    function fe(h) {
+      if (h === P) {
         S.value = null, D.value = T.value;
         return;
       }
-      S.value = f, f !== null && (D.value = F.value ? F.value.label || String(F.value.value) : "");
+      S.value = h, h !== null && (D.value = F.value ? F.value.label || String(F.value.value) : "");
     }
-    function d() {
-      $.value = !0, (T.value || b.value) && (c.value = !0);
+    function i() {
+      $.value = !0, (T.value || b.value) && (f.value = !0);
     }
     function m() {
-      $.value = !1, c.value = !1;
+      $.value = !1, f.value = !1;
     }
-    function v(f) {
-      const Be = f, { id: I } = Be, N = se(Be, ["id"]);
-      if (N.value === j) {
+    function v(h) {
+      const Ae = h, { id: w } = Ae, N = se(Ae, ["id"]);
+      if (N.value === P) {
         n("search-result-click", {
           searchResult: null,
           index: l.value.length,
@@ -1307,63 +1291,63 @@ const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
       }
       _(N);
     }
-    function _(f) {
-      const I = {
-        searchResult: f,
+    function _(h) {
+      const w = {
+        searchResult: h,
         index: l.value.findIndex(
-          (N) => N.value === f.value
+          (N) => N.value === h.value
         ),
         numberOfResults: l.value.length
       };
-      n("search-result-click", I);
+      n("search-result-click", w);
     }
-    function X(f) {
-      if (f.value === j) {
+    function X(h) {
+      if (h.value === P) {
         D.value = T.value;
         return;
       }
-      D.value = f.value ? f.label || String(f.value) : "";
+      D.value = h.value ? h.label || String(h.value) : "";
     }
-    function H(f) {
-      var I;
-      c.value = !1, (I = o.value) == null || I.clearActive(), v(f);
+    function H(h) {
+      var w;
+      f.value = !1, (w = o.value) == null || w.clearActive(), v(h);
     }
-    function Te(f) {
+    function Me(h) {
       if (F.value)
-        _(F.value), f.stopPropagation(), window.location.assign(F.value.url), f.preventDefault();
+        _(F.value), h.stopPropagation(), window.location.assign(F.value.url), h.preventDefault();
       else {
-        const I = {
+        const w = {
           searchResult: null,
           index: -1,
           numberOfResults: l.value.length
         };
-        n("submit", I);
+        n("submit", w);
       }
     }
-    function Ve(f) {
-      if (!o.value || !T.value || f.key === " ")
+    function xe(h) {
+      if (!o.value || !T.value || h.key === " ")
         return;
-      const I = o.value.getHighlightedMenuItem(), N = o.value.getHighlightedViaKeyboard();
-      switch (f.key) {
+      const w = o.value.getHighlightedMenuItem(), N = o.value.getHighlightedViaKeyboard();
+      switch (h.key) {
         case "Enter":
-          I && (I.value === j && N ? window.location.assign(s.value) : o.value.delegateKeyNavigation(f, !1)), c.value = !1;
+          w && (w.value === P && N ? window.location.assign(r.value) : o.value.delegateKeyNavigation(h, !1)), f.value = !1;
           break;
         case "Tab":
-          c.value = !1;
+          f.value = !1;
           break;
         default:
-          o.value.delegateKeyNavigation(f);
+          o.value.delegateKeyNavigation(h);
           break;
       }
     }
-    return J(() => {
+    return G(() => {
       e.initialInputValue && le(e.initialInputValue, !0);
     }), Y(ee(e, "searchResults"), () => {
-      T.value = D.value.trim(), $.value && A.value && T.value.length > 0 && (c.value = !0), R !== void 0 && (clearTimeout(R), R = void 0), A.value = !1, b.value = !1;
+      T.value = D.value.trim(), $.value && A.value && T.value.length > 0 && (f.value = !0), R !== void 0 && (clearTimeout(R), R = void 0), A.value = !1, b.value = !1;
     }), {
-      form: i,
+      form: s,
       menu: o,
-      menuId: r,
+      menuId: d,
       highlightedId: B,
       selection: S,
       menuMessageClass: ue,
@@ -1371,23 +1355,23 @@ const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
       asSearchResult: ce,
       inputValue: D,
       searchQuery: T,
-      expanded: c,
+      expanded: f,
       showPending: b,
       rootClasses: q,
-      rootStyle: z,
+      rootStyle: U,
       otherAttrs: ae,
       menuConfig: he,
       onUpdateInputValue: le,
       onUpdateMenuSelection: fe,
-      onFocus: d,
+      onFocus: i,
       onBlur: m,
       onSearchResultClick: v,
       onSearchResultKeyboardNavigation: X,
       onSearchFooterClick: H,
-      onSubmit: Te,
-      onKeydown: Ve,
-      MenuFooterValue: j,
-      articleIcon: Ye
+      onSubmit: Me,
+      onKeydown: xe,
+      MenuFooterValue: P,
+      articleIcon: Je
     };
   },
   methods: {
@@ -1396,10 +1380,10 @@ const yn = /* @__PURE__ */ K(mn, [["render", vn]]), bn = L({
     }
   }
 });
-const Cn = ["id", "action"], An = { class: "cdx-typeahead-search__menu-message__text" }, Bn = { class: "cdx-typeahead-search__menu-message__text" }, _n = ["href", "onClickCapture"], $n = { class: "cdx-typeahead-search__search-footer__text" }, Sn = { class: "cdx-typeahead-search__search-footer__query" };
-function In(e, t, n, u, l, s) {
-  const a = E("cdx-icon"), i = E("cdx-menu"), o = E("cdx-search-input");
-  return h(), g("div", {
+const vn = ["id", "action"], yn = { class: "cdx-typeahead-search__menu-message__text" }, bn = { class: "cdx-typeahead-search__menu-message__text" }, Cn = ["href", "onClickCapture"], An = { class: "cdx-typeahead-search__search-footer__text" }, Bn = { class: "cdx-typeahead-search__search-footer__query" };
+function _n(e, t, n, u, l, r) {
+  const a = E("cdx-icon"), s = E("cdx-menu"), o = E("cdx-search-input");
+  return c(), g("div", {
     class: x(["cdx-typeahead-search", e.rootClasses]),
     style: te(e.rootStyle)
   }, [
@@ -1408,12 +1392,12 @@ function In(e, t, n, u, l, s) {
       ref: "form",
       class: "cdx-typeahead-search__form",
       action: e.formAction,
-      onSubmit: t[4] || (t[4] = (...r) => e.onSubmit && e.onSubmit(...r))
+      onSubmit: t[4] || (t[4] = (...d) => e.onSubmit && e.onSubmit(...d))
     }, [
-      W(o, G({
+      j(o, W({
         ref: "searchInput",
         modelValue: e.inputValue,
-        "onUpdate:modelValue": t[3] || (t[3] = (r) => e.inputValue = r),
+        "onUpdate:modelValue": t[3] || (t[3] = (d) => e.inputValue = d),
         "button-label": e.buttonLabel
       }, e.otherAttrs, {
         class: "cdx-typeahead-search__input",
@@ -1430,11 +1414,11 @@ function In(e, t, n, u, l, s) {
         onKeydown: e.onKeydown
       }), {
         default: Q(() => [
-          W(i, G({
+          j(s, W({
             id: e.menuId,
             ref: "menu",
             expanded: e.expanded,
-            "onUpdate:expanded": t[0] || (t[0] = (r) => e.expanded = r),
+            "onUpdate:expanded": t[0] || (t[0] = (d) => e.expanded = d),
             "show-pending": e.showPending,
             selected: e.selection,
             "menu-items": e.searchResults,
@@ -1444,15 +1428,15 @@ function In(e, t, n, u, l, s) {
           }, e.menuConfig, {
             "aria-label": e.searchResultsLabel,
             "onUpdate:selected": e.onUpdateMenuSelection,
-            onMenuItemClick: t[1] || (t[1] = (r) => e.onSearchResultClick(e.asSearchResult(r))),
+            onMenuItemClick: t[1] || (t[1] = (d) => e.onSearchResultClick(e.asSearchResult(d))),
             onMenuItemKeyboardNavigation: e.onSearchResultKeyboardNavigation,
-            onLoadMore: t[2] || (t[2] = (r) => e.$emit("load-more"))
+            onLoadMore: t[2] || (t[2] = (d) => e.$emit("load-more"))
           }), {
             pending: Q(() => [
               C("div", {
                 class: x(["cdx-typeahead-search__menu-message", e.menuMessageClass])
               }, [
-                C("span", An, [
+                C("span", yn, [
                   V(e.$slots, "search-results-pending")
                 ])
               ], 2)
@@ -1461,30 +1445,30 @@ function In(e, t, n, u, l, s) {
               C("div", {
                 class: x(["cdx-typeahead-search__menu-message", e.menuMessageClass])
               }, [
-                C("span", Bn, [
+                C("span", bn, [
                   V(e.$slots, "search-no-results-text")
                 ])
               ], 2)
             ]),
-            default: Q(({ menuItem: r, active: c }) => [
-              r.value === e.MenuFooterValue ? (h(), g("a", {
+            default: Q(({ menuItem: d, active: f }) => [
+              d.value === e.MenuFooterValue ? (c(), g("a", {
                 key: 0,
                 class: x(["cdx-typeahead-search__search-footer", {
-                  "cdx-typeahead-search__search-footer__active": c
+                  "cdx-typeahead-search__search-footer__active": f
                 }]),
-                href: e.asSearchResult(r).url,
-                onClickCapture: Ae((A) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"])
+                href: e.asSearchResult(d).url,
+                onClickCapture: Ce((A) => e.onSearchFooterClick(e.asSearchResult(d)), ["stop"])
               }, [
-                W(a, {
+                j(a, {
                   class: "cdx-typeahead-search__search-footer__icon",
                   icon: e.articleIcon
                 }, null, 8, ["icon"]),
-                C("span", $n, [
+                C("span", An, [
                   V(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [
-                    C("strong", Sn, k(e.searchQuery), 1)
+                    C("strong", Bn, k(e.searchQuery), 1)
                   ])
                 ])
-              ], 42, _n)) : w("", !0)
+              ], 42, Cn)) : I("", !0)
             ]),
             _: 3
           }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"])
@@ -1492,10 +1476,10 @@ function In(e, t, n, u, l, s) {
         _: 3
       }, 16, ["modelValue", "button-label", "aria-owns", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]),
       V(e.$slots, "default")
-    ], 40, Cn)
+    ], 40, vn)
   ], 6);
 }
-const kn = /* @__PURE__ */ K(bn, [["render", In]]);
+const wn = /* @__PURE__ */ K(gn, [["render", _n]]);
 export {
-  kn as CdxTypeaheadSearch
+  wn 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 670b03b35645..a72a6511e616 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{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--block{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--enabled .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--enabled.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:12px;padding-right:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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.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:12px;padding-right:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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}
diff --git a/resources/lib/codex-search/codex-search.style-legacy.css b/resources/lib/codex-search/codex-search.style-legacy.css
index 760aae49b95e..e96b5798f480 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{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--block{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--enabled .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--enabled.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:12px;padding-left:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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.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:12px;padding-left:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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}
diff --git a/resources/lib/codex-search/codex-search.style-rtl.css b/resources/lib/codex-search/codex-search.style-rtl.css
index 8017a4c665b0..0603844353c3 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{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--block{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--enabled .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--enabled.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:12px;padding-right:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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.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:12px;padding-right:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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}
diff --git a/resources/lib/codex-search/codex-search.style.css b/resources/lib/codex-search/codex-search.style.css
index 555b105df2b4..c90fe0116464 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{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--block{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--enabled .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--enabled.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:12px;padding-left:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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.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:12px;padding-left:12px;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 4px}.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{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input: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}
diff --git a/resources/lib/codex-search/codex-search.umd.js b/resources/lib/codex-search/codex-search.umd.js
index 5e754599b59a..42eca84c6cf2 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 Pt=Object.defineProperty,Qt=Object.defineProperties;var Ut=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var pe=(f,t,y)=>t in f?Pt(f,t,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[t]=y,ge=(f,t)=>{for(var y in t||(t={}))me.call(t,y)&&pe(f,y,t[y]);if(G)for(var y of G(t))fe.call(t,y)&&pe(f,y,t[y]);return f},ye=(f,t)=>Qt(f,Ut(t));var J=(f,t)=>{var y={};for(var _ in f)me.call(f,_)&&t.indexOf(_)<0&&(y[_]=f[_]);if(f!=null&&G)for(var _ of G(f))t.indexOf(_)<0&&fe.call(f,_)&&(y[_]=f[_]);return y};var ie=(f,t,y)=>new Promise((_,P)=>{var X=x=>{try{z(y.next(x))}catch(O){P(O)}},Y=x=>{try{z(y.throw(x))}catch(O){P(O)}},z=x=>x.done?_(x.value):Promise.resolve(x.value).then(X,Y);z((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"/>',_='<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,z=_,x=P,O=X;function be(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const s=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof s=="string"||"path"in s?s:s.ltr}function Ce(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function 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 Ae(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 T(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Z="cdx",ke=["default","progressive","destructive"],ue=["normal","primary","quiet"],Se=["button","submit","reset"],Ee=["x-small","small","medium"],_e=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],re=["default","error"],$e=120,we=500,L="cdx-menu-footer-item",De=T(Ee),Ie=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:De}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=Be(o),a=Ae(o),r=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||a.value),d=t.computed(()=>({"cdx-icon--flipped":r.value==="rtl"&&l.value!==null&&Ce(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),i=t.computed(()=>be(e.icon,l.value||"",r.value||"ltr")),c=t.computed(()=>typeof i.value=="string"?i.value:""),h=t.computed(()=>typeof i.value!="string"?i.value.path:"");return{rootElement:o,rootClasses:d,iconSvg:c,iconPath:h,onClick:b=>{n("click",b)}}}}),jt="",D=(e,n)=>{const o=e.__vccOpts||e;for(const[s,a]of n)o[s]=a;return o},xe=["aria-hidden"],Me={key:0},Fe=["innerHTML"],Ve=["d"];function ve(e,n,o,s,a,r){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",Me,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,Fe)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Ve))],8,xe))],2)}const q=D(Ie,[["render",ve]]),Ne=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:q},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:x}},setup:e=>{const n=t.ref(!1),o=t.ref({}),s=a=>{const r=a.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${r}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=r};return t.onMounted(()=>{var a;(a=e.thumbnail)!=null&&a.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Wt="",Te={class:"cdx-thumbnail"},Le={key:0,class:"cdx-thumbnail__placeholder"};function Ke(e,n,o,s,a,r){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Te,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Le,[t.createVNode(l,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon"},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=D(Ne,[["render",Ke]]);function ze(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const Oe="[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]";function qe(e,n){if(!e)return[n,"",""];const o=ze(e),s=new RegExp(o+Oe+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const a=s.index,r=a+s[0].length,l=n.slice(a,r),d=n.slice(0,a),i=n.slice(r,n.length);return[d,l,i]}const He=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>qe(e.searchQuery,String(e.title)))})}),Gt="",Pe={class:"cdx-search-result-title"},Qe={class:"cdx-search-result-title__match"};function Ue(e,n,o,s,a,r){return t.openBlock(),t.createElementBlock("span",Pe,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",Qe,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const je=D(He,[["render",Ue]]),We=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:q,CdxThumbnail:Re,CdxSearchResultTitle:je},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},s=()=>{n("change","highlighted",!1)},a=h=>{h.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":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"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:a,onClick:r,highlightQuery:l,rootClasses:d,contentTag:i,title:c}}}),Jt="",Ge=["id","aria-disabled","aria-selected"],Je={class:"cdx-menu-item__text"},Xe=["lang"],Ye=["lang"],Ze=["lang"],et=["lang"];function tt(e,n,o,s,a,r){const l=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,h,C,b,k,$;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(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Je,[e.highlightQuery?(t.openBlock(),t.createBlock(i,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(h=e.language)==null?void 0:h.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,Xe)),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,Ye))],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:(k=e.language)==null?void 0:k.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Ze)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:($=e.language)==null?void 0:$.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,et)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,Ge)}const nt=D(We,[["render",tt]]),ot=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}))}}}),Xt="",lt=["aria-disabled"],at=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function st(e,n,o,s,a,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},at,10,lt)}const it=D(ot,[["render",st]]);let ee=0;function de(e){const n=t.getCurrentInstance(),o=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${Z}-${e}-${ee++}`:o?`${Z}-${o}-${ee++}`:`${Z}-${ee++}`}function ut(e,n){const o=t.ref(!1);let s=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const a=new window.IntersectionObserver(r=>{const l=r[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,r=>{!s||(a.disconnect(),o.value=!1,r&&a.observe(r))}),o}function Q(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=J(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),s=t.computed(()=>{if("style"in e)return e.style}),a=t.computed(()=>{const i=e,{class:r,style:l}=i;return J(i,["class","style"])});return{rootClasses:o,rootStyle:s,otherAttrs:a}}const rt=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:nt,CdxProgressBar:it},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=>ye(ge({},m),{id:de("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:a.value.length===0:!1),l=t.ref(null),d=t.ref(!1),i=t.ref(null);function c(){return a.value.find(u=>u.value===e.selected)}function h(u,m){var g;if(!(m&&m.disabled))switch(u){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,d.value=!1;break;case"highlightedViaKeyboard":l.value=m||null,d.value=!0;break;case"active":i.value=m||null;break}}const C=t.computed(()=>{if(l.value!==null)return a.value.findIndex(u=>u.value===l.value.value)});function b(u){!u||(h("highlightedViaKeyboard",u),n("menu-item-keyboard-navigation",u))}function k(u){var A;const m=H=>{for(let N=H-1;N>=0;N--)if(!a.value[N].disabled)return a.value[N]};u=u||a.value.length;const g=(A=m(u))!=null?A:m(a.value.length);b(g)}function $(u){const m=A=>a.value.find((H,N)=>!H.disabled&&N>A);u=u!=null?u:-1;const g=m(u)||m(-1);b(g)}function I(u,m=!0){function g(){n("update:expanded",!0),h("highlighted",c())}function A(){m&&(u.preventDefault(),u.stopPropagation())}switch(u.key){case"Enter":case" ":return A(),e.expanded?(l.value&&d.value&&n("update:selected",l.value.value),n("update:expanded",!1)):g(),!0;case"Tab":return e.expanded&&(l.value&&d.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return A(),e.expanded?(l.value===null&&h("highlightedViaKeyboard",c()),k(C.value)):g(),V(),!0;case"ArrowDown":return A(),e.expanded?(l.value===null&&h("highlightedViaKeyboard",c()),$(C.value)):g(),V(),!0;case"Home":return A(),e.expanded?(l.value===null&&h("highlightedViaKeyboard",c()),$()):g(),V(),!0;case"End":return A(),e.expanded?(l.value===null&&h("highlightedViaKeyboard",c()),k()):g(),V(),!0;case"Escape":return A(),n("update:expanded",!1),!0;default:return!1}}function B(){h("active")}const S=[],U=t.ref(void 0),w=ut(U,{threshold:.8});t.watch(w,u=>{u&&n("load-more")});function oe(u,m){if(u){S[m]=u.$el;const g=e.visibleItemLimit;if(!g||e.menuItems.length<g)return;const A=Math.min(g,Math.max(2,Math.floor(.2*e.menuItems.length)));m===e.menuItems.length-A&&(U.value=u.$el)}}function V(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||C.value===void 0)return;const u=C.value>=0?C.value:0;S[u].scrollIntoView({behavior:"smooth",block:"nearest"})}const v=t.ref(null),K=t.ref(null);function j(){if(K.value=null,!e.visibleItemLimit||S.length<=e.visibleItemLimit){v.value=null;return}const u=S[0],m=S[e.visibleItemLimit];if(v.value=le(u,m),e.footer){const g=S[S.length-1];K.value=g.scrollHeight}}function le(u,m){const g=u.getBoundingClientRect().top;return m.getBoundingClientRect().top-g+2}t.onMounted(()=>{document.addEventListener("mouseup",B)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",B)}),t.watch(t.toRef(e,"expanded"),u=>ie(this,null,function*(){const m=c();!u&&l.value&&m===void 0&&h("highlighted"),u&&m!==void 0&&h("highlighted",m),u&&(yield t.nextTick(),j(),yield t.nextTick(),V())})),t.watch(t.toRef(e,"menuItems"),u=>ie(this,null,function*(){u.length<S.length&&(S.length=u.length),e.expanded&&(yield t.nextTick(),j(),yield t.nextTick(),V())}),{deep:!0});const ae=t.computed(()=>({"max-height":v.value?`${v.value}px`:void 0,"overflow-y":v.value?"scroll":void 0,"margin-bottom":K.value?`${K.value}px`:void 0})),R=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!v.value})),{rootClasses:M,rootStyle:W,otherAttrs:se}=Q(s,R);return{listBoxStyle:ae,rootClasses:M,rootStyle:W,otherAttrs:se,assignTemplateRef:oe,computedMenuItems:a,computedShowNoResultsSlot:r,highlightedMenuItem:l,highlightedViaKeyboard:d,activeMenuItem:i,handleMenuItemChange:h,handleKeyNavigation:I}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Zt="",dt={key:0,class:"cdx-menu__pending cdx-menu-item"},ct={key:1,class:"cdx-menu__no-results cdx-menu-item"};function ht(e,n,o,s,a,r){const l=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","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,c)=>{var h,C;return t.openBlock(),t.createBlock(l,t.mergeProps({key:i.value,ref_for:!0,ref:b=>e.assignTemplateRef(b,c)},i,{selected:i.value===e.selected,active:i.value===((h=e.activeMenuItem)==null?void 0:h.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,k)=>e.handleMenuItemChange(b,k&&i),onClick:b=>e.$emit("menu-item-click",i)}),{default:t.withCtx(()=>{var b,k;return[t.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((b=e.activeMenuItem)==null?void 0:b.value)&&i.value===((k=e.highlightedMenuItem)==null?void 0:k.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const pt=D(rt,[["render",ht]]),mt=T(ke),ft=T([...ue,...Se]),te=T(ue),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/button.html#default-icon-only`)};function ne(e){const n=[];for(const o of e)typeof o=="string"&&o.trim()!==""?n.push(o):Array.isArray(o)?n.push(...ne(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(...ne(o.children))));return n}const yt=(e,n)=>{if(!e)return!1;const o=ne(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,r=typeof s=="object"&&s.type==="svg";return a||r?(gt(n),!0):!1},bt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:mt},weight:{type:String,default:"normal",validator:te},type:{type:String,default:void 0,validator:ft}},emits:["click"],setup(e,{emit:n,slots:o,attrs:s}){const a=t.ref(!1),r=t.computed(()=>te(e.type)?void 0:e.type),l=t.computed(()=>te(e.type)?e.type:e.weight);return{rootClasses:t.computed(()=>{var h;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${l.value}`]:!0,"cdx-button--framed":l.value!=="quiet","cdx-button--icon-only":yt((h=o.default)==null?void 0:h.call(o),s),"cdx-button--is-active":a.value}}),onClick:h=>{n("click",h)},setActive:h=>{a.value=h},computedType:r}}}),en="",Ct=["type"];function Bt(e,n,o,s,a,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),type:e.computedType,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")],42,Ct)}const At=D(bt,[["render",Bt]]);function ce(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}const kt=T(_e),St=T(re),Et=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:q},inheritAttrs:!1,expose:["focus"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:kt},status:{type:String,default:"default",validator:St},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=ce(t.toRef(e,"modelValue"),n),a=t.computed(()=>e.clearable&&!!s.value&&!e.disabled),r=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:d,otherAttrs:i}=Q(o,r),c=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{wrappedModel:s,isClearable:a,rootClasses:l,rootStyle:d,otherAttrs:i,inputClasses:c,onClear:()=>{s.value=""},onInput:B=>{n("input",B)},onChange:B=>{n("change",B)},onKeydown:B=>{(B.key==="Home"||B.key==="End")&&!B.ctrlKey&&!B.metaKey||n("keydown",B)},onFocus:B=>{n("focus",B)},onBlur:B=>{n("blur",B)},cdxIconClear:z}},methods:{focus(){this.$refs.input.focus()}}}),tn="",_t=["type","disabled"];function $t(e,n,o,s,a,r){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]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,_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=D(Et,[["render",$t]]),Dt=T(re),It=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:At,CdxTextInput:wt},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:Dt}},emits:["update:modelValue","submit-click"],setup(e,{emit:n,attrs:o}){const s=ce(t.toRef(e,"modelValue"),n),a=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:l,otherAttrs:d}=Q(o,a);return{wrappedModel:s,rootClasses:r,rootStyle:l,otherAttrs:d,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:O}},methods:{focus(){this.$refs.textInput.focus()}}}),nn="",xt={class:"cdx-search-input__input-wrapper"};function Mt(e,n,o,s,a,r){const l=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",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(d,{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 Ft=D(It,[["render",Mt]]),Vt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:q,CdxMenu:pt,CdxSearchInput:Ft},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:$e},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:s}){const{searchResults:a,searchFooterUrl:r,debounceInterval:l}=t.toRefs(e),d=t.ref(),i=t.ref(),c=de("typeahead-search-menu"),h=t.ref(!1),C=t.ref(!1),b=t.ref(!1),k=t.ref(!1),$=t.ref(e.initialInputValue),I=t.ref(""),B=t.computed(()=>{var p,E;return(E=(p=i.value)==null?void 0:p.getHighlightedMenuItem())==null?void 0:E.id}),S=t.ref(null),U=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),w=t.computed(()=>e.searchResults.find(p=>p.value===S.value)),oe=t.computed(()=>r.value?{value:L,url:r.value}:void 0),V=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":h.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:v,rootStyle:K,otherAttrs:j}=Q(n,V);function le(p){return p}const ae=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let R,M;function W(p,E=!1){w.value&&w.value.label!==p&&w.value.value!==p&&(S.value=null),M!==void 0&&(clearTimeout(M),M=void 0),p===""?h.value=!1:(C.value=!0,s["search-results-pending"]&&(M=setTimeout(()=>{k.value&&(h.value=!0),b.value=!0},we))),R!==void 0&&(clearTimeout(R),R=void 0);const F=()=>{o("input",p)};E?F():R=setTimeout(()=>{F()},l.value)}function se(p){if(p===L){S.value=null,$.value=I.value;return}S.value=p,p!==null&&($.value=w.value?w.value.label||String(w.value.value):"")}function u(){k.value=!0,(I.value||b.value)&&(h.value=!0)}function m(){k.value=!1,h.value=!1}function g(p){const he=p,{id:E}=he,F=J(he,["id"]);if(F.value===L){o("search-result-click",{searchResult:null,index:a.value.length,numberOfResults:a.value.length});return}A(F)}function A(p){const E={searchResult:p,index:a.value.findIndex(F=>F.value===p.value),numberOfResults:a.value.length};o("search-result-click",E)}function H(p){if(p.value===L){$.value=I.value;return}$.value=p.value?p.label||String(p.value):""}function N(p){var E;h.value=!1,(E=i.value)==null||E.clearActive(),g(p)}function qt(p){if(w.value)A(w.value),p.stopPropagation(),window.location.assign(w.value.url),p.preventDefault();else{const E={searchResult:null,index:-1,numberOfResults:a.value.length};o("submit",E)}}function Ht(p){if(!i.value||!I.value||p.key===" ")return;const E=i.value.getHighlightedMenuItem(),F=i.value.getHighlightedViaKeyboard();switch(p.key){case"Enter":E&&(E.value===L&&F?window.location.assign(r.value):i.value.delegateKeyNavigation(p,!1)),h.value=!1;break;case"Tab":h.value=!1;break;default:i.value.delegateKeyNavigation(p);break}}return t.onMounted(()=>{e.initialInputValue&&W(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{I.value=$.value.trim(),k.value&&C.value&&I.value.length>0&&(h.value=!0),M!==void 0&&(clearTimeout(M),M=void 0),C.value=!1,b.value=!1}),{form:d,menu:i,menuId:c,highlightedId:B,selection:S,menuMessageClass:U,footer:oe,asSearchResult:le,inputValue:$,searchQuery:I,expanded:h,showPending:b,rootClasses:v,rootStyle:K,otherAttrs:j,menuConfig:ae,onUpdateInputValue:W,onUpdateMenuSelection:se,onFocus:u,onBlur:m,onSearchResultClick:g,onSearchResultKeyboardNavigation:H,onSearchFooterClick:N,onSubmit:qt,onKeydown:Ht,MenuFooterValue:L,articleIcon:Y}},methods:{focus(){this.$refs.searchInput.focus()}}}),on="",vt=["id","action"],Nt={class:"cdx-typeahead-search__menu-message__text"},Tt={class:"cdx-typeahead-search__menu-message__text"},Lt=["href","onClickCapture"],Kt={class:"cdx-typeahead-search__search-footer__text"},Rt={class:"cdx-typeahead-search__search-footer__query"};function zt(e,n,o,s,a,r){const l=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),i=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(i,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-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(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Nt,[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:c,active:h})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":h}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(C=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(l,{class:"cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Kt,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Rt,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,vt)],6)}const Ot=D(Vt,[["render",zt]]);f.CdxTypeaheadSearch=Ot,Object.defineProperties(f,{__esModule:{value:!0},[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 Ot=Object.defineProperty,qt=Object.defineProperties;var Ht=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var ce=(f,t,y)=>t in f?Ot(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)&&ce(f,y,t[y]);if(G)for(var y of G(t))pe.call(t,y)&&ce(f,y,t[y]);return f},fe=(f,t)=>qt(f,Ht(t));var J=(f,t)=>{var y={};for(var _ in f)he.call(f,_)&&t.indexOf(_)<0&&(y[_]=f[_]);if(f!=null&&G)for(var _ of G(f))t.indexOf(_)<0&&pe.call(f,_)&&(y[_]=f[_]);return y};var se=(f,t,y)=>new Promise((_,P)=>{var X=x=>{try{z(y.next(x))}catch(O){P(O)}},Y=x=>{try{z(y.throw(x))}catch(O){P(O)}},z=x=>x.done?_(x.value):Promise.resolve(x.value).then(X,Y);z((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"/>',_='<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,z=_,x=P,O=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 Ce(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 be(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 T(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Z="cdx",Be=["default","progressive","destructive"],Ae=["normal","primary","quiet"],ke=["x-small","small","medium"],Ee=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],ie=["default","error"],Se=120,_e=500,L="cdx-menu-footer-item",$e=T(ke),we=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:$e}},emits:["click"],setup(e,{emit:n}){const o=t.ref(),s=Ce(o),a=be(o),r=t.computed(()=>e.dir||s.value),l=t.computed(()=>e.lang||a.value),d=t.computed(()=>({"cdx-icon--flipped":r.value==="rtl"&&l.value!==null&&ye(e.icon,l.value),[`cdx-icon--${e.size}`]:!0})),i=t.computed(()=>ge(e.icon,l.value||"",r.value||"ltr")),c=t.computed(()=>typeof i.value=="string"?i.value:""),p=t.computed(()=>typeof i.value!="string"?i.value.path:"");return{rootElement:o,rootClasses:d,iconSvg:c,iconPath:p,onClick:C=>{n("click",C)}}}}),Pt="",D=(e,n)=>{const o=e.__vccOpts||e;for(const[s,a]of n)o[s]=a;return o},De=["aria-hidden"],Ie={key:0},xe=["innerHTML"],Me=["d"];function Fe(e,n,o,s,a,r){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",Ie,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,xe)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Me))],8,De))],2)}const q=D(we,[["render",Fe]]),Ve=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:q},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:x}},setup:e=>{const n=t.ref(!1),o=t.ref({}),s=a=>{const r=a.replace(/([\\"\n])/g,"\\$1"),l=new Image;l.onload=()=>{o.value={backgroundImage:`url("${r}")`},n.value=!0},l.onerror=()=>{n.value=!1},l.src=r};return t.onMounted(()=>{var a;(a=e.thumbnail)!=null&&a.url&&s(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n}}}),Qt="",Ne={class:"cdx-thumbnail"},ve={key:0,class:"cdx-thumbnail__placeholder"};function Te(e,n,o,s,a,r){const l=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Ne,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",ve,[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 Le=D(Ve,[["render",Te]]);function Ke(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const Re="[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]";function ze(e,n){if(!e)return[n,"",""];const o=Ke(e),s=new RegExp(o+Re+"*","i").exec(n);if(!s||s.index===void 0)return[n,"",""];const a=s.index,r=a+s[0].length,l=n.slice(a,r),d=n.slice(0,a),i=n.slice(r,n.length);return[d,l,i]}const Oe=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>ze(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,r){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=D(Oe,[["render",Pe]]),Ue=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:q,CdxThumbnail:Le,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)},r=()=>{n("change","selected",!0)},l=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":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"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:s,onMouseDown:a,onClick:r,highlightQuery:l,rootClasses:d,contentTag:i,title:c}}}),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,r){const l=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),i=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,p,b,C,k,$;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(d,{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:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(p=e.language)==null?void 0:p.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,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:(b=e.language)==null?void 0:b.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(C=e.language)==null?void 0:C.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:(k=e.language)==null?void 0:k.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:($=e.language)==null?void 0:$.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Ye)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,je)}const et=D(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,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},ot,10,nt)}const at=D(tt,[["render",lt]]);let ee=0;function ue(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(r=>{const l=r[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,r=>{!s||(a.disconnect(),o.value=!1,r&&a.observe(r))}),o}function Q(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=J(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),s=t.computed(()=>{if("style"in e)return e.style}),a=t.computed(()=>{const i=e,{class:r,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:ue("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:a.value.length===0:!1),l=t.ref(null),d=t.ref(!1),i=t.ref(null);function c(){return a.value.find(u=>u.value===e.selected)}function p(u,m){var g;if(!(m&&m.disabled))switch(u){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,d.value=!1;break;case"highlightedViaKeyboard":l.value=m||null,d.value=!0;break;case"active":i.value=m||null;break}}const b=t.computed(()=>{if(l.value!==null)return a.value.findIndex(u=>u.value===l.value.value)});function C(u){!u||(p("highlightedViaKeyboard",u),n("menu-item-keyboard-navigation",u))}function k(u){var A;const m=H=>{for(let v=H-1;v>=0;v--)if(!a.value[v].disabled)return a.value[v]};u=u||a.value.length;const g=(A=m(u))!=null?A:m(a.value.length);C(g)}function $(u){const m=A=>a.value.find((H,v)=>!H.disabled&&v>A);u=u!=null?u:-1;const g=m(u)||m(-1);C(g)}function I(u,m=!0){function g(){n("update:expanded",!0),p("highlighted",c())}function A(){m&&(u.preventDefault(),u.stopPropagation())}switch(u.key){case"Enter":case" ":return A(),e.expanded?(l.value&&d.value&&n("update:selected",l.value.value),n("update:expanded",!1)):g(),!0;case"Tab":return e.expanded&&(l.value&&d.value&&n("update:selected",l.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return A(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",c()),k(b.value)):g(),V(),!0;case"ArrowDown":return A(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",c()),$(b.value)):g(),V(),!0;case"Home":return A(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",c()),$()):g(),V(),!0;case"End":return A(),e.expanded?(l.value===null&&p("highlightedViaKeyboard",c()),k()):g(),V(),!0;case"Escape":return A(),n("update:expanded",!1),!0;default:return!1}}function B(){p("active")}const E=[],U=t.ref(void 0),w=st(U,{threshold:.8});t.watch(w,u=>{u&&n("load-more")});function ne(u,m){if(u){E[m]=u.$el;const g=e.visibleItemLimit;if(!g||e.menuItems.length<g)return;const A=Math.min(g,Math.max(2,Math.floor(.2*e.menuItems.length)));m===e.menuItems.length-A&&(U.value=u.$el)}}function V(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||b.value===void 0)return;const u=b.value>=0?b.value:0;E[u].scrollIntoView({behavior:"smooth",block:"nearest"})}const N=t.ref(null),K=t.ref(null);function j(){if(K.value=null,!e.visibleItemLimit||E.length<=e.visibleItemLimit){N.value=null;return}const u=E[0],m=E[e.visibleItemLimit];if(N.value=oe(u,m),e.footer){const g=E[E.length-1];K.value=g.scrollHeight}}function oe(u,m){const g=u.getBoundingClientRect().top;return m.getBoundingClientRect().top-g+2}t.onMounted(()=>{document.addEventListener("mouseup",B)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",B)}),t.watch(t.toRef(e,"expanded"),u=>se(this,null,function*(){const m=c();!u&&l.value&&m===void 0&&p("highlighted"),u&&m!==void 0&&p("highlighted",m),u&&(yield t.nextTick(),j(),yield t.nextTick(),V())})),t.watch(t.toRef(e,"menuItems"),u=>se(this,null,function*(){u.length<E.length&&(E.length=u.length),e.expanded&&(yield t.nextTick(),j(),yield t.nextTick(),V())}),{deep:!0});const le=t.computed(()=>({"max-height":N.value?`${N.value}px`:void 0,"overflow-y":N.value?"scroll":void 0,"margin-bottom":K.value?`${K.value}px`:void 0})),R=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!N.value})),{rootClasses:M,rootStyle:W,otherAttrs:ae}=Q(s,R);return{listBoxStyle:le,rootClasses:M,rootStyle:W,otherAttrs:ae,assignTemplateRef:ne,computedMenuItems:a,computedShowNoResultsSlot:r,highlightedMenuItem:l,highlightedViaKeyboard:d,activeMenuItem:i,handleMenuItemChange:p,handleKeyNavigation:I}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),Jt="",ut={key:0,class:"cdx-menu__pending cdx-menu-item"},rt={key:1,class:"cdx-menu__no-results cdx-menu-item"};function dt(e,n,o,s,a,r){const l=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",ut,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",rt,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(i,c)=>{var p,b;return t.openBlock(),t.createBlock(l,t.mergeProps({key:i.value,ref_for:!0,ref:C=>e.assignTemplateRef(C,c)},i,{selected:i.value===e.selected,active:i.value===((p=e.activeMenuItem)==null?void 0:p.value),highlighted:i.value===((b=e.highlightedMenuItem)==null?void 0:b.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(C,k)=>e.handleMenuItemChange(C,k&&i),onClick:C=>e.$emit("menu-item-click",i)}),{default:t.withCtx(()=>{var C,k;return[t.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((C=e.activeMenuItem)==null?void 0:C.value)&&i.value===((k=e.highlightedMenuItem)==null?void 0:k.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const ct=D(it,[["render",dt]]),ht=T(Be),pt=T(Ae),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,r=typeof s=="object"&&s.type==="svg";return a||r?(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,r){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 Ct=D(gt,[["render",yt]]);function re(e,n,o){return t.computed({get:()=>e.value,set:s=>n(o||"update:modelValue",s)})}const bt=T(Ee),Bt=T(ie),At=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:q},inheritAttrs:!1,expose:["focus"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:bt},status:{type:String,default:"default",validator:Bt},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=re(t.toRef(e,"modelValue"),n),a=t.computed(()=>e.clearable&&!!s.value&&!e.disabled),r=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:d,otherAttrs:i}=Q(o,r),c=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{wrappedModel:s,isClearable:a,rootClasses:l,rootStyle:d,otherAttrs:i,inputClasses:c,onClear:()=>{s.value=""},onInput:B=>{n("input",B)},onChange:B=>{n("change",B)},onKeydown:B=>{(B.key==="Home"||B.key==="End")&&!B.ctrlKey&&!B.metaKey||n("keydown",B)},onFocus:B=>{n("focus",B)},onBlur:B=>{n("blur",B)},cdxIconClear:z}},methods:{focus(){this.$refs.input.focus()}}}),Yt="",kt=["type","disabled"];function Et(e,n,o,s,a,r){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]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,kt),[[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 St=D(At,[["render",Et]]),_t=T(ie),$t=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:Ct,CdxTextInput:St},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:_t}},emits:["update:modelValue","submit-click"],setup(e,{emit:n,attrs:o}){const s=re(t.toRef(e,"modelValue"),n),a=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:l,otherAttrs:d}=Q(o,a);return{wrappedModel:s,rootClasses:r,rootStyle:l,otherAttrs:d,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:O}},methods:{focus(){this.$refs.textInput.focus()}}}),Zt="",wt={class:"cdx-search-input__input-wrapper"};function Dt(e,n,o,s,a,r){const l=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",wt,[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(d,{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 It=D($t,[["render",Dt]]),xt=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:q,CdxMenu:ct,CdxSearchInput:It},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:Se},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:r,debounceInterval:l}=t.toRefs(e),d=t.ref(),i=t.ref(),c=ue("typeahead-search-menu"),p=t.ref(!1),b=t.ref(!1),C=t.ref(!1),k=t.ref(!1),$=t.ref(e.initialInputValue),I=t.ref(""),B=t.computed(()=>{var h,S;return(S=(h=i.value)==null?void 0:h.getHighlightedMenuItem())==null?void 0:S.id}),E=t.ref(null),U=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),w=t.computed(()=>e.searchResults.find(h=>h.value===E.value)),ne=t.computed(()=>r.value?{value:L,url:r.value}:void 0),V=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:N,rootStyle:K,otherAttrs:j}=Q(n,V);function oe(h){return h}const le=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let R,M;function W(h,S=!1){w.value&&w.value.label!==h&&w.value.value!==h&&(E.value=null),M!==void 0&&(clearTimeout(M),M=void 0),h===""?p.value=!1:(b.value=!0,s["search-results-pending"]&&(M=setTimeout(()=>{k.value&&(p.value=!0),C.value=!0},_e))),R!==void 0&&(clearTimeout(R),R=void 0);const F=()=>{o("input",h)};S?F():R=setTimeout(()=>{F()},l.value)}function ae(h){if(h===L){E.value=null,$.value=I.value;return}E.value=h,h!==null&&($.value=w.value?w.value.label||String(w.value.value):"")}function u(){k.value=!0,(I.value||C.value)&&(p.value=!0)}function m(){k.value=!1,p.value=!1}function g(h){const de=h,{id:S}=de,F=J(de,["id"]);if(F.value===L){o("search-result-click",{searchResult:null,index:a.value.length,numberOfResults:a.value.length});return}A(F)}function A(h){const S={searchResult:h,index:a.value.findIndex(F=>F.value===h.value),numberOfResults:a.value.length};o("search-result-click",S)}function H(h){if(h.value===L){$.value=I.value;return}$.value=h.value?h.label||String(h.value):""}function v(h){var S;p.value=!1,(S=i.value)==null||S.clearActive(),g(h)}function Rt(h){if(w.value)A(w.value),h.stopPropagation(),window.location.assign(w.value.url),h.preventDefault();else{const S={searchResult:null,index:-1,numberOfResults:a.value.length};o("submit",S)}}function zt(h){if(!i.value||!I.value||h.key===" ")return;const S=i.value.getHighlightedMenuItem(),F=i.value.getHighlightedViaKeyboard();switch(h.key){case"Enter":S&&(S.value===L&&F?window.location.assign(r.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"),()=>{I.value=$.value.trim(),k.value&&b.value&&I.value.length>0&&(p.value=!0),M!==void 0&&(clearTimeout(M),M=void 0),b.value=!1,C.value=!1}),{form:d,menu:i,menuId:c,highlightedId:B,selection:E,menuMessageClass:U,footer:ne,asSearchResult:oe,inputValue:$,searchQuery:I,expanded:p,showPending:C,rootClasses:N,rootStyle:K,otherAttrs:j,menuConfig:le,onUpdateInputValue:W,onUpdateMenuSelection:ae,onFocus:u,onBlur:m,onSearchResultClick:g,onSearchResultKeyboardNavigation:H,onSearchFooterClick:v,onSubmit:Rt,onKeydown:zt,MenuFooterValue:L,articleIcon:Y}},methods:{focus(){this.$refs.searchInput.focus()}}}),en="",Mt=["id","action"],Ft={class:"cdx-typeahead-search__menu-message__text"},Vt={class:"cdx-typeahead-search__menu-message__text"},Nt=["href","onClickCapture"],vt={class:"cdx-typeahead-search__search-footer__text"},Tt={class:"cdx-typeahead-search__search-footer__query"};function Lt(e,n,o,s,a,r){const l=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),i=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(i,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-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(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ft,[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",Vt,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:p})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(b=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(l,{class:"cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",vt,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Tt,t.toDisplayString(e.searchQuery),1)])])],42,Nt)):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,Mt)],6)}const Kt=D(xt,[["render",Lt]]);f.CdxTypeaheadSearch=Kt,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
author	Eric Gardner <gardner.ec@gmail.com>	2023-04-11 14:28:13 -0700
committer	Eric Gardner <gardner.ec@gmail.com>	2023-04-11 14:44:48 -0700
commit	64ee699c397caf16c1d13ac308789f20c14dd1e4 (patch)
tree	5b210538c81af3c85294650a4f052baa06d8b34d /resources/lib/codex-search
parent	0856164ba6322ea00ada33c287ec897125007ad8 (diff)
download	mediawikicore-64ee699c397caf16c1d13ac308789f20c14dd1e4.tar.gz mediawikicore-64ee699c397caf16c1d13ac308789f20c14dd1e4.zip