vft 0.0.428 → 0.0.430

package/es/packages/components/dialog/dialog-content.vue2.js

@@ -1,97 +0,0 @@
-import { defineComponent as y, inject as u, computed as r, createElementBlock as g, openBlock as a, normalizeStyle as E, normalizeClass as s, unref as t, createElementVNode as n, createCommentVNode as p, renderSlot as i, createBlock as N, toDisplayString as P, mergeProps as S } from "vue";
-import { singleAttrToObj as T } from "@vft/utils";
-import { VftIcon as j } from "../icon/index.js";
-import "../focus-trap/focus-trap.vue2.js";
-import { FOCUS_TRAP_INJECTION_KEY as z } from "../focus-trap/tokens.js";
-import "../focus-trap/utils.js";
-import "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { composeRefs as K } from "../../utils/vue/refs.js";
-import "../form/index.js";
-import { useDraggable as O } from "../../hooks/use-draggable/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { dialogInjectionKey as V } from "./constants.js";
-const A = ["id"], F = y({
-  name: "vft-dialog-content"
-}), le = /* @__PURE__ */ y({
-  ...F,
-  props: {
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: {},
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    overflow: { type: Boolean },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {}
-  },
-  emits: ["close"],
-  setup(l, { expose: C }) {
-    const { dialogRef: f, headerRef: d, bodyId: b, ns: e, style: h } = u(V), { focusTrapRef: v } = u(z), B = K(v, f), c = r(() => l.draggable), I = r(() => l.overflow), { resetPosition: k, updatePosition: w, isDragging: R } = O(
-      f,
-      d,
-      c,
-      I
-    ), $ = r(() => [
-      e.b(),
-      e.is("fullscreen", l.fullscreen),
-      e.is("draggable", c.value),
-      e.is("dragging", R.value),
-      e.is("align-center", l.alignCenter),
-      { [e.m("center")]: l.center }
-    ]), D = r(() => T(l.closeIcon, "icon", {
-      icon: "icon-close",
-      pointer: !0,
-      size: 16
-    }));
-    return C({
-      resetPosition: k,
-      updatePosition: w
-    }), (o, m) => (a(), g("div", {
-      ref: t(B),
-      class: s($.value),
-      style: E(t(h)),
-      tabindex: "-1"
-    }, [
-      n("header", {
-        ref_key: "headerRef",
-        ref: d,
-        class: s([t(e).e("header"), o.headerClass, { "show-close": o.showClose }])
-      }, [
-        i(o.$slots, "header", {}, () => [
-          n("span", {
-            role: "heading",
-            class: s(t(e).e("title"))
-          }, P(o.title), 3)
-        ]),
-        o.showClose ? (a(), N(t(j), S({
-          key: 0,
-          class: [t(e).e("headerbtn")],
-          onClick: m[0] || (m[0] = (J) => o.$emit("close"))
-        }, D.value), null, 16, ["class"])) : p("", !0)
-      ], 2),
-      n("div", {
-        id: t(b),
-        class: s([t(e).e("body"), o.bodyClass])
-      }, [
-        i(o.$slots, "default")
-      ], 10, A),
-      o.$slots.footer ? (a(), g("footer", {
-        key: 0,
-        class: s([t(e).e("footer"), o.footerClass])
-      }, [
-        i(o.$slots, "footer")
-      ], 2)) : p("", !0)
-    ], 6));
-  }
-});
-export {
-  le as default
-};

package/es/packages/components/dialog/dialog.vue2.js

@@ -1,204 +0,0 @@
-import { defineComponent as B, ref as p, getCurrentInstance as O, provide as N, computed as q, createBlock as b, openBlock as g, unref as e, withCtx as l, createVNode as m, Transition as j, normalizeProps as K, guardReactiveProps as L, withDirectives as U, createElementVNode as G, normalizeStyle as H, normalizeClass as J, createCommentVNode as Q, mergeProps as W, createSlots as X, renderSlot as d, vShow as Y } from "vue";
-import Z from "../focus-trap/focus-trap.vue.js";
-import "../focus-trap/utils.js";
-import { VftOverlay as _ } from "../overlay/index.js";
-import { VftTeleport as x } from "../teleport/index.js";
-import { UPDATE_MODEL_EVENT as ee } from "../../constants/event.js";
-import "@vueuse/core";
-import { isBoolean as oe } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import { useSameTarget as te } from "../../hooks/use-same-target/index.js";
-import "../../hooks/use-z-index/index.js";
-import { dialogInjectionKey as ae } from "./constants.js";
-import se from "./dialog-content.vue2.js";
-import { useDialog as re } from "./use-dialog.js";
-const ne = ["aria-label", "aria-labelledby", "aria-describedby"], de = B({
-  name: "vft-dialog",
-  inheritAttrs: !1
-}), $e = /* @__PURE__ */ B({
-  ...de,
-  props: {
-    appendToBody: { type: Boolean, default: !1 },
-    appendTo: { default: "body" },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: !1 },
-    closeOnClickModal: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 },
-    lockScroll: { type: Boolean, default: !0 },
-    modal: { type: Boolean, default: !0 },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modalPenetrable: { type: Boolean },
-    modelValue: { type: Boolean, default: !1 },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: !1 },
-    overflow: { type: Boolean },
-    transition: {},
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {}
-  },
-  emits: {
-    [ee]: (s) => oe(s),
-    open: () => !0,
-    opened: () => !0,
-    close: () => !0,
-    closed: () => !0,
-    openAutoFocus: () => !0,
-    closeAutoFocus: () => !0
-  },
-  setup(s, { expose: k }) {
-    const r = le("dialog"), c = p(), w = p(), i = p(), h = O(), {
-      visible: u,
-      titleId: y,
-      bodyId: C,
-      style: F,
-      overlayDialogStyle: P,
-      rendered: v,
-      transitionConfig: T,
-      zIndex: R,
-      _draggable: A,
-      _alignCenter: $,
-      _overflow: I,
-      handleClose: f,
-      onModalClick: M,
-      onOpenAutoFocus: V,
-      onCloseAutoFocus: z,
-      onCloseRequested: D,
-      onFocusoutPrevented: E
-    } = re(h.props, c);
-    N(ae, {
-      dialogRef: c,
-      headerRef: w,
-      bodyId: C,
-      ns: r,
-      rendered: v,
-      style: F
-    });
-    const t = te(M), S = q(() => s.modalPenetrable && !s.modal && !s.fullscreen);
-    return k({
-      /** @description whether the dialog is visible */
-      visible: u,
-      dialogContentRef: i,
-      resetPosition: () => {
-        i.value?.resetPosition();
-      },
-      handleClose: f
-    }), (o, a) => (g(), b(e(x), {
-      to: o.appendTo,
-      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
-    }, {
-      default: l(() => [
-        m(j, K(L(e(T))), {
-          default: l(() => [
-            U(m(e(_), {
-              "custom-mask-event": "",
-              mask: o.modal,
-              "overlay-class": [
-                o.modalClass ?? "",
-                `${e(r).namespace.value}-modal-dialog`,
-                e(r).is("penetrable", S.value)
-              ],
-              "z-index": e(R)
-            }, {
-              default: l(() => [
-                G("div", {
-                  role: "dialog",
-                  "aria-modal": "true",
-                  "aria-label": o.title || void 0,
-                  "aria-labelledby": o.title ? void 0 : e(y),
-                  "aria-describedby": e(C),
-                  class: J(`${e(r).namespace.value}-overlay-dialog`),
-                  style: H(e(P)),
-                  onClick: a[0] || (a[0] = //@ts-ignore
-                  (...n) => e(t).onClick && e(t).onClick(...n)),
-                  onMousedown: a[1] || (a[1] = //@ts-ignore
-                  (...n) => e(t).onMousedown && e(t).onMousedown(...n)),
-                  onMouseup: a[2] || (a[2] = //@ts-ignore
-                  (...n) => e(t).onMouseup && e(t).onMouseup(...n))
-                }, [
-                  m(e(Z), {
-                    loop: "",
-                    trapped: e(u),
-                    "focus-start-el": "container",
-                    onFocusAfterTrapped: e(V),
-                    onFocusAfterReleased: e(z),
-                    onFocusoutPrevented: e(E),
-                    onReleaseRequested: e(D)
-                  }, {
-                    default: l(() => [
-                      e(v) ? (g(), b(se, W({
-                        key: 0,
-                        ref_key: "dialogContentRef",
-                        ref: i
-                      }, o.$attrs, {
-                        center: o.center,
-                        "align-center": e($),
-                        "close-icon": o.closeIcon,
-                        draggable: e(A),
-                        overflow: e(I),
-                        fullscreen: o.fullscreen,
-                        "header-class": o.headerClass,
-                        "body-class": o.bodyClass,
-                        "footer-class": o.footerClass,
-                        "show-close": o.showClose,
-                        title: o.title,
-                        onClose: e(f)
-                      }), X({
-                        header: l(() => [
-                          o.$slots.title ? d(o.$slots, "title", { key: 1 }) : d(o.$slots, "header", {
-                            key: 0,
-                            close: e(f),
-                            titleId: e(y),
-                            titleClass: e(r).e("title")
-                          })
-                        ]),
-                        default: l(() => [
-                          d(o.$slots, "default")
-                        ]),
-                        _: 2
-                      }, [
-                        o.$slots.footer ? {
-                          name: "footer",
-                          fn: l(() => [
-                            d(o.$slots, "footer")
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "onClose"])) : Q("", !0)
-                    ]),
-                    _: 3
-                  }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, ne)
-              ]),
-              _: 3
-            }, 8, ["mask", "overlay-class", "z-index"]), [
-              [Y, e(u)]
-            ])
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 8, ["to", "disabled"]));
-  }
-});
-export {
-  $e as default
-};

package/es/packages/components/divider/divider.vue2.js

@@ -1,48 +0,0 @@
-import { defineComponent as a, computed as m, createElementBlock as i, openBlock as n, normalizeStyle as s, normalizeClass as l, unref as t, createCommentVNode as c, renderSlot as u } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const p = a({
-  name: "vft-divider"
-}), P = /* @__PURE__ */ a({
-  ...p,
-  props: {
-    direction: { default: "horizontal" },
-    contentPosition: { default: "center" },
-    borderStyle: { default: "solid" },
-    borderColor: {},
-    marginY: {},
-    marginX: {}
-  },
-  setup(o) {
-    const e = f("divider"), d = m(() => ({
-      ...e.cssVarBlock({
-        "border-style": o.borderStyle,
-        "border-color": o.borderColor,
-        "margin-y": o.marginY,
-        "margin-x": o.marginX
-      })
-    }));
-    return (r, v) => (n(), i("div", {
-      class: l([t(e).b(), t(e).m(r.direction)]),
-      style: s(d.value),
-      role: "separator"
-    }, [
-      r.$slots.default && r.direction !== "vertical" ? (n(), i("div", {
-        key: 0,
-        class: l([t(e).e("text"), t(e).is(r.contentPosition)])
-      }, [
-        u(r.$slots, "default")
-      ], 2)) : c("", !0)
-    ], 6));
-  }
-});
-export {
-  P as default
-};

package/es/packages/components/drawer/drawer.vue2.js

@@ -1,216 +0,0 @@
-import { defineComponent as F, getCurrentInstance as q, ref as m, computed as H, createBlock as A, openBlock as l, unref as e, withCtx as r, createVNode as y, Transition as j, withDirectives as U, createElementVNode as b, mergeProps as R, withModifiers as _, createElementBlock as n, createCommentVNode as s, normalizeClass as a, renderSlot as d, toDisplayString as G, normalizeStyle as J, vShow as K } from "vue";
-import "../dialog/index.js";
-import Q from "../focus-trap/focus-trap.vue.js";
-import "../focus-trap/utils.js";
-import { VftIcon as W } from "../icon/index.js";
-import { VftOverlay as X } from "../overlay/index.js";
-import { VftTeleport as Y } from "../teleport/index.js";
-import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
-import "@vueuse/core";
-import { isBoolean as x, singleAttrToObj as ee } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { useResizable as te } from "./composables/useResizable.js";
-import { useDialog as le } from "../dialog/use-dialog.js";
-const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = ["id"], re = ["id"], ne = F({
-  name: "vft-drawer",
-  inheritAttrs: !1
-}), Fe = /* @__PURE__ */ F({
-  ...ne,
-  props: {
-    direction: { default: "rtl" },
-    size: { default: "30%" },
-    withHeader: { type: Boolean, default: !0 },
-    modalFade: { type: Boolean, default: !0 },
-    resizable: { type: Boolean, default: !1 },
-    appendToBody: { type: Boolean, default: !1 },
-    appendTo: { default: "body" },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: !1 },
-    closeOnClickModal: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 },
-    lockScroll: { type: Boolean, default: !0 },
-    modal: { type: Boolean, default: !0 },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modalPenetrable: { type: Boolean },
-    modelValue: { type: Boolean, default: !1 },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: !1 },
-    overflow: { type: Boolean },
-    transition: {},
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {}
-  },
-  emits: {
-    [Z]: (i) => x(i),
-    open: () => !0,
-    opened: () => !0,
-    close: () => !0,
-    closed: () => !0,
-    openAutoFocus: () => !0,
-    closeAutoFocus: () => !0
-  },
-  setup(i, { expose: T }) {
-    const C = q(), f = m(), v = m(), B = m(), t = oe("drawer"), {
-      afterEnter: k,
-      afterLeave: h,
-      beforeLeave: I,
-      visible: u,
-      rendered: E,
-      titleId: p,
-      bodyId: g,
-      zIndex: w,
-      onModalClick: V,
-      onOpenAutoFocus: D,
-      onCloseAutoFocus: L,
-      onFocusoutPrevented: O,
-      onCloseRequested: P,
-      handleClose: c
-    } = le(C.props, f), {
-      isHorizontal: S,
-      size: $,
-      isResizing: N
-    } = te(C.props, B), M = H(() => ee(i.closeIcon, "icon", {
-      icon: "icon-close",
-      pointer: !0
-    }));
-    return T({
-      close: c,
-      afterEnter: k,
-      afterLeave: h
-    }), (o, z) => (l(), A(e(Y), {
-      to: o.appendTo,
-      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
-    }, {
-      default: r(() => [
-        y(j, {
-          name: e(t).b("fade"),
-          onAfterEnter: e(k),
-          onAfterLeave: e(h),
-          onBeforeLeave: e(I)
-        }, {
-          default: r(() => [
-            U(y(e(X), {
-              mask: o.modal,
-              "overlay-class": [e(t).is("drawer"), o.modalClass ?? ""],
-              "z-index": e(w),
-              onClick: e(V)
-            }, {
-              default: r(() => [
-                y(e(Q), {
-                  loop: "",
-                  trapped: e(u),
-                  "focus-trap-el": f.value,
-                  "focus-start-el": v.value,
-                  onFocusAfterTrapped: e(D),
-                  onFocusAfterReleased: e(L),
-                  onFocusoutPrevented: e(O),
-                  onReleaseRequested: e(P)
-                }, {
-                  default: r(() => [
-                    b("div", R({
-                      ref_key: "drawerRef",
-                      ref: f,
-                      "aria-modal": "true",
-                      "aria-label": o.title || void 0,
-                      "aria-labelledby": o.title ? void 0 : e(p),
-                      "aria-describedby": e(g)
-                    }, o.$attrs, {
-                      class: [
-                        e(t).b(),
-                        o.direction,
-                        e(u) && "open",
-                        e(t).is("dragging", e(N))
-                      ],
-                      style: { [e(S) ? "width" : "height"]: e($) },
-                      role: "dialog",
-                      onClick: z[0] || (z[0] = _(() => {
-                      }, ["stop"]))
-                    }), [
-                      b("span", {
-                        ref_key: "focusStartRef",
-                        ref: v,
-                        class: a(e(t).e("sr-focus")),
-                        tabindex: "-1"
-                      }, null, 2),
-                      o.withHeader ? (l(), n("header", {
-                        key: 0,
-                        class: a([e(t).e("header"), o.headerClass])
-                      }, [
-                        o.$slots.title ? d(o.$slots, "title", { key: 1 }) : d(o.$slots, "header", {
-                          key: 0,
-                          close: e(c),
-                          titleId: e(p),
-                          titleClass: e(t).e("title")
-                        }, () => [
-                          b("span", {
-                            id: e(p),
-                            role: "heading",
-                            class: a(e(t).e("title"))
-                          }, G(o.title), 11, se)
-                        ]),
-                        o.showClose ? (l(), A(e(W), R({
-                          key: 2,
-                          onClick: e(c)
-                        }, M.value, {
-                          class: e(t).e("close")
-                        }), null, 16, ["onClick", "class"])) : s("", !0)
-                      ], 2)) : s("", !0),
-                      e(E) ? (l(), n("div", {
-                        key: 1,
-                        id: e(g),
-                        class: a([e(t).e("body"), o.bodyClass])
-                      }, [
-                        d(o.$slots, "default")
-                      ], 10, re)) : s("", !0),
-                      o.$slots.footer ? (l(), n("div", {
-                        key: 2,
-                        class: a([e(t).e("footer"), o.footerClass])
-                      }, [
-                        d(o.$slots, "footer")
-                      ], 2)) : s("", !0),
-                      o.resizable ? (l(), n("div", {
-                        key: 3,
-                        ref_key: "draggerRef",
-                        ref: B,
-                        style: J({ zIndex: e(w) }),
-                        class: a(e(t).e("dragger"))
-                      }, null, 6)) : s("", !0)
-                    ], 16, ae)
-                  ]),
-                  _: 3
-                }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-              ]),
-              _: 3
-            }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-              [K, e(u)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-      ]),
-      _: 3
-    }, 8, ["to", "disabled"]));
-  }
-});
-export {
-  Fe as default
-};

package/es/packages/components/dropdown/dropdown-item-impl.vue2.js

@@ -1,91 +0,0 @@
-import { defineComponent as c, computed as m, inject as i, createElementBlock as f, openBlock as l, Fragment as y, createCommentVNode as I, createElementVNode as P, mergeProps as s, unref as t, withModifiers as g, createBlock as D, renderSlot as F, normalizeProps as V } from "vue";
-import { COLLECTION_ITEM_SIGN as $ } from "../collection/collection.js";
-import { VftIcon as J } from "../icon/index.js";
-import "../roving-focus-group/roving-focus-group.vue2.js";
-import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import "../roving-focus-group/roving-focus-item.vue2.js";
-import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as Y } from "../roving-focus-group/types.js";
-import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as B } from "../roving-focus-group/tokens.js";
-import { EVENT_CODE as E } from "../../constants/aria.js";
-import "@vueuse/core";
-import { singleAttrToObj as G } from "@vft/utils";
-import { composeEventHandlers as S } from "../../utils/event.js";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { composeRefs as U } from "../../utils/vue/refs.js";
-import "../form/index.js";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as W } from "./tokens.js";
-import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as z } from "./types.js";
-const A = ["aria-disabled", "tabindex", "role"], H = c({
-  name: "DropdownItemImpl"
-}), ce = /* @__PURE__ */ c({
-  ...H,
-  props: {
-    command: { default: () => ({}) },
-    disabled: { type: Boolean, default: !1 },
-    divided: { type: Boolean, default: !1 },
-    textValue: { default: "" },
-    icon: { default: "" }
-  },
-  emits: ["pointermove", "pointerleave", "click", "clickimpl"],
-  setup(O, { emit: N }) {
-    const C = O, v = N, r = j("dropdown"), T = m(() => G(C.icon, "icon")), { role: d } = i(W, void 0), { collectionItemRef: _ } = i(
-      z,
-      void 0
-    ), { collectionItemRef: b } = i(
-      Y,
-      void 0
-    ), {
-      rovingFocusGroupItemRef: R,
-      tabIndex: k,
-      handleFocus: a,
-      handleKeydown: w,
-      handleMousedown: p
-    } = i(B, void 0), K = U(
-      _,
-      b,
-      R
-    ), L = m(() => d.value === "menu" ? "menuitem" : d.value === "navigation" ? "link" : "button"), u = S((e) => {
-      const { code: o } = e;
-      if (o === E.enter || o === E.space)
-        return e.preventDefault(), e.stopImmediatePropagation(), v("clickimpl", e), !0;
-    }, w), M = m(() => ({
-      [$]: ""
-    }));
-    return (e, o) => (l(), f(y, null, [
-      e.divided ? (l(), f("li", s({
-        key: 0,
-        role: "separator",
-        class: t(r).bem("menu", "item", "divided")
-      }, e.$attrs), null, 16)) : I("", !0),
-      P("li", s({ ref: t(K) }, { ...M.value, ...e.$attrs }, {
-        "aria-disabled": e.disabled,
-        class: [t(r).be("menu", "item"), t(r).is("disabled", e.disabled)],
-        tabindex: t(k),
-        role: L.value,
-        onClick: o[0] || (o[0] = (n) => e.$emit("clickimpl", n)),
-        onFocus: o[1] || (o[1] = //@ts-ignore
-        (...n) => t(a) && t(a)(...n)),
-        onKeydown: o[2] || (o[2] = g(
-          //@ts-ignore
-          (...n) => t(u) && t(u)(...n),
-          ["self"]
-        )),
-        onMousedown: o[3] || (o[3] = //@ts-ignore
-        (...n) => t(p) && t(p)(...n)),
-        onPointermove: o[4] || (o[4] = (n) => e.$emit("pointermove", n)),
-        onPointerleave: o[5] || (o[5] = (n) => e.$emit("pointerleave", n))
-      }), [
-        e.icon ? (l(), D(t(J), V(s({ key: 0 }, T.value)), null, 16)) : I("", !0),
-        F(e.$slots, "default")
-      ], 16, A)
-    ], 64));
-  }
-});
-export {
-  ce as default
-};