@vc-shell/framework 1.1.20 → 1.1.22

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [1.1.22](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.21...v1.1.22) (2025-05-28)
+
+
+### Features
+
+* **useKeyboardNavigation:** add validation for focused index and improve focus handling ([9f403f1](https://github.com/VirtoCommerce/vc-shell/commit/9f403f181d27497e9090ac52f6c256e2de387c3f))
+
+
+
+## [1.1.21](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.20...v1.1.21) (2025-05-28)
+
+
+
 ## [1.1.20](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.19...v1.1.20) (2025-05-28)
 
 

package/core/composables/useKeyboardNavigation/index.ts

@@ -25,6 +25,15 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
   const container = ref<HTMLElement | null>(null);
   const focusedItemIndex = ref(-1);
 
+  /**
+   * Validate and reset focused index if it's out of bounds
+   */
+  const validateFocusedIndex = (elements: HTMLElement[]) => {
+    if (focusedItemIndex.value >= elements.length || focusedItemIndex.value < 0) {
+      focusedItemIndex.value = elements.length > 0 ? 0 : -1;
+    }
+  };
+
   /**
    * Handler for keydown events for navigation
    */
@@ -35,19 +44,20 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
 
     if (!focusableElements.length) return;
 
+    // Validate focused index before processing any navigation
+    validateFocusedIndex(focusableElements);
+
     switch (event.key) {
       case "Tab":
         // Standard tabulation between elements
         handleTabNavigation(event, focusableElements);
         break;
       case "ArrowDown":
-      case "ArrowRight":
         // Navigation forward
         event.preventDefault();
         focusNextElement(focusableElements);
         break;
       case "ArrowUp":
-      case "ArrowLeft":
         // Navigation backward
         event.preventDefault();
         focusPreviousElement(focusableElements);
@@ -56,11 +66,14 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
       case " ":
         // Selection of the current element
         if (focusedItemIndex.value >= 0 && focusedItemIndex.value < focusableElements.length) {
-          event.preventDefault();
-          if (onEnter) {
-            onEnter(focusableElements[focusedItemIndex.value]);
-          } else {
-            focusableElements[focusedItemIndex.value].click();
+          const currentElement = focusableElements[focusedItemIndex.value];
+          if (currentElement) {
+            event.preventDefault();
+            if (onEnter) {
+              onEnter(currentElement);
+            } else if (typeof currentElement.click === "function") {
+              currentElement.click();
+            }
           }
         }
         break;
@@ -71,16 +84,6 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
           onEscape();
         }
         break;
-      case "Home":
-        // Transition to the first element
-        event.preventDefault();
-        focusFirstElement(focusableElements);
-        break;
-      case "End":
-        // Transition to the last element
-        event.preventDefault();
-        focusLastElement(focusableElements);
-        break;
     }
   };
 
@@ -103,13 +106,21 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
   const focusNextElement = (elements: HTMLElement[]) => {
     if (!elements.length) return;
 
+    validateFocusedIndex(elements);
+
     if (focusedItemIndex.value < elements.length - 1) {
       focusedItemIndex.value++;
     } else if (loop) {
       focusedItemIndex.value = 0;
+    } else {
+      // If loop is false and we're at the last element, stay at the last element
+      return;
     }
 
-    elements[focusedItemIndex.value].focus();
+    const elementToFocus = elements[focusedItemIndex.value];
+    if (elementToFocus && typeof elementToFocus.focus === "function") {
+      elementToFocus.focus();
+    }
   };
 
   /**
@@ -118,13 +129,21 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
   const focusPreviousElement = (elements: HTMLElement[]) => {
     if (!elements.length) return;
 
+    validateFocusedIndex(elements);
+
     if (focusedItemIndex.value > 0) {
       focusedItemIndex.value--;
     } else if (loop) {
       focusedItemIndex.value = elements.length - 1;
+    } else {
+      // If loop is false and we're at the first element, stay at the first element
+      return;
     }
 
-    elements[focusedItemIndex.value].focus();
+    const elementToFocus = elements[focusedItemIndex.value];
+    if (elementToFocus && typeof elementToFocus.focus === "function") {
+      elementToFocus.focus();
+    }
   };
 
   /**
@@ -133,7 +152,10 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
   const focusFirstElement = (elements: HTMLElement[]) => {
     if (!elements.length) return;
     focusedItemIndex.value = 0;
-    elements[0].focus();
+    const elementToFocus = elements[0];
+    if (elementToFocus && typeof elementToFocus.focus === "function") {
+      elementToFocus.focus();
+    }
   };
 
   /**
@@ -142,7 +164,10 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
   const focusLastElement = (elements: HTMLElement[]) => {
     if (!elements.length) return;
     focusedItemIndex.value = elements.length - 1;
-    elements[elements.length - 1].focus();
+    const elementToFocus = elements[elements.length - 1];
+    if (elementToFocus && typeof elementToFocus.focus === "function") {
+      elementToFocus.focus();
+    }
   };
 
   /**
@@ -204,7 +229,12 @@ export function useKeyboardNavigation(options: UseKeyboardNavigationOptions = {}
       }
     },
     setFocusedIndex: (index: number) => {
-      focusedItemIndex.value = index;
+      if (container.value) {
+        const elements = Array.from(container.value.querySelectorAll(itemSelector)) as HTMLElement[];
+        if (index >= 0 && index < elements.length) {
+          focusedItemIndex.value = index;
+        }
+      }
     },
     getFocusedIndex: () => focusedItemIndex.value,
   };

package/dist/core/composables/useKeyboardNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useKeyboardNavigation/index.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,4BAAiC;iCAuI1C,WAAW;;;;;;6BAuDpB,MAAM;;EAKlC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useKeyboardNavigation/index.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,4BAAiC;iCAgK1C,WAAW;;;;;;6BAuDpB,MAAM;;EAUlC"}

package/dist/framework.js

@@ -1,5 +1,5 @@
 import "vue-router";
-import { de as o, H as n, F as c, bW as r, R as d, bX as l, bY as u, bK as p, U as b, X as g, dn as y, dq as S, dp as m, bI as V, bL as I, z as h, Y as C, B as D, d5 as P, bM as A, bZ as R, b_ as L, dO as M, e1 as f, b$ as B, c0 as v, c1 as T, c2 as w, Z as E, $ as O, a0 as N, a1 as U, a2 as K, c3 as W, c4 as x, c5 as F, a3 as k, D as q, dZ as z, bN as j, c6 as H, a4 as J, a5 as _, dY as G, dw as Q, dv as X, A as Y, c7 as Z, d6 as $, bO as aa, c8 as sa, c9 as ea, ca as ta, cb as ia, cc as oa, cd as na, ce as ca, d8 as ra, cf as da, cg as la, ch as ua, d7 as pa, ci as ba, dI as ga, dV as ya, bJ as Sa, cj as ma, dk as Va, a6 as Ia, dX as ha, G as Ca, a7 as Da, ck as Pa, cl as Aa, d_ as Ra, cm as La, bP as Ma, cn as fa, d9 as Ba, co as va, cp as Ta, dP as wa, cq as Ea, cr as Oa, cs as Na, ct as Ua, bQ as Ka, cu as Wa, d$ as xa, cv as Fa, cw as ka, a8 as qa, a9 as za, M as ja, aa as Ha, cx as Ja, cy as _a, cz as Ga, cA as Qa, bR as Xa, dE as Ya, dR as Za, dS as $a, y as as, cB as ss, cC as es, bS as ts, cD as is, da as os, ab as ns, cE as cs, cF as rs, cG as ds, db as ls, ac as us, ad as ps, cH as bs, cI as gs, ae as ys, af as Ss, ag as ms, cJ as Vs, cK as Is, dc as hs, cL as Cs, bT as Ds, cM as Ps, cN as As, e0 as Rs, cO as Ls, cP as Ms, cQ as fs, cR as Bs, ah as vs, bU as Ts, cS as ws, cT as Es, bV as Os, cU as Ns, ai as Us, dW as Ks, S as Ws, dm as xs, aj as Fs, dT as ks, cV as qs, cW as zs, cX as js, dd as Hs, cY as Js, cZ as _s, T as Gs, dU as Qs, c_ as Xs, c$ as Ys, dQ as Zs, d0 as $s, d1 as ae, d2 as se, d3 as ee, aP as te, dx as ie, _ as oe, aQ as ne, dC as ce, dB as re, ax as de, J as le, V as ue, aM as pe, K as be, O as ge, aR as ye, ay as Se, aK as me, aA as Ve, az as Ie, aS as he, P as Ce, Q as De, al as Pe, aB as Ae, aC as Re, aN as Le, am as Me, an as fe, ao as Be, aT as ve, aJ as Te, aE as we, aU as Ee, dL as Oe, dK as Ne, ap as Ue, aL as Ke, aF as We, aq as xe, aG as Fe, aw as ke, aH as qe, ar as ze, as as je, aO as He, aV as Je, aI as _e, aD as Ge, av as Qe, at as Xe, au as Ye, d4 as Ze, ak as $e, W as at, bk as st, b6 as et, bn as tt, bx as it, bq as ot, bw as nt, by as ct, dA as rt, df as dt, di as lt, dy as ut, bA as pt, dr as bt, bD as gt, bz as yt, w as St, bC as mt, bv as Vt, dj as It, dN as ht, bt as Ct, dg as Dt, dh as Pt, dl as At, br as Rt, bu as Lt, bs as Mt, x as ft, dH as Bt, bH as vt, dJ as Tt, bi as wt, bf as Et, b4 as Ot, bl as Nt, bc as Ut, bh as Kt, bE as Wt, be as xt, bG as Ft, bF as kt, b0 as qt, bj as zt, ba as jt, dz as Ht, b3 as Jt, a$ as _t, b7 as Gt, dD as Qt, b9 as Xt, dF as Yt, bg as Zt, dt as $t, bB as ai, bp as si, ds as ei, b2 as ti, aW as ii, dG as oi, b8 as ni, du as ci, b1 as ri, b5 as di, aY as li, a_ as ui, dM as pi, aZ as bi, bm as gi, bb as yi, bo as Si, aX as mi, bd as Vi } from "./index-DM05bSo6.js";
+import { de as o, H as n, F as c, bW as r, R as d, bX as l, bY as u, bK as p, U as b, X as g, dn as y, dq as S, dp as m, bI as V, bL as I, z as h, Y as C, B as D, d5 as P, bM as A, bZ as R, b_ as L, dO as M, e1 as f, b$ as B, c0 as v, c1 as T, c2 as w, Z as E, $ as O, a0 as N, a1 as U, a2 as K, c3 as W, c4 as x, c5 as F, a3 as k, D as q, dZ as z, bN as j, c6 as H, a4 as J, a5 as _, dY as G, dw as Q, dv as X, A as Y, c7 as Z, d6 as $, bO as aa, c8 as sa, c9 as ea, ca as ta, cb as ia, cc as oa, cd as na, ce as ca, d8 as ra, cf as da, cg as la, ch as ua, d7 as pa, ci as ba, dI as ga, dV as ya, bJ as Sa, cj as ma, dk as Va, a6 as Ia, dX as ha, G as Ca, a7 as Da, ck as Pa, cl as Aa, d_ as Ra, cm as La, bP as Ma, cn as fa, d9 as Ba, co as va, cp as Ta, dP as wa, cq as Ea, cr as Oa, cs as Na, ct as Ua, bQ as Ka, cu as Wa, d$ as xa, cv as Fa, cw as ka, a8 as qa, a9 as za, M as ja, aa as Ha, cx as Ja, cy as _a, cz as Ga, cA as Qa, bR as Xa, dE as Ya, dR as Za, dS as $a, y as as, cB as ss, cC as es, bS as ts, cD as is, da as os, ab as ns, cE as cs, cF as rs, cG as ds, db as ls, ac as us, ad as ps, cH as bs, cI as gs, ae as ys, af as Ss, ag as ms, cJ as Vs, cK as Is, dc as hs, cL as Cs, bT as Ds, cM as Ps, cN as As, e0 as Rs, cO as Ls, cP as Ms, cQ as fs, cR as Bs, ah as vs, bU as Ts, cS as ws, cT as Es, bV as Os, cU as Ns, ai as Us, dW as Ks, S as Ws, dm as xs, aj as Fs, dT as ks, cV as qs, cW as zs, cX as js, dd as Hs, cY as Js, cZ as _s, T as Gs, dU as Qs, c_ as Xs, c$ as Ys, dQ as Zs, d0 as $s, d1 as ae, d2 as se, d3 as ee, aP as te, dx as ie, _ as oe, aQ as ne, dC as ce, dB as re, ax as de, J as le, V as ue, aM as pe, K as be, O as ge, aR as ye, ay as Se, aK as me, aA as Ve, az as Ie, aS as he, P as Ce, Q as De, al as Pe, aB as Ae, aC as Re, aN as Le, am as Me, an as fe, ao as Be, aT as ve, aJ as Te, aE as we, aU as Ee, dL as Oe, dK as Ne, ap as Ue, aL as Ke, aF as We, aq as xe, aG as Fe, aw as ke, aH as qe, ar as ze, as as je, aO as He, aV as Je, aI as _e, aD as Ge, av as Qe, at as Xe, au as Ye, d4 as Ze, ak as $e, W as at, bk as st, b6 as et, bn as tt, bx as it, bq as ot, bw as nt, by as ct, dA as rt, df as dt, di as lt, dy as ut, bA as pt, dr as bt, bD as gt, bz as yt, w as St, bC as mt, bv as Vt, dj as It, dN as ht, bt as Ct, dg as Dt, dh as Pt, dl as At, br as Rt, bu as Lt, bs as Mt, x as ft, dH as Bt, bH as vt, dJ as Tt, bi as wt, bf as Et, b4 as Ot, bl as Nt, bc as Ut, bh as Kt, bE as Wt, be as xt, bG as Ft, bF as kt, b0 as qt, bj as zt, ba as jt, dz as Ht, b3 as Jt, a$ as _t, b7 as Gt, dD as Qt, b9 as Xt, dF as Yt, bg as Zt, dt as $t, bB as ai, bp as si, ds as ei, b2 as ti, aW as ii, dG as oi, b8 as ni, du as ci, b1 as ri, b5 as di, aY as li, a_ as ui, dM as pi, aZ as bi, bm as gi, bb as yi, bo as Si, aX as mi, bd as Vi } from "./index-C-y5H4_R.js";
 import "vue";
 import "vee-validate";
 export {

package/dist/{index-Bba2zxSI.js → index--F0eI_oT.js}

@@ -1,4 +1,4 @@
-import { b as s, s as n, t as r, a as o, L as P, i as Q, f as i, c as a, k as c } from "./index-DM05bSo6.js";
+import { b as s, s as n, t as r, a as o, L as P, i as Q, f as i, c as a, k as c } from "./index-C-y5H4_R.js";
 const g = n({
   String: r.string,
   Number: r.number,

package/dist/{index-BulmqdPU.js → index--KQZx7Nr.js}

@@ -1,4 +1,4 @@
-import { b as W, E as i, s as U, C as B, t as n, a as C, L as b, r as E, i as u, f as M, h as v, k as N } from "./index-DM05bSo6.js";
+import { b as W, E as i, s as U, C as B, t as n, a as C, L as b, r as E, i as u, f as M, h as v, k as N } from "./index-C-y5H4_R.js";
 const c = 63, D = 64, j = 1, A = 2, y = 3, H = 4, Z = 5, F = 6, I = 7, z = 65, K = 66, J = 8, OO = 9, eO = 10, aO = 11, rO = 12, V = 13, tO = 19, nO = 20, oO = 29, PO = 33, QO = 34, sO = 47, lO = 0, T = 1, g = 2, d = 3, m = 4;
 class s {
   constructor(e, a, r) {

package/dist/{index-BkRumJFq.js → index-BAngL0ix.js}

@@ -1,4 +1,4 @@
-import { b as o, E as S, s as t, t as $, a as l, p as x, L as R, r as V, i as r, f as U, c as W, h as v, k as u } from "./index-DM05bSo6.js";
+import { b as o, E as S, s as t, t as $, a as l, p as x, L as R, r as V, i as r, f as U, c as W, h as v, k as u } from "./index-C-y5H4_R.js";
 const b = 1, m = 2, p = 263, k = 3, c = 264, s = 265, Y = 266, Z = 4, w = 5, _ = 6, h = 7, X = 8, j = 9, f = 10, G = 11, g = 12, E = 13, I = 14, N = 15, F = 16, C = 17, L = 18, A = 19, H = 20, K = 21, D = 22, B = 23, M = 24, J = 25, OO = 26, $O = 27, QO = 28, iO = 29, yO = 30, aO = 31, zO = 32, SO = 33, PO = 34, WO = 35, eO = 36, TO = 37, sO = 38, XO = 39, dO = 40, nO = 41, qO = 42, oO = 43, tO = 44, lO = 45, xO = 46, RO = 47, VO = 48, rO = 49, UO = 50, vO = 51, uO = 52, bO = 53, mO = 54, pO = 55, kO = 56, cO = 57, YO = 58, ZO = 59, wO = 60, _O = 61, e = 62, hO = 63, jO = 64, fO = 65, GO = {
   abstract: Z,
   and: w,

package/dist/{index-D_QyrtwL.js → index-BQtOyLub.js}

@@ -1,4 +1,4 @@
-import { a as O, L as b, b as r, i as s, f as a, s as t, h as P, k as n, t as e } from "./index-DM05bSo6.js";
+import { a as O, L as b, b as r, i as s, f as a, s as t, h as P, k as n, t as e } from "./index-C-y5H4_R.js";
 const S = { __proto__: null, anyref: 34, dataref: 34, eqref: 34, externref: 34, i31ref: 34, funcref: 34, i8: 34, i16: 34, i32: 34, i64: 34, f32: 34, f64: 34 }, Q = /* @__PURE__ */ r.deserialize({
   version: 14,
   states: "!^Q]QPOOOqQPO'#CbOOQO'#Cd'#CdOOQO'#Cl'#ClOOQO'#Ch'#ChQ]QPOOOOQO,58|,58|OxQPO,58|OOQO-E6f-E6fOOQO1G.h1G.h",

package/dist/{index-CBnxRNLn.js → index-Bf4s6An9.js}

@@ -1,4 +1,4 @@
-import { b as G, E as A, s as N, C as I, t as p, o as Y, a as j, L as U, g as k, q as Z, i as B, f as D, u as M } from "./index-DM05bSo6.js";
+import { b as G, E as A, s as N, C as I, t as p, o as Y, a as j, L as U, g as k, q as Z, i as B, f as D, u as M } from "./index-C-y5H4_R.js";
 const h = 1, F = 2, L = 3, K = 4, H = 5, J = 36, ee = 37, te = 38, Oe = 11, oe = 13;
 function re(e) {
   return e == 45 || e == 46 || e == 58 || e >= 65 && e <= 90 || e == 95 || e >= 97 && e <= 122 || e >= 161;

package/dist/{index-D0lfscLK.js → index-BxrA7EzT.js}

@@ -1,4 +1,4 @@
-import { b as s, E as R, l as Y, s as x, C as w, t as O, a as d, m as X, L as k, d as h, e as f, i as u, f as y, c as l, h as g, j, k as U, g as G, N as b, I as Z } from "./index-DM05bSo6.js";
+import { b as s, E as R, l as Y, s as x, C as w, t as O, a as d, m as X, L as k, d as h, e as f, i as u, f as y, c as l, h as g, j, k as U, g as G, N as b, I as Z } from "./index-C-y5H4_R.js";
 const _ = 177, q = 179, E = 184, v = 12, C = 13, D = 17, z = 20, F = 25, B = 53, N = 95, I = 142, L = 144, A = 145, J = 148, M = 10, H = 13, K = 32, OO = 9, $ = 47, QO = 41, eO = 125, aO = new R((Q, e) => {
   for (let n = 0, a = Q.next; (e.context && (a < 0 || a == M || a == H || a == $ && Q.peek(n + 1) == $) || a == QO || a == eO) && Q.acceptToken(_), !(a != K && a != OO); )
     a = Q.peek(++n);

package/dist/{index-DM05bSo6.js → index-C-y5H4_R.js}

@@ -51945,7 +51945,7 @@ function ut(t) {
   return new rk(Kfe.define(t));
 }
 function Wh(t) {
-  return import("./index-DV7CsykG.js").then((e) => e.sql({ dialect: e[t] }));
+  return import("./index-DL0-yUXC.js").then((e) => e.sql({ dialect: e[t] }));
 }
 const S3t = [
   // New-style language modes
@@ -51953,7 +51953,7 @@ const S3t = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-CG0nR714.js").then((t) => t.cpp());
+      return import("./index-DwjKpYAo.js").then((t) => t.cpp());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -51961,7 +51961,7 @@ const S3t = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("./index-CG0nR714.js").then((t) => t.cpp());
+      return import("./index-DwjKpYAo.js").then((t) => t.cpp());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -51983,7 +51983,7 @@ const S3t = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-D0lfscLK.js").then((t) => t.go());
+      return import("./index-BxrA7EzT.js").then((t) => t.go());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -51998,7 +51998,7 @@ const S3t = [
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-CF1DpgKB.js").then((t) => t.java());
+      return import("./index-DI3UVoln.js").then((t) => t.java());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52014,7 +52014,7 @@ const S3t = [
     alias: ["json5"],
     extensions: ["json", "map"],
     load() {
-      return import("./index-Bba2zxSI.js").then((t) => t.json());
+      return import("./index--F0eI_oT.js").then((t) => t.json());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52028,14 +52028,14 @@ const S3t = [
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-BcJRkiSZ.js").then((t) => t.less());
+      return import("./index-wjw1DwqR.js").then((t) => t.less());
     }
   }),
   /* @__PURE__ */ We.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("./index-DMRhVrSq.js").then((t) => t.liquid());
+      return import("./index-xCbUzsUb.js").then((t) => t.liquid());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52067,7 +52067,7 @@ const S3t = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("./index-BkRumJFq.js").then((t) => t.php());
+      return import("./index-BAngL0ix.js").then((t) => t.php());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52088,28 +52088,28 @@ const S3t = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-BKR--p8M.js").then((t) => t.python());
+      return import("./index-C_zSZ2pX.js").then((t) => t.python());
     }
   }),
   /* @__PURE__ */ We.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("./index-jIonXHwa.js").then((t) => t.rust());
+      return import("./index-DqDgL4W3.js").then((t) => t.rust());
     }
   }),
   /* @__PURE__ */ We.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("./index-DAIB_vyb.js").then((t) => t.sass({ indented: !0 }));
+      return import("./index-d16x5dY_.js").then((t) => t.sass({ indented: !0 }));
     }
   }),
   /* @__PURE__ */ We.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("./index-DAIB_vyb.js").then((t) => t.sass());
+      return import("./index-d16x5dY_.js").then((t) => t.sass());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52144,7 +52144,7 @@ const S3t = [
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-D_QyrtwL.js").then((t) => t.wast());
+      return import("./index-BQtOyLub.js").then((t) => t.wast());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52152,7 +52152,7 @@ const S3t = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("./index-CBnxRNLn.js").then((t) => t.xml());
+      return import("./index-Bf4s6An9.js").then((t) => t.xml());
     }
   }),
   /* @__PURE__ */ We.of({
@@ -52160,7 +52160,7 @@ const S3t = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index-BulmqdPU.js").then((t) => t.yaml());
+      return import("./index--KQZx7Nr.js").then((t) => t.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -52956,13 +52956,13 @@ const S3t = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-CEZLRfPx.js").then((t) => t.vue());
+      return import("./index-DFdFt54f.js").then((t) => t.vue());
     }
   }),
   /* @__PURE__ */ We.of({
     name: "Angular Template",
     load() {
-      return import("./index-KqjQS0mN.js").then((t) => t.angular());
+      return import("./index-DoHQrH4a.js").then((t) => t.angular());
     }
   })
 ];
@@ -77622,87 +77622,109 @@ function BDe(t = {}) {
     onEnter: r,
     onEscape: i,
     loop: a = !0
-  } = t, o = $(null), s = $(-1), l = (g) => {
+  } = t, o = $(null), s = $(-1), l = (y) => {
+    (s.value >= y.length || s.value < 0) && (s.value = y.length > 0 ? 0 : -1);
+  }, u = (y) => {
     if (!o.value) return;
-    const y = Array.from(o.value.querySelectorAll(n));
-    if (y.length)
-      switch (g.key) {
+    const k = Array.from(o.value.querySelectorAll(n));
+    if (k.length)
+      switch (l(k), y.key) {
         case "Tab":
-          u(g, y);
+          c(y, k);
           break;
         case "ArrowDown":
-        case "ArrowRight":
-          g.preventDefault(), c(y);
+          y.preventDefault(), d(k);
           break;
         case "ArrowUp":
-        case "ArrowLeft":
-          g.preventDefault(), d(y);
+          y.preventDefault(), h(k);
           break;
         case "Enter":
         case " ":
-          s.value >= 0 && s.value < y.length && (g.preventDefault(), r ? r(y[s.value]) : y[s.value].click());
+          if (s.value >= 0 && s.value < k.length) {
+            const w = k[s.value];
+            w && (y.preventDefault(), r ? r(w) : typeof w.click == "function" && w.click());
+          }
           break;
         case "Escape":
-          i && (g.preventDefault(), i());
-          break;
-        case "Home":
-          g.preventDefault(), h(y);
-          break;
-        case "End":
-          g.preventDefault(), f(y);
+          i && (y.preventDefault(), i());
           break;
       }
-  }, u = (g, y) => {
-    g.shiftKey ? d(y) : c(y);
-  }, c = (g) => {
-    g.length && (s.value < g.length - 1 ? s.value++ : a && (s.value = 0), g[s.value].focus());
-  }, d = (g) => {
-    g.length && (s.value > 0 ? s.value-- : a && (s.value = g.length - 1), g[s.value].focus());
-  }, h = (g) => {
-    g.length && (s.value = 0, g[0].focus());
-  }, f = (g) => {
-    g.length && (s.value = g.length - 1, g[g.length - 1].focus());
-  }, p = (g) => {
-    o.value = g, g.addEventListener("keydown", l);
-  }, v = () => {
-    o.value && (o.value.removeEventListener("keydown", l), o.value = null);
+  }, c = (y, k) => {
+    y.shiftKey ? h(k) : d(k);
+  }, d = (y) => {
+    if (!y.length) return;
+    if (l(y), s.value < y.length - 1)
+      s.value++;
+    else if (a)
+      s.value = 0;
+    else
+      return;
+    const k = y[s.value];
+    k && typeof k.focus == "function" && k.focus();
+  }, h = (y) => {
+    if (!y.length) return;
+    if (l(y), s.value > 0)
+      s.value--;
+    else if (a)
+      s.value = y.length - 1;
+    else
+      return;
+    const k = y[s.value];
+    k && typeof k.focus == "function" && k.focus();
+  }, f = (y) => {
+    if (!y.length) return;
+    s.value = 0;
+    const k = y[0];
+    k && typeof k.focus == "function" && k.focus();
+  }, p = (y) => {
+    if (!y.length) return;
+    s.value = y.length - 1;
+    const k = y[y.length - 1];
+    k && typeof k.focus == "function" && k.focus();
+  }, v = (y) => {
+    o.value = y, y.addEventListener("keydown", u);
+  }, g = () => {
+    o.value && (o.value.removeEventListener("keydown", u), o.value = null);
   };
   return Ct(() => {
     if (typeof document < "u" && e) {
-      const g = document.querySelector(e);
-      g && p(g);
+      const y = document.querySelector(e);
+      y && v(y);
     }
   }), io(() => {
-    v();
+    g();
   }), {
-    initKeyboardNavigation: p,
-    cleanupKeyboardNavigation: v,
+    initKeyboardNavigation: v,
+    cleanupKeyboardNavigation: g,
     focusNextElement: () => {
       if (o.value) {
-        const g = Array.from(o.value.querySelectorAll(n));
-        c(g);
+        const y = Array.from(o.value.querySelectorAll(n));
+        d(y);
       }
     },
     focusPreviousElement: () => {
       if (o.value) {
-        const g = Array.from(o.value.querySelectorAll(n));
-        d(g);
+        const y = Array.from(o.value.querySelectorAll(n));
+        h(y);
       }
     },
     focusFirstElement: () => {
       if (o.value) {
-        const g = Array.from(o.value.querySelectorAll(n));
-        h(g);
+        const y = Array.from(o.value.querySelectorAll(n));
+        f(y);
       }
     },
     focusLastElement: () => {
       if (o.value) {
-        const g = Array.from(o.value.querySelectorAll(n));
-        f(g);
+        const y = Array.from(o.value.querySelectorAll(n));
+        p(y);
       }
     },
-    setFocusedIndex: (g) => {
-      s.value = g;
+    setFocusedIndex: (y) => {
+      if (o.value) {
+        const k = Array.from(o.value.querySelectorAll(n));
+        y >= 0 && y < k.length && (s.value = y);
+      }
     },
     getFocusedIndex: () => s.value
   };

package/dist/{index-BKR--p8M.js → index-C_zSZ2pX.js}

@@ -1,4 +1,4 @@
-import { b as D, E as h, s as L, C as H, t as n, d as B, a as K, L as M, e as OO, m as d, g as eO, i as iO, f as aO, h as f, k as nO, N as rO, I as QO } from "./index-DM05bSo6.js";
+import { b as D, E as h, s as L, C as H, t as n, d as B, a as K, L as M, e as OO, m as d, g as eO, i as iO, f as aO, h as f, k as nO, N as rO, I as QO } from "./index-C-y5H4_R.js";
 const tO = 1, Z = 194, j = 195, oO = 196, x = 197, dO = 198, sO = 199, lO = 200, TO = 2, E = 3, u = 201, SO = 24, pO = 25, qO = 49, gO = 50, PO = 55, mO = 56, $O = 57, hO = 59, cO = 60, fO = 61, XO = 62, yO = 63, zO = 65, WO = 238, vO = 71, RO = 241, kO = 242, _O = 243, xO = 244, uO = 245, UO = 246, bO = 247, VO = 248, Y = 72, GO = 249, wO = 250, ZO = 251, jO = 252, EO = 253, YO = 254, FO = 255, CO = 256, JO = 73, AO = 77, NO = 263, IO = 112, DO = 130, LO = 151, HO = 152, BO = 155, p = 10, q = 13, k = 32, c = 9, _ = 35, KO = 40, MO = 46, R = 123, U = 125, F = 39, C = 34, b = 92, Oe = 111, ee = 120, ie = 78, ae = 117, ne = 85, re = /* @__PURE__ */ new Set([
   pO,
   qO,

package/dist/{index-CEZLRfPx.js → index-DFdFt54f.js}

@@ -1,4 +1,4 @@
-import { a as p, L as u, p as l, r as n, b, v as m, s as S, t, l as r } from "./index-DM05bSo6.js";
+import { a as p, L as u, p as l, r as n, b, v as m, s as S, t, l as r } from "./index-C-y5H4_R.js";
 const c = /* @__PURE__ */ b.deserialize({
   version: 14,
   states: "%pOVOWOOObQPOOOpOSO'#C_OOOO'#Cp'#CpQVOWOOQxQPOOO!TQQOOQ!YQPOOOOOO,58y,58yO!_OSO,58yOOOO-E6n-E6nO!dQQO'#CqQ{QPOOO!iQPOOQ{QPOOO!qQPOOOOOO1G.e1G.eOOQO,59],59]OOQO-E6o-E6oO!yOpO'#CiO#RO`O'#CiQOQPOOO#ZO#tO'#CmO#fO!bO'#CmOOQO,59T,59TO#qOpO,59TO#vO`O,59TOOOO'#Cr'#CrO#{O#tO,59XOOQO,59X,59XOOOO'#Cs'#CsO$WO!bO,59XOOQO1G.o1G.oOOOO-E6p-E6pOOQO1G.s1G.sOOOO-E6q-E6q",

package/dist/{index-CF1DpgKB.js → index-DI3UVoln.js}

@@ -1,4 +1,4 @@
-import { b as r, s as e, t as O, a as s, L as X, i as l, f as Y, c as $, h as S, j as o, k as t } from "./index-DM05bSo6.js";
+import { b as r, s as e, t as O, a as s, L as X, i as l, f as Y, c as $, h as S, j as o, k as t } from "./index-C-y5H4_R.js";
 const Z = e({
   null: O.null,
   instanceof: O.operatorKeyword,

package/dist/{index-DV7CsykG.js → index-DL0-yUXC.js}

@@ -1,4 +1,4 @@
-import { L as te, a as ae, b as re, i as ne, f as ie, s as se, c as oe, t as i, E as le, d as ce, e as de, g as me } from "./index-DM05bSo6.js";
+import { L as te, a as ae, b as re, i as ne, f as ie, s as se, c as oe, t as i, E as le, d as ce, e as de, g as me } from "./index-C-y5H4_R.js";
 const ue = 36, X = 1, fe = 2, b = 3, C = 4, pe = 5, ge = 6, he = 7, _e = 8, be = 9, ve = 10, ye = 11, ke = 12, xe = 13, Oe = 14, we = 15, Qe = 16, Ce = 17, I = 18, Se = 19, A = 20, E = 21, R = 22, Pe = 23, qe = 24;
 function P(t) {
   return t >= 65 && t <= 90 || t >= 97 && t <= 122 || t >= 48 && t <= 57;

package/dist/{index-KqjQS0mN.js → index-DoHQrH4a.js}

@@ -1,4 +1,4 @@
-import { a as g, L as P, p as q, r as l, b as c, v as i, s as R, t as r, E as p } from "./index-DM05bSo6.js";
+import { a as g, L as P, p as q, r as l, b as c, v as i, s as R, t as r, E as p } from "./index-C-y5H4_R.js";
 const b = 1, $ = 33, m = 34, v = 35, x = 36, W = /* @__PURE__ */ new p((O) => {
   let e = O.pos;
   for (; ; ) {

package/dist/{index-jIonXHwa.js → index-DqDgL4W3.js}

@@ -1,4 +1,4 @@
-import { b as o, E as a, s as Z, t as Q, a as _, L as q, i as l, f as w, c as r, k as V } from "./index-DM05bSo6.js";
+import { b as o, E as a, s as Z, t as Q, a as _, L as q, i as l, f as w, c as r, k as V } from "./index-C-y5H4_R.js";
 const R = 1, g = 2, b = 3, y = 4, T = 5, s = 98, c = 101, v = 102, t = 114, p = 69, X = 48, W = 46, d = 43, f = 45, Y = 35, z = 34, x = 124, U = 60, h = 62;
 function n(O) {
   return O >= 48 && O <= 57;

package/dist/{index-CG0nR714.js → index-DwjKpYAo.js}

@@ -1,4 +1,4 @@
-import { b as o, E as t, s, t as Q, a as j, L as x, i as f, f as c, c as a, h as W, j as S, k as l } from "./index-DM05bSo6.js";
+import { b as o, E as t, s, t as Q, a as j, L as x, i as f, f as c, c as a, h as W, j as S, k as l } from "./index-C-y5H4_R.js";
 const r = 1, q = 2, u = 3, n = 82, Z = 76, V = 117, T = 85, z = 97, w = 122, m = 65, b = 90, y = 95, i = 48, Y = 34, v = 40, P = 41, _ = 32, U = 62, p = new t((O) => {
   if (O.next == Z || O.next == T ? O.advance() : O.next == V && (O.advance(), O.next == i + 8 && O.advance()), O.next != n || (O.advance(), O.next != Y)) return;
   O.advance();

package/dist/{index-DAIB_vyb.js → index-d16x5dY_.js}

@@ -1,4 +1,4 @@
-import { b as v, E as i, s as _, C as W, t as e, n as g, a as x, L as V, f as p, i as U, k as E, c as N } from "./index-DM05bSo6.js";
+import { b as v, E as i, s as _, C as W, t as e, n as g, a as x, L as V, f as p, i as U, k as E, c as N } from "./index-C-y5H4_R.js";
 const j = 168, X = 169, C = 170, I = 1, D = 2, w = 3, L = 171, F = 172, Y = 4, z = 173, K = 5, A = 174, T = 175, Z = 176, s = 177, G = 6, k = 7, B = 8, H = 9, c = 0, R = [
   9,
   10,

package/dist/{index-BcJRkiSZ.js → index-wjw1DwqR.js}

@@ -1,4 +1,4 @@
-import { n as r, a as i, L as n, b as $, i as y, f as P, c as X, k as m, E as S, s as c, t as O } from "./index-DM05bSo6.js";
+import { n as r, a as i, L as n, b as $, i as y, f as P, c as X, k as m, E as S, s as c, t as O } from "./index-C-y5H4_R.js";
 const s = 110, l = 1, f = 2, t = [
   9,
   10,

package/dist/{index-DMRhVrSq.js → index-xCbUzsUb.js}

@@ -1,4 +1,4 @@
-import { o as h, p as b, L as v, q as y, a as k, r as u, g as T, b as _, s as W, i as R, f as Y, t, h as w, E as P } from "./index-DM05bSo6.js";
+import { o as h, p as b, L as v, q as y, a as k, r as u, g as T, b as _, s as W, i as R, f as Y, t, h as w, E as P } from "./index-C-y5H4_R.js";
 const U = 1, X = 2, j = 3, G = 180, S = 4, z = 181, x = 5, Z = 182, E = 6;
 function V(O) {
   return O >= 65 && O <= 90 || O >= 97 && O <= 122;