@featherk/ui 0.12.0 → 0.12.2

package/dist/featherk-ui.es.js

@@ -1,17 +1,17 @@
 import "./ui.css";
-import { defineComponent as R, computed as l, openBlock as c, createElementBlock as w, normalizeClass as U, createElementVNode as E, createVNode as D, unref as o, Fragment as F, createBlock as y, withCtx as m, createTextVNode as g, toDisplayString as I, createCommentVNode as S, renderList as H, toValue as W } from "vue";
-import { Error as A, Hint as V } from "@progress/kendo-vue-labels";
-import { TextBox as b } from "@progress/kendo-vue-inputs";
+import { defineComponent as F, computed as i, openBlock as c, createElementBlock as w, normalizeClass as O, createElementVNode as V, createVNode as E, unref as v, Fragment as $, createBlock as h, withCtx as I, createTextVNode as S, toDisplayString as k, createCommentVNode as A, normalizeStyle as U, renderList as H, toValue as W } from "vue";
+import { Error as D, Hint as b } from "@progress/kendo-vue-labels";
+import { TextBox as T } from "@progress/kendo-vue-inputs";
 import { DropDownList as J } from "@progress/kendo-vue-dropdowns";
 import { Button as Q } from "@progress/kendo-vue-buttons";
 import { useCompositeId as X, useActiveIdRegistry as Y, usePopupMenu as ee } from "@featherk/composables";
-const ae = { class: "address1" }, te = {
+const ae = { class: "address1" }, le = {
   key: 0,
   class: "address2"
-}, le = { class: "city" }, re = { class: "state" }, ie = { class: "zip" }, de = {
+}, te = { class: "city" }, re = { class: "state" }, ie = { class: "zip" }, de = {
   key: 1,
   class: "messages"
-}, M = "Enter a 5 or 9 digit zip code.", se = "Incomplete address.", ne = /* @__PURE__ */ R({
+}, q = "Enter a 5 or 9 digit zip code.", se = "Incomplete address.", ne = /* @__PURE__ */ F({
   __name: "USAddress",
   props: {
     id: {},
@@ -22,7 +22,7 @@ const ae = { class: "address1" }, te = {
     showAddress2: { type: Boolean, default: !0 }
   },
   setup(n) {
-    const t = n, d = {
+    const a = n, d = {
       placeholder: {
         address1: "Address Line 1",
         address2: "Address Line 2",
@@ -32,7 +32,7 @@ const ae = { class: "address1" }, te = {
       fieldset: {
         error: {
           required: "Required fields are missing.",
-          zip: M
+          zip: q
         },
         hint: {
           address: "Enter address information."
@@ -44,130 +44,130 @@ const ae = { class: "address1" }, te = {
           address2: "",
           city: "Required",
           state: "Required",
-          zip: M
+          zip: q
         },
         hint: {
           address1: "Enter address line 1.",
           address2: "Optional",
           city: "",
           state: "",
-          zip: M
+          zip: q
         }
       }
-    }, p = (a) => ({
+    }, m = (r) => ({
       placeholder: {
-        address1: a?.placeholder?.address1 ?? d.placeholder.address1,
-        address2: a?.placeholder?.address2 ?? d.placeholder.address2,
-        city: a?.placeholder?.city ?? d.placeholder.city,
-        zip: a?.placeholder?.zip ?? d.placeholder.zip
+        address1: r?.placeholder?.address1 ?? d.placeholder.address1,
+        address2: r?.placeholder?.address2 ?? d.placeholder.address2,
+        city: r?.placeholder?.city ?? d.placeholder.city,
+        zip: r?.placeholder?.zip ?? d.placeholder.zip
       },
       fieldset: {
         error: {
-          required: a?.fieldset?.error?.required ?? d.fieldset.error.required,
-          zip: a?.fieldset?.error?.zip ?? d.fieldset.error.zip
+          required: r?.fieldset?.error?.required ?? d.fieldset.error.required,
+          zip: r?.fieldset?.error?.zip ?? d.fieldset.error.zip
         },
         hint: {
-          address: a?.fieldset?.hint?.address ?? d.fieldset.hint.address
+          address: r?.fieldset?.hint?.address ?? d.fieldset.hint.address
         }
       },
       field: {
         error: {
-          address1: a?.field?.error?.address1 ?? d.field.error.address1,
-          address2: a?.field?.error?.address2 ?? d.field.error.address2,
-          city: a?.field?.error?.city ?? d.field.error.city,
-          state: a?.field?.error?.state ?? d.field.error.state,
-          zip: a?.field?.error?.zip ?? d.field.error.zip
+          address1: r?.field?.error?.address1 ?? d.field.error.address1,
+          address2: r?.field?.error?.address2 ?? d.field.error.address2,
+          city: r?.field?.error?.city ?? d.field.error.city,
+          state: r?.field?.error?.state ?? d.field.error.state,
+          zip: r?.field?.error?.zip ?? d.field.error.zip
         },
         hint: {
-          address1: a?.field?.hint?.address1 ?? d.field.hint.address1,
-          address2: a?.field?.hint?.address2 ?? d.field.hint.address2,
-          city: a?.field?.hint?.city ?? d.field.hint.city,
-          state: a?.field?.hint?.state ?? d.field.hint.state,
-          zip: a?.field?.hint?.zip ?? d.field.hint.zip
+          address1: r?.field?.hint?.address1 ?? d.field.hint.address1,
+          address2: r?.field?.hint?.address2 ?? d.field.hint.address2,
+          city: r?.field?.hint?.city ?? d.field.hint.city,
+          state: r?.field?.hint?.state ?? d.field.hint.state,
+          zip: r?.field?.hint?.zip ?? d.field.hint.zip
         }
       }
-    }), s = l(() => p(t.messages)), h = l(() => t.messageScope === "field"), C = l(() => t.messageScope === "fieldset"), i = l(() => t.required), f = l(() => i.value), v = l(() => ({
-      address1: `${t.id}-address1`,
-      address2: `${t.id}-address2`,
-      city: `${t.id}-city`,
-      state: `${t.id}-state`,
-      zip: `${t.id}-zip`
-    })), e = l(() => t.address), T = l(() => e.value.address1Valid.value && e.value.cityValid.value && e.value.stateValid.value), r = l(() => e.value.formData.address1.trim() !== "" || e.value.formData.address2.trim() !== "" || e.value.formData.city.trim() !== "" || (e.value.formData.state ?? "").trim() !== "" || e.value.formData.zip.replace(/\D/g, "") !== ""), u = l(() => {
+    }), s = i(() => m(a.messages)), f = i(() => a.messageScope === "field"), C = i(() => a.messageScope === "fieldset"), u = i(() => a.required), g = i(() => u.value), l = i(() => ({
+      address1: `${a.id}-address1`,
+      address2: `${a.id}-address2`,
+      city: `${a.id}-city`,
+      state: `${a.id}-state`,
+      zip: `${a.id}-zip`
+    })), e = i(() => a.address), p = i(() => e.value.address1Valid.value && e.value.cityValid.value && e.value.stateValid.value), z = i(() => e.value.formData.address1.trim() !== "" || e.value.formData.address2.trim() !== "" || e.value.formData.city.trim() !== "" || (e.value.formData.state ?? "").trim() !== "" || e.value.formData.zip.replace(/\D/g, "") !== ""), t = i(() => {
       if (e.value.optionalZipInvalid)
         return e.value.optionalZipInvalid.value;
-      const a = e.value.formData.zip.replace(/\D/g, "");
-      return !i.value && r.value && a.length !== 5 && a.length !== 9;
-    }), _ = l(() => e.value.optionalPartialInvalid ? e.value.optionalPartialInvalid.value : !i.value && r.value && !e.value.addressValid.value), k = l(() => i.value || !_.value ? !1 : e.value.optionalFeedbackActive ? e.value.optionalFeedbackActive.value : !1), x = l(() => f.value && !e.value.address1Valid.value || k.value && e.value.formData.address1.trim() === ""), O = l(() => f.value && !e.value.cityValid.value || k.value && e.value.formData.city.trim() === ""), P = l(() => f.value && !e.value.stateValid.value || k.value && (e.value.formData.state ?? "").trim() === ""), q = l(() => f.value && !e.value.zipValid.value || k.value && u.value), z = l(() => i.value ? e.value.addressValidate.value : k.value), B = l(() => i.value ? e.value.address1Valid.value : !x.value), K = l(() => i.value ? e.value.cityValid.value : !O.value), L = l(() => i.value ? e.value.stateValid.value : !P.value), Z = l(() => i.value ? e.value.zipValid.value : !q.value), j = l(() => {
-      const a = s.value.placeholder.address2;
-      return C.value && i.value ? `${a} (Optional)` : a;
-    }), N = l(() => {
-      const a = [];
-      return T.value || a.push(s.value.fieldset.error.required), e.value.zipValid.value || a.push(s.value.fieldset.error.zip), a.join(" ");
-    }), G = l(() => {
-      const a = [se];
-      return u.value && a.push(s.value.fieldset.error.zip), a.join(" ");
+      const r = e.value.formData.zip.replace(/\D/g, "");
+      return !u.value && z.value && r.length !== 5 && r.length !== 9;
+    }), o = i(() => e.value.optionalPartialInvalid ? e.value.optionalPartialInvalid.value : !u.value && z.value && !e.value.addressValid.value), y = i(() => u.value || !o.value ? !1 : e.value.optionalFeedbackActive ? e.value.optionalFeedbackActive.value : !1), P = i(() => g.value && !e.value.address1Valid.value || y.value && e.value.formData.address1.trim() === ""), R = i(() => g.value && !e.value.cityValid.value || y.value && e.value.formData.city.trim() === ""), x = i(() => g.value && !e.value.stateValid.value || y.value && (e.value.formData.state ?? "").trim() === ""), M = i(() => g.value && !e.value.zipValid.value || y.value && t.value), _ = i(() => u.value ? e.value.addressValidate.value : y.value), B = i(() => u.value ? e.value.address1Valid.value : !P.value), K = i(() => u.value ? e.value.cityValid.value : !R.value), L = i(() => u.value ? e.value.stateValid.value : !x.value), N = i(() => u.value ? e.value.zipValid.value : !M.value), Z = i(() => {
+      const r = s.value.placeholder.address2;
+      return C.value && u.value ? `${r} (Optional)` : r;
+    }), j = i(() => {
+      const r = [];
+      return p.value || r.push(s.value.fieldset.error.required), e.value.zipValid.value || r.push(s.value.fieldset.error.zip), r.join(" ");
+    }), G = i(() => {
+      const r = [se];
+      return t.value && r.push(s.value.fieldset.error.zip), r.join(" ");
     });
-    return (a, ve) => (c(), w("div", {
-      class: U(["fkui-us-address", { "fkui-us-address--fieldset-scope": C.value }])
+    return (r, ve) => (c(), w("div", {
+      class: O(["fkui-us-address", { "fkui-us-address--fieldset-scope": C.value }])
     }, [
-      E("div", ae, [
-        D(o(b), {
-          id: v.value.address1,
+      V("div", ae, [
+        E(v(T), {
+          id: l.value.address1,
           placeholder: s.value.placeholder.address1,
           value: e.value.formData.address1,
           valid: B.value,
-          validate: z.value,
-          validityStyles: z.value,
+          validate: _.value,
+          validityStyles: _.value,
           onInput: e.value.onAddress1Input
         }, null, 8, ["id", "placeholder", "value", "valid", "validate", "validityStyles", "onInput"]),
-        h.value ? (c(), w(F, { key: 0 }, [
-          x.value ? (c(), y(o(A), { key: 0 }, {
-            default: m(() => [
-              g(I(s.value.field.error.address1), 1)
+        f.value ? (c(), w($, { key: 0 }, [
+          P.value ? (c(), h(v(D), { key: 0 }, {
+            default: I(() => [
+              S(k(s.value.field.error.address1), 1)
             ]),
             _: 1
-          })) : (c(), y(o(V), { key: 1 }, {
-            default: m(() => [
-              g(I(s.value.field.hint.address1), 1)
+          })) : (c(), h(v(b), { key: 1 }, {
+            default: I(() => [
+              S(k(s.value.field.hint.address1), 1)
             ]),
             _: 1
           }))
-        ], 64)) : S("", !0)
+        ], 64)) : A("", !0)
       ]),
-      a.showAddress2 ? (c(), w("div", te, [
-        D(o(b), {
-          id: v.value.address2,
-          placeholder: j.value,
+      r.showAddress2 ? (c(), w("div", le, [
+        E(v(T), {
+          id: l.value.address2,
+          placeholder: Z.value,
           value: e.value.formData.address2,
           onInput: e.value.onAddress2Input
         }, null, 8, ["id", "placeholder", "value", "onInput"]),
-        h.value ? (c(), y(o(V), { key: 0 }, {
-          default: m(() => [
-            g(I(s.value.field.hint.address2), 1)
+        f.value ? (c(), h(v(b), { key: 0 }, {
+          default: I(() => [
+            S(k(s.value.field.hint.address2), 1)
           ]),
           _: 1
-        })) : S("", !0)
-      ])) : S("", !0),
-      E("div", le, [
-        D(o(b), {
-          id: v.value.city,
+        })) : A("", !0)
+      ])) : A("", !0),
+      V("div", te, [
+        E(v(T), {
+          id: l.value.city,
           placeholder: s.value.placeholder.city,
           value: e.value.formData.city,
           valid: K.value,
-          validate: z.value,
-          validityStyles: z.value,
+          validate: _.value,
+          validityStyles: _.value,
           onInput: e.value.onCityInput
         }, null, 8, ["id", "placeholder", "value", "valid", "validate", "validityStyles", "onInput"]),
-        h.value && O.value ? (c(), y(o(A), { key: 0 }, {
-          default: m(() => [
-            g(I(s.value.field.error.city), 1)
+        f.value && R.value ? (c(), h(v(D), { key: 0 }, {
+          default: I(() => [
+            S(k(s.value.field.error.city), 1)
           ]),
           _: 1
-        })) : S("", !0)
+        })) : A("", !0)
       ]),
-      E("div", re, [
-        D(o(J), {
-          id: v.value.state,
+      V("div", re, [
+        E(v(J), {
+          id: l.value.state,
           value: e.value.formData.state,
           onChange: e.value.onStateChange,
           defaultItem: e.value.stateDefaultItem,
@@ -177,191 +177,205 @@ const ae = { class: "address1" }, te = {
           dataItemKey: "value",
           valuePrimitive: !0,
           valid: L.value,
-          validate: z.value,
-          validityStyles: z.value
+          validate: _.value,
+          validityStyles: _.value
         }, null, 8, ["id", "value", "onChange", "defaultItem", "dataItems", "valid", "validate", "validityStyles"]),
-        h.value && P.value ? (c(), y(o(A), { key: 0 }, {
-          default: m(() => [
-            g(I(s.value.field.error.state), 1)
+        f.value && x.value ? (c(), h(v(D), { key: 0 }, {
+          default: I(() => [
+            S(k(s.value.field.error.state), 1)
           ]),
           _: 1
-        })) : S("", !0)
+        })) : A("", !0)
       ]),
-      E("div", ie, [
-        D(o(b), {
-          id: v.value.zip,
+      V("div", ie, [
+        E(v(T), {
+          id: l.value.zip,
           placeholder: s.value.placeholder.zip,
           wrapperClass: e.value.zipWrapperClass,
           value: e.value.zipDisplay.value,
           onInput: e.value.onZipInput,
-          valid: Z.value,
-          validate: z.value,
-          validityStyles: z.value,
+          valid: N.value,
+          validate: _.value,
+          validityStyles: _.value,
           style: { width: "100%" }
         }, null, 8, ["id", "placeholder", "wrapperClass", "value", "onInput", "valid", "validate", "validityStyles"]),
-        h.value && q.value ? (c(), y(o(A), { key: 0 }, {
-          default: m(() => [
-            g(I(s.value.field.error.zip), 1)
+        f.value && M.value ? (c(), h(v(D), { key: 0 }, {
+          default: I(() => [
+            S(k(s.value.field.error.zip), 1)
           ]),
           _: 1
-        })) : S("", !0),
-        h.value && !q.value ? (c(), y(o(V), { key: 1 }, {
-          default: m(() => [
-            g(I(s.value.field.hint.zip), 1)
+        })) : A("", !0),
+        f.value && !M.value ? (c(), h(v(b), { key: 1 }, {
+          default: I(() => [
+            S(k(s.value.field.hint.zip), 1)
           ]),
           _: 1
-        })) : S("", !0)
+        })) : A("", !0)
       ]),
       C.value ? (c(), w("div", de, [
-        f.value && !e.value.addressValid.value ? (c(), y(o(A), { key: 0 }, {
-          default: m(() => [
-            g(I(N.value), 1)
+        g.value && !e.value.addressValid.value ? (c(), h(v(D), { key: 0 }, {
+          default: I(() => [
+            S(k(j.value), 1)
           ]),
           _: 1
-        })) : k.value ? (c(), y(o(A), { key: 1 }, {
-          default: m(() => [
-            g(I(G.value), 1)
+        })) : y.value ? (c(), h(v(D), { key: 1 }, {
+          default: I(() => [
+            S(k(G.value), 1)
           ]),
           _: 1
-        })) : (c(), y(o(V), { key: 2 }, {
-          default: m(() => [
-            g(I(s.value.fieldset.hint.address), 1)
+        })) : (c(), h(v(b), { key: 2 }, {
+          default: I(() => [
+            S(k(s.value.fieldset.hint.address), 1)
           ]),
           _: 1
         }))
-      ])) : S("", !0)
+      ])) : A("", !0)
     ], 2));
   }
-}), $ = (n, t) => {
+}), oe = (n, a) => {
   const d = n.__vccOpts || n;
-  for (const [p, s] of t)
-    d[p] = s;
+  for (const [m, s] of a)
+    d[m] = s;
   return d;
-}, ge = /* @__PURE__ */ $(ne, [["__scopeId", "data-v-8aeb035b"]]), ue = ["id"], oe = /* @__PURE__ */ R({
+}, ge = /* @__PURE__ */ oe(ne, [["__scopeId", "data-v-8aeb035b"]]), ue = ["id", "colspan", "aria-colindex", "aria-selected", "data-grid-col-index"], Ie = /* @__PURE__ */ F({
+  inheritAttrs: !1,
   __name: "ActionCell",
   props: {
-    dataItem: {
-      type: Object,
-      required: !0
-    },
-    config: {
-      type: Object,
-      required: !0
-    },
-    menuController: {
-      type: Object,
-      required: !0
-    },
-    tabIndex: {
-      type: Number,
-      default: -1
-    }
+    id: {},
+    className: {},
+    style: {},
+    colSpan: {},
+    ariaColumnIndex: {},
+    isSelected: { type: Boolean },
+    columnIndex: {},
+    dataItem: {},
+    config: {},
+    menuController: {},
+    tabIndex: { default: -1 }
   },
   setup(n) {
-    const t = n, d = X("action-cell"), p = (i) => t.menuController.getTriggerId(i, t.dataItem), s = (i) => t.menuController.registry.isIdActive(p(i)), h = (i, f) => {
-      t.menuController.registry.register(
-        p(i),
-        f
+    const a = n, d = X("action-cell"), m = (l) => a.menuController.getTriggerId(l, a.dataItem), s = (l) => a.menuController.registry.isIdActive(m(l)), f = (l) => typeof l.items == "function", C = (l, e) => {
+      a.menuController.registry.register(
+        m(l),
+        e
       );
-    }, C = (i, ...f) => {
-      t.menuController.handleTriggerKeydown(p(i), ...f);
+    }, u = (l) => {
+      if (!f(l)) {
+        a.menuController.handleDirectAction?.(l, a.dataItem);
+        return;
+      }
+      a.menuController.handleTriggerClick(m(l));
+    }, g = (l, ...e) => {
+      f(l) && a.menuController.handleTriggerKeydown(m(l), ...e);
     };
-    return (i, f) => (c(), w("td", {
-      id: o(d).instanceId,
-      class: "fkui-action-cell"
+    return (l, e) => (c(), w("td", {
+      id: l.id ?? v(d).instanceId,
+      class: O(["fkui-action-cell", "k-table-td", l.className]),
+      style: U(l.style),
+      colspan: l.colSpan,
+      role: "gridcell",
+      "aria-colindex": l.ariaColumnIndex,
+      "aria-selected": l.isSelected,
+      "data-grid-col-index": l.columnIndex
     }, [
-      (c(!0), w(F, null, H(n.config.triggers, (v) => (c(), y(o(Q), {
-        key: v.key,
+      (c(!0), w($, null, H(l.config.triggers, (p) => (c(), h(v(Q), {
+        key: p.key,
         ref_for: !0,
-        ref: (e) => h(v, e),
-        id: o(d).compose(v.key, "trigger"),
-        "svg-icon": v.icon,
+        ref: f(p) ? (z) => C(p, z) : void 0,
+        id: v(d).compose(p.key, "trigger"),
+        "svg-icon": p.icon,
         type: "button",
         "fill-mode": "flat",
         "theme-color": "primary",
         rounded: "full",
-        "aria-label": v.ariaLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": s(v),
-        disabled: v.disabled?.(n.dataItem),
-        tabindex: n.tabIndex,
-        onClick: (e) => n.menuController.handleTriggerClick(p(v)),
-        onKeydown: (e) => C(v, e)
-      }, null, 8, ["id", "svg-icon", "aria-label", "aria-expanded", "disabled", "tabindex", "onClick", "onKeydown"]))), 128))
-    ], 8, ue));
+        "aria-label": p.ariaLabel,
+        "aria-haspopup": f(p) ? "menu" : void 0,
+        "aria-expanded": f(p) ? s(p) : void 0,
+        disabled: p.disabled?.(l.dataItem),
+        tabindex: l.tabIndex,
+        onClick: (z) => u(p),
+        onKeydown: (z) => g(p, z)
+      }, null, 8, ["id", "svg-icon", "aria-label", "aria-haspopup", "aria-expanded", "disabled", "tabindex", "onClick", "onKeydown"]))), 128))
+    ], 14, ue));
   }
-}), Ie = /* @__PURE__ */ $(oe, [["__scopeId", "data-v-2a6441af"]]), _e = (n) => {
-  const t = Y(), d = n.getTriggerId ?? ((r, u) => `${r.key}:${n.getRowId(u)}`), p = l(() => {
-    const r = t.activeId.value?.split(":")[0];
-    return n.config.triggers.find((u) => u.key === r) ?? null;
-  }), s = l(() => {
-    const r = t.activeId.value?.split(":").slice(1).join(":");
-    return r === void 0 ? null : W(n.rows).find(
-      (u) => String(n.getRowId(u)) === r
+}), Se = (n) => {
+  const a = Y();
+  n.group?.register(a);
+  const d = n.getTriggerId ?? ((t, o) => `${t.key}:${n.getRowId(o)}`), m = i(() => {
+    const t = a.activeId.value?.split(":")[0];
+    return n.config.triggers.find((o) => o.key === t) ?? null;
+  }), s = i(() => {
+    const t = a.activeId.value?.split(":").slice(1).join(":");
+    return t === void 0 ? null : W(n.rows).find(
+      (o) => String(n.getRowId(o)) === t
     ) ?? null;
-  }), h = l(() => {
-    const r = s.value, u = p.value;
-    return r && u ? u.items?.(r) ?? [] : [];
-  }), C = l(() => {
-    const r = s.value, u = p.value;
-    return r && u?.title ? u.title(r) : null;
-  }), i = ee({
-    isOpen: t.isActive,
-    triggerRef: t.activeElement,
+  }), f = i(() => {
+    const t = s.value, o = m.value;
+    return t && o ? o.items?.(t) ?? [] : [];
+  }), C = i(() => {
+    const t = s.value, o = m.value;
+    return t && o && typeof o.items == "function" && o.title ? o.title(t) : null;
+  }), u = ee({
+    isOpen: a.isActive,
+    triggerRef: a.activeElement,
     menuRef: n.menuRef,
     triggerMode: n.triggerMode ?? "button",
     anchor: n.anchor ?? !0,
     resolveFocusTarget: n.resolveFocusTarget,
-    requestShow: (r) => {
-      typeof r == "string" && t.activate(r);
+    requestShow: (t) => {
+      typeof t == "string" && a.activate(t);
     },
-    requestHide: () => t.deactivate()
-  }), f = (r) => {
-    t.isActive.value && !t.isIdActive(r) && t.deactivate(), n.coexistsWith?.forEach((u) => u.deactivate()), i.handleActionButtonClick(r);
-  }, v = (r, ...u) => {
-    const _ = u[0];
-    if (_.key === "Enter" || _.code === "Space") {
-      _.preventDefault(), f(r);
+    requestHide: () => a.deactivate(),
+    menuLabel: C
+  }), g = (t) => {
+    a.isActive.value && !a.isIdActive(t) && a.deactivate(), n.group?.deactivateOthers(a), u.handleActionButtonClick(t);
+  }, l = (t, o) => {
+    n.group?.deactivateOthers(a), a.deactivate(), n.onActionSelected(void 0, o, t);
+  }, e = (t, ...o) => {
+    const y = o[0];
+    if (y.key === "Enter" || y.code === "Space") {
+      y.preventDefault(), g(t);
       return;
     }
-    i.handleActionButtonKeydown(_, r);
-  }, e = (r) => {
-    r.key === "Escape" && i.handleActionMenuEscape(r);
-  }, T = (r) => {
-    const u = s.value, _ = p.value;
-    i.handleMenuSelect(r, (k) => {
-      u && _ && n.onActionSelected(k.item?.text, u, _);
+    u.handleActionButtonKeydown(y, t);
+  }, p = (t) => {
+    t.key === "Escape" && u.handleActionMenuEscape(t);
+  }, z = (t) => {
+    const o = s.value, y = m.value;
+    u.handleMenuSelect(t, () => {
+      o && y && n.onActionSelected(t.item, o, y);
     });
   };
   return {
     actionCellProps: {
       config: n.config,
       menuController: {
-        registry: t,
+        registry: a,
         getTriggerId: d,
-        handleTriggerClick: f,
-        handleTriggerKeydown: v
+        handleTriggerClick: g,
+        handleDirectAction: l,
+        handleTriggerKeydown: e
       }
     },
-    popupProps: l(() => ({
-      show: t.isActive.value,
-      offset: i.offset.value,
-      onClose: i.handlePopupClose
+    popupProps: i(() => ({
+      show: a.isActive.value,
+      offset: u.offset.value,
+      onClose: u.handlePopupClose
     })),
-    menuProps: l(() => ({
-      items: h.value,
+    menuProps: i(() => ({
+      items: f.value,
       vertical: !0,
-      onKeydown: e,
-      onSelect: T
+      onKeydown: p,
+      onSelect: z
     })),
     activeRow: s,
-    activeTrigger: p,
+    activeTrigger: m,
     activeTitle: C
   };
 };
 export {
   Ie as ActionCell,
   ge as USAddress,
-  _e as useActionCellMenu
+  Se as useActionCellMenu
 };
 //# sourceMappingURL=featherk-ui.es.js.map