@pantograph/vue 0.10.0 → 0.10.2

package/dist/Kbd/index.js.js

@@ -1,4 +1,4 @@
-import { _ as e, _ as f } from "../Kbd.vue_vue_type_style_index_0_lang-DbtLbpq-.js";
+import { _ as e, _ as f } from "../Kbd.vue_vue_type_style_index_0_lang-D1y-0kBN.js";
 export {
   e as Kbd,
   f as default

package/dist/Kbd/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Kbd.vue_vue_type_style_index_0_lang-BqEaW_kJ.js");exports.Kbd=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Kbd.vue_vue_type_style_index_0_lang-CpDjSQqg.js");exports.Kbd=e._sfc_main;exports.default=e._sfc_main;

package/dist/Kbd.vue_vue_type_style_index_0_lang-CpDjSQqg.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./class-CjZYGZDW.js"),r=require("class-variance-authority"),l=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),a=require("./options-B4iSAKol.js"),u=e.defineComponent({...a.getComponentOptions("Kbd"),__name:"Kbd",props:{iconOnly:{type:Boolean},class:{},containerCls:{},text:{default:void 0},icon:{}},setup(c){const o=c,t=s.getBemBlock("kbd"),i=r.cva(t,{variants:{iconOnly:s.generateVariantClassList("icon-only",t)}});return(n,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i)({iconOnly:o.iconOnly}),o.class])},[n.iconOnly?(e.openBlock(),e.createBlock(l._sfc_main,{key:1,icon:n.icon,size:"2xsm"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),_:3},8,["icon"])):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(t),"container"),o.containerCls])},[e.renderSlot(n.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],2))],2))}});exports._sfc_main=u;

package/dist/Kbd.vue_vue_type_style_index_0_lang-D1y-0kBN.js

@@ -0,0 +1,47 @@
+import { defineComponent as m, createElementBlock as a, openBlock as t, normalizeClass as i, unref as s, createBlock as p, renderSlot as r, createTextVNode as f, toDisplayString as d, withCtx as y } from "vue";
+import { g as C, a as g, b as k } from "./class-DziTeW9B.js";
+import { cva as B } from "class-variance-authority";
+import { _ as u } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { g as v } from "./options-JBqnVZUl.js";
+const z = /* @__PURE__ */ m({
+  ...v("Kbd"),
+  __name: "Kbd",
+  props: {
+    iconOnly: { type: Boolean },
+    class: {},
+    containerCls: {},
+    text: { default: void 0 },
+    icon: {}
+  },
+  setup(c) {
+    const n = c, e = C("kbd"), l = B(e, {
+      variants: {
+        iconOnly: g("icon-only", e)
+      }
+    });
+    return (o, O) => (t(), a("div", {
+      class: i([s(l)({ iconOnly: n.iconOnly }), n.class])
+    }, [
+      o.iconOnly ? (t(), p(u, {
+        key: 1,
+        icon: o.icon,
+        size: "2xsm"
+      }, {
+        default: y(() => [
+          r(o.$slots, "icon")
+        ]),
+        _: 3
+      }, 8, ["icon"])) : (t(), a("div", {
+        key: 0,
+        class: i([s(k)(s(e), "container"), n.containerCls])
+      }, [
+        r(o.$slots, "text", {}, () => [
+          f(d(o.text), 1)
+        ])
+      ], 2))
+    ], 2));
+  }
+});
+export {
+  z as _
+};

package/dist/Menu/Menu.d.ts

@@ -1,5 +1,4 @@
 import { MenuItemSlots } from '../MenuItem/MenuItem';
-import { PrimitiveProps } from '../Base/Primitive';
 import { MenuItemProps, MenuItemSize } from '../MenuItem';
 import { Class } from '../types';
 import { MenuGap } from './Menu.model';
@@ -7,7 +6,7 @@ import { ComputedRef } from 'vue';
 export type MenuItemType = MenuItemProps & {
     key: string | number;
 };
-export interface MenuProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface MenuProps {
     size?: MenuItemSize;
     header?: string;
     forceMountSubmenu?: boolean;
@@ -63,17 +62,17 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Me
     onHeaderClick?: ((...args: any[]) => any) | undefined;
     onDeselect?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
-    triggerSubMenuAction: "click" | "hover";
+    size: MenuItemSize;
+    triggerSubMenuAction: "hover" | "click";
     selectable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
-    default?: (() => never) | undefined;
-    header?: (() => never) | undefined;
-    headerActions?: (() => never) | undefined;
+    default?: () => never;
+    header?: () => never;
+    headerActions?: () => never;
 } & MenuItemSlots> & {
-    default?: (() => never) | undefined;
-    header?: (() => never) | undefined;
-    headerActions?: (() => never) | undefined;
+    default?: () => never;
+    header?: () => never;
+    headerActions?: () => never;
 } & MenuItemSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Menu/index.js.js

@@ -1,4 +1,4 @@
-import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-Danl_w4K.js";
+import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-B64mJSxF.js";
 export {
   n as Menu,
   t as MenuGaps,

package/dist/Menu/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-eKNVzfnz.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-Sq_kFrSI.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;

package/dist/Menu.vue_vue_type_style_index_0_lang-B64mJSxF.js

@@ -0,0 +1,481 @@
+import { defineComponent as H, useSlots as Z, computed as i, createElementBlock as y, openBlock as u, normalizeClass as b, unref as r, createCommentVNode as $, renderSlot as f, normalizeProps as D, guardReactiveProps as A, createTextVNode as F, toDisplayString as V, createBlock as N, withCtx as T, mergeProps as I, ref as E, getCurrentInstance as re, resolveComponent as oe, createVNode as ie, createSlots as U, renderList as w, Fragment as _, watch as X, withModifiers as ue } from "vue";
+import { g as J, a as O, b as h } from "./class-DziTeW9B.js";
+import { cva as x } from "class-variance-authority";
+import { g as Q } from "./options-JBqnVZUl.js";
+import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-C0IwnsU5.js";
+import { c as q } from "./cloneDeep-BMA7VTX1.js";
+import { h as de, j as pe, k as ge, f as me, l as ye, m as fe, n as ve } from "./_flatRest-CHX8vV1P.js";
+import { i as Ce } from "./isArray-WzO_os3q.js";
+import { i as be } from "./isNumber-DlKYWCo3.js";
+import { i as he } from "./isString-BVAZt9W3.js";
+import { createContext as ee } from "radix-vue";
+import { _ as ke } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { o as Me } from "./omit-BEkBWXra.js";
+import { U as ze } from "./useInputDataStates-CZbdWpyp.js";
+const se = ["sm", "md", "lg"], Se = ["tabindex"], g = J("menu_item"), Y = /* @__PURE__ */ H({
+  ...Q("MenuItemContent"),
+  __name: "MenuItemContent",
+  props: {
+    size: {},
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {},
+    leadingCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {},
+    hasChildren: { type: Boolean }
+  },
+  setup(o) {
+    const s = o, l = Z(), m = x(g, {
+      variants: {
+        size: O(se, g),
+        selected: O("selected", g),
+        unFocusable: O("un-focusable", g),
+        danger: O("danger", g),
+        disabled: O("disabled", g),
+        hoverTrailing: O("hover-trailing", g),
+        description: O("description", g),
+        leadingCenter: O("leading-center", g)
+      }
+    }), c = i(() => {
+      const a = () => {
+        switch (s.size) {
+          case "sm":
+            return "2xsm";
+          default:
+            return "xsm";
+        }
+      }, k = () => {
+        switch (s.size) {
+          case "lg":
+            return "md";
+          default:
+            return "sm";
+        }
+      }, P = () => {
+        switch (s.size) {
+          case "sm":
+            return "2xsm";
+          case "md":
+            return "xsm";
+          default:
+            return "sm";
+        }
+      }, S = () => {
+        switch (s.size) {
+          case "lg":
+            return "md";
+          case "md":
+            return "xsm";
+          default:
+            return "2xsm";
+        }
+      };
+      return {
+        iconSize: a(),
+        buttonSize: k(),
+        checkIconSize: P(),
+        switchSize: P(),
+        checkboxSize: a(),
+        avatarSize: S(),
+        graphicalObjectSize: S(),
+        badgeSize: S(),
+        ...s
+      };
+    });
+    return (a, k) => (u(), y("div", {
+      role: "menuitem",
+      tabindex: a.unFocusable ? void 0 : 0,
+      class: b([
+        r(m)({
+          size: a.size,
+          selected: a.selected,
+          unFocusable: a.unFocusable,
+          danger: a.danger,
+          disabled: a.disabled,
+          hoverTrailing: a.hoverTrailing,
+          leadingCenter: a.leadingCenter,
+          description: !!(l.description || s.description)
+        }),
+        s.class
+      ])
+    }, [
+      l.leading || s.leading ? (u(), y("div", {
+        key: 0,
+        class: b([r(h)(r(g), "leading"), a.leadingCls])
+      }, [
+        f(a.$slots, "leading", D(A(c.value)), () => [
+          F(V(a.leading), 1)
+        ])
+      ], 2)) : $("", !0),
+      l.title || s.title || l.description || s.description ? (u(), y("div", {
+        key: 1,
+        class: b([r(h)(r(g), "content"), a.contentCls])
+      }, [
+        l.title || s.title ? (u(), y("div", {
+          key: 0,
+          class: b([r(h)(r(g), "title"), a.titleCls])
+        }, [
+          f(a.$slots, "title", D(A(s)), () => [
+            F(V(a.title), 1)
+          ])
+        ], 2)) : $("", !0),
+        l.description || s.description ? (u(), y("div", {
+          key: 1,
+          class: b([r(h)(r(g), "description"), a.descriptionCls])
+        }, [
+          f(a.$slots, "description", D(A(s)), () => [
+            F(V(a.description), 1)
+          ])
+        ], 2)) : $("", !0)
+      ], 2)) : $("", !0),
+      a.hasChildren || l.trailing || s.trailing ? (u(), y("div", {
+        key: 2,
+        class: b([r(h)(r(g), "trailing"), a.trailingCls])
+      }, [
+        a.hasChildren ? (u(), N(ke, {
+          key: 0,
+          "flip-on-dir": "rtl",
+          size: c.value.checkIconSize,
+          icon: a.branchIcon,
+          class: b([r(h)(r(g), "branch"), a.branchCls ?? ""])
+        }, {
+          default: T(() => [
+            f(a.$slots, "branchIcon", D(A(c.value)))
+          ]),
+          _: 3
+        }, 8, ["size", "icon", "class"])) : f(a.$slots, "trailing", D(I({ key: 1 }, c.value)), () => [
+          F(V(a.trailing), 1)
+        ])
+      ], 2)) : $("", !0)
+    ], 10, Se));
+  }
+}), [Be, Ke] = ee("MenuItem"), Oe = /* @__PURE__ */ H({
+  ...Q("MenuItem"),
+  __name: "MenuItem",
+  props: {
+    subMenuCloseDelay: { default: 300 },
+    subMenuOpenDelay: { default: 700 },
+    triggerSubMenuAction: {},
+    submenuTriggerCls: {},
+    submenuCls: {},
+    forceMountSubmenu: { type: Boolean, default: void 0 },
+    items: {},
+    size: { default: "md" },
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean, default: void 0 },
+    description: {},
+    selected: { type: Boolean, default: void 0 },
+    unFocusable: { type: Boolean, default: void 0 },
+    danger: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: { default: "tabler:chevron-right" }
+  },
+  setup(o) {
+    const s = o, l = Z(), m = i(() => {
+      switch (s.size) {
+        case "lg":
+          return 10;
+        case "md":
+          return 8;
+        default:
+          return 6;
+      }
+    }), c = i(() => {
+      var t;
+      return !!((t = s.items) != null && t.length || l.items);
+    }), a = E(), k = i(() => {
+      var t;
+      return s.triggerSubMenuAction ?? ((t = n.triggerSubMenuAction) == null ? void 0 : t.value);
+    }), P = (t) => {
+      var M;
+      (k.value === "click" || (M = e.value) != null && M.length) && (t.stopPropagation(), t.preventDefault());
+    }, S = J("sub_menu"), n = Fe(), j = i(() => {
+      var t;
+      return (t = re()) == null ? void 0 : t.vnode.key;
+    }), L = Be({}), e = i(() => {
+      var t;
+      return ((t = L.parentKeys) == null ? void 0 : t.value) ?? [];
+    });
+    Ke({
+      parentKeys: i(() => [...e.value, j.value])
+    });
+    const v = i(() => ({
+      ...s,
+      key: j.value,
+      hasChildren: c.value,
+      parentKeys: e.value
+    })), d = i(() => {
+      var t;
+      return ((t = n.size) == null ? void 0 : t.value) ?? s.size;
+    }), C = () => !c.value && s.disabled, { rootBindings: B, inputBindings: G } = ze({
+      getDisabled: C
+    }), W = i(() => {
+      var t, M, z;
+      return {
+        ...Me(
+          s,
+          "subMenuOpenDelay",
+          "triggerSubMenuAction",
+          "submenuTriggerCls",
+          "submenuCls",
+          "forceMountSubmenu",
+          "items"
+        ),
+        size: d.value,
+        selected: ((t = n.isItemSelected) == null ? void 0 : t.call(n, v.value)) ?? s.selected,
+        unFocusable: n.onClick ? void 0 : s.unFocusable,
+        disabled: C(),
+        hoverTrailing: s.hoverTrailing ?? ((M = n.hoverTrailing) == null ? void 0 : M.value),
+        leadingCenter: s.leadingCenter ?? ((z = n.leadingCenter) == null ? void 0 : z.value),
+        hasChildren: c.value,
+        onClick: (p) => {
+          var K;
+          return (K = n.onClick) == null ? void 0 : K.call(n, v.value, p);
+        },
+        ...G.value
+      };
+    }), R = E(!1), ne = i(() => {
+      var t;
+      return ((t = n.isOpen) == null ? void 0 : t.call(n, j.value)) ?? R.value;
+    }), te = (t) => {
+      var z, p;
+      (((z = n.isOpen) == null ? void 0 : z.call(n, j.value)) ?? R.value) !== t && (n.onChildrenOpenChange ? (p = n.onChildrenOpenChange) == null || p.call(n, v.value, t) : R.value = t);
+    }, le = i(() => {
+      var t, M, z, p;
+      return c.value ? {
+        size: d.value,
+        containerProps: {
+          onClick: P
+        },
+        to: a,
+        reversePlacementOnDir: "rtl",
+        placement: "right-start",
+        containerClass: [
+          h(S, "items"),
+          (t = n.submenuCls) == null ? void 0 : t.value,
+          s.submenuCls
+        ],
+        sideOffset: m.value,
+        forceMount: s.forceMountSubmenu ?? ((M = n.forceMountSubmenu) == null ? void 0 : M.value),
+        trigger: k.value,
+        closeDelay: ((z = n.subMenuCloseDelay) == null ? void 0 : z.value) ?? s.subMenuCloseDelay,
+        openDelay: ((p = n.subMenuOpenDelay) == null ? void 0 : p.value) ?? s.subMenuOpenDelay,
+        open: ne.value
+      } : {};
+    });
+    return (t, M) => {
+      const z = oe("MenuItem", !0);
+      return c.value ? (u(), N(ce, I({ key: 0 }, le.value, { "onUpdate:open": te }), {
+        content: T(() => [
+          f(t.$slots, "items", D(A(s)), () => [
+            (u(!0), y(_, null, w(t.items, (p) => (u(), N(z, I({ ref_for: !0 }, p), U({ _: 2 }, [
+              w(Object.keys(t.$slots), (K) => ({
+                name: K,
+                fn: T((ae) => [
+                  f(t.$slots, K, I({ ref_for: !0 }, ae))
+                ])
+              }))
+            ]), 1040))), 256))
+          ])
+        ]),
+        default: T(() => [
+          c.value ? (u(), y("div", I({
+            key: 0,
+            class: [r(S), s.submenuTriggerCls],
+            ref_key: "root",
+            ref: a
+          }, r(B)), [
+            ie(Y, I(W.value, {
+              class: r(h)(r(S), "trigger")
+            }), U({ _: 2 }, [
+              w(Object.keys(l), (p) => ({
+                name: p,
+                fn: T((K) => [
+                  f(t.$slots, p, D(A(K)))
+                ])
+              }))
+            ]), 1040, ["class"])
+          ], 16)) : $("", !0)
+        ]),
+        _: 3
+      }, 16)) : (u(), N(Y, D(I({ key: 1 }, W.value)), U({ _: 2 }, [
+        w(Object.keys(t.$slots), (p) => ({
+          name: p,
+          fn: T((K) => [
+            f(t.$slots, p, D(A(K)))
+          ])
+        }))
+      ]), 1040));
+    };
+  }
+}), Ie = [...se, "none"];
+var $e = "[object Map]", De = "[object Set]", Te = Object.prototype, Ae = Te.hasOwnProperty;
+function Pe(o) {
+  if (o == null)
+    return !0;
+  if (de(o) && (Ce(o) || typeof o == "string" || typeof o.splice == "function" || pe(o) || ge(o) || me(o)))
+    return !o.length;
+  var s = ye(o);
+  if (s == $e || s == De)
+    return !o.size;
+  if (fe(o))
+    return !ve(o).length;
+  for (var l in o)
+    if (Ae.call(o, l))
+      return !1;
+  return !0;
+}
+const [je, we] = ee("Menu"), Fe = () => je({}), Ze = /* @__PURE__ */ H({
+  ...Q("Menu"),
+  __name: "Menu",
+  props: {
+    size: { default: "md" },
+    header: {},
+    forceMountSubmenu: { type: Boolean },
+    multiple: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
+    hoverTrailing: { type: Boolean },
+    leadingCenter: { type: Boolean },
+    items: {},
+    class: {},
+    submenuCls: {},
+    openKeys: {},
+    selectedKeys: {},
+    subMenuCloseDelay: {},
+    subMenuOpenDelay: {},
+    triggerSubMenuAction: { default: "hover" },
+    gap: {}
+  },
+  emits: [
+    "update:openKeys",
+    "update:selectedKeys",
+    "openChange",
+    "click",
+    "headerClick",
+    "deselect",
+    "select"
+  ],
+  setup(o, { emit: s }) {
+    const l = o, m = s, c = J("menu"), a = x(c, {
+      variants: {
+        gap: O(Ie, c)
+      }
+    }), k = E(l.openKeys ?? []);
+    X(
+      () => l.openKeys,
+      () => {
+        k.value = l.openKeys ?? [];
+      }
+    );
+    const P = (e, v) => {
+      let d = q(k.value);
+      v ? d = [...e.parentKeys, e.key] : d = d.filter((C) => C !== e.key), l.openKeys || (k.value = d), m("update:openKeys", d), m("openChange", d);
+    }, S = (e) => k.value.includes(e), n = E(l.selectedKeys ?? []);
+    X(
+      () => l.selectedKeys,
+      () => {
+        n.value = l.selectedKeys ?? [];
+      }
+    );
+    const j = (e, v) => {
+      const d = ![void 0, null].includes(e.key) && (he(e.key) && !Pe(e.key) || be(e.key));
+      if (!e.danger && !e.disabled && d && l.selectable && !e.hasChildren) {
+        if (l.multiple)
+          if (n.value.indexOf(e.key) > -1) {
+            if (n.value.length > 1) {
+              const B = q(n.value).filter((G) => G !== e.key);
+              l.selectedKeys || (n.value = B), m("update:selectedKeys", B), m("deselect", { item: e, selectedKeys: n.value });
+            }
+          } else {
+            const B = [...q(n.value), e.key];
+            l.selectedKeys || (n.value = B), m("update:selectedKeys", B), m("select", { item: e, selectedKeys: n.value });
+          }
+        else {
+          const C = [e.key];
+          l.selectedKeys || (n.value = C), m("update:selectedKeys", C), m("select", { item: e, selectedKeys: n.value });
+        }
+        m("click", e, v);
+      }
+    }, L = (e) => !e.danger && !e.disabled && n.value.includes(e.key);
+    return we({
+      size: i(() => l.size),
+      forceMountSubmenu: i(() => l.forceMountSubmenu),
+      hoverTrailing: i(() => l.hoverTrailing),
+      leadingCenter: i(() => l.leadingCenter),
+      subMenuCloseDelay: i(() => l.subMenuCloseDelay),
+      subMenuOpenDelay: i(() => l.subMenuOpenDelay),
+      triggerSubMenuAction: i(() => l.triggerSubMenuAction),
+      submenuCls: i(() => l.submenuCls),
+      onClick: j,
+      isItemSelected: L,
+      onChildrenOpenChange: P,
+      isOpen: S
+    }), (e, v) => (u(), y("div", {
+      class: b([r(a)({ gap: e.gap ?? e.size }), l.class]),
+      onClick: v[1] || (v[1] = ue(() => {
+      }, ["stop"]))
+    }, [
+      e.$slots.header || e.header || e.$slots.headerActions ? (u(), y("div", {
+        key: 0,
+        class: b([r(h)(r(c), "header")]),
+        onClick: v[0] || (v[0] = (d) => m("headerClick", d))
+      }, [
+        e.$slots.header || e.header ? (u(), y("div", {
+          key: 0,
+          class: b([r(h)(r(c), "header__title")])
+        }, [
+          f(e.$slots, "header", {}, () => [
+            F(V(e.header), 1)
+          ])
+        ], 2)) : $("", !0),
+        e.$slots.headerActions ? (u(), y("div", {
+          key: 1,
+          class: b([r(h)(r(c), "header__actions")])
+        }, [
+          f(e.$slots, "headerActions")
+        ], 2)) : $("", !0)
+      ], 2)) : $("", !0),
+      f(e.$slots, "default", {}, () => [
+        (u(!0), y(_, null, w(e.items, (d) => (u(), N(Oe, I({ ref_for: !0 }, d), U({ _: 2 }, [
+          w(Object.keys(e.$slots), (C) => ({
+            name: C,
+            fn: T((B) => [
+              f(e.$slots, C, I({ ref_for: !0 }, B))
+            ])
+          }))
+        ]), 1040))), 256))
+      ])
+    ], 2));
+  }
+});
+export {
+  Ie as M,
+  Ze as _,
+  Oe as a,
+  se as b,
+  Fe as i,
+  we as p
+};

package/dist/Menu.vue_vue_type_style_index_0_lang-Sq_kFrSI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),T=require("class-variance-authority"),I=require("./options-B4iSAKol.js"),R=require("./Popover.vue_vue_type_style_index_0_lang-CM8qMFEi.js"),D=require("./cloneDeep-BcKVMzWC.js"),B=require("./_flatRest-R59G2N4m.js"),U=require("./isArray-B7z6QoM5.js"),G=require("./isNumber-eaDdxhkG.js"),H=require("./isString-CKmTJsel.js"),$=require("radix-vue"),J=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),Q=require("./omit-BKPbELUG.js"),W=require("./useInputDataStates-CbRgNQqU.js"),K=["sm","md","lg"],X=["tabindex"],p=a.getBemBlock("menu_item"),E=e.defineComponent({...I.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(i){const t=i,o=e.useSlots(),m=T.cva(p,{variants:{size:a.generateVariantClassList(K,p),selected:a.generateVariantClassList("selected",p),unFocusable:a.generateVariantClassList("un-focusable",p),danger:a.generateVariantClassList("danger",p),disabled:a.generateVariantClassList("disabled",p),hoverTrailing:a.generateVariantClassList("hover-trailing",p),description:a.generateVariantClassList("description",p),leadingCenter:a.generateVariantClassList("leading-center",p)}}),u=e.computed(()=>{const l=()=>{switch(t.size){case"sm":return"2xsm";default:return"xsm"}},f=()=>{switch(t.size){case"lg":return"md";default:return"sm"}},S=()=>{switch(t.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},k=()=>{switch(t.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:l(),buttonSize:f(),checkIconSize:S(),switchSize:S(),checkboxSize:l(),avatarSize:k(),graphicalObjectSize:k(),badgeSize:k(),...t}});return(l,f)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:l.unFocusable?void 0:0,class:e.normalizeClass([e.unref(m)({size:l.size,selected:l.selected,unFocusable:l.unFocusable,danger:l.danger,disabled:l.disabled,hoverTrailing:l.hoverTrailing,leadingCenter:l.leadingCenter,description:!!(o.description||t.description)}),t.class])},[o.leading||t.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(p),"leading"),l.leadingCls])},[e.renderSlot(l.$slots,"leading",e.normalizeProps(e.guardReactiveProps(u.value)),()=>[e.createTextVNode(e.toDisplayString(l.leading),1)])],2)):e.createCommentVNode("",!0),o.title||t.title||o.description||t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(p),"content"),l.contentCls])},[o.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(p),"title"),l.titleCls])},[e.renderSlot(l.$slots,"title",e.normalizeProps(e.guardReactiveProps(t)),()=>[e.createTextVNode(e.toDisplayString(l.title),1)])],2)):e.createCommentVNode("",!0),o.description||t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(p),"description"),l.descriptionCls])},[e.renderSlot(l.$slots,"description",e.normalizeProps(e.guardReactiveProps(t)),()=>[e.createTextVNode(e.toDisplayString(l.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),l.hasChildren||o.trailing||t.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(p),"trailing"),l.trailingCls])},[l.hasChildren?(e.openBlock(),e.createBlock(J._sfc_main,{key:0,"flip-on-dir":"rtl",size:u.value.checkIconSize,icon:l.branchIcon,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(p),"branch"),l.branchCls??""])},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"branchIcon",e.normalizeProps(e.guardReactiveProps(u.value)))]),_:3},8,["size","icon","class"])):e.renderSlot(l.$slots,"trailing",e.normalizeProps(e.mergeProps({key:1},u.value)),()=>[e.createTextVNode(e.toDisplayString(l.trailing),1)])],2)):e.createCommentVNode("",!0)],10,X))}}),[Y,Z]=$.createContext("MenuItem"),w=e.defineComponent({...I.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(i){const t=i,o=e.useSlots(),m=e.computed(()=>{switch(t.size){case"lg":return 10;case"md":return 8;default:return 6}}),u=e.computed(()=>{var r;return!!((r=t.items)!=null&&r.length||o.items)}),l=e.ref(),f=e.computed(()=>{var r;return t.triggerSubMenuAction??((r=s.triggerSubMenuAction)==null?void 0:r.value)}),S=r=>{var y;(f.value==="click"||(y=n.value)!=null&&y.length)&&(r.stopPropagation(),r.preventDefault())},k=a.getBemBlock("sub_menu"),s=L(),z=e.computed(()=>{var r;return(r=e.getCurrentInstance())==null?void 0:r.vnode.key}),M=Y({}),n=e.computed(()=>{var r;return((r=M.parentKeys)==null?void 0:r.value)??[]});Z({parentKeys:e.computed(()=>[...n.value,z.value])});const g=e.computed(()=>({...t,key:z.value,hasChildren:u.value,parentKeys:n.value})),c=e.computed(()=>{var r;return((r=s.size)==null?void 0:r.value)??t.size}),C=()=>!u.value&&t.disabled,{rootBindings:h,inputBindings:P}=W.UseInputDataStates({getDisabled:C}),V=e.computed(()=>{var r,y,v;return{...Q.omit(t,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:c.value,selected:((r=s.isItemSelected)==null?void 0:r.call(s,g.value))??t.selected,unFocusable:s.onClick?void 0:t.unFocusable,disabled:C(),hoverTrailing:t.hoverTrailing??((y=s.hoverTrailing)==null?void 0:y.value),leadingCenter:t.leadingCenter??((v=s.leadingCenter)==null?void 0:v.value),hasChildren:u.value,onClick:d=>{var b;return(b=s.onClick)==null?void 0:b.call(s,g.value,d)},...P.value}}),O=e.ref(!1),q=e.computed(()=>{var r;return((r=s.isOpen)==null?void 0:r.call(s,z.value))??O.value}),j=r=>{var v,d;(((v=s.isOpen)==null?void 0:v.call(s,z.value))??O.value)!==r&&(s.onChildrenOpenChange?(d=s.onChildrenOpenChange)==null||d.call(s,g.value,r):O.value=r)},_=e.computed(()=>{var r,y,v,d;return u.value?{size:c.value,containerProps:{onClick:S},to:l,reversePlacementOnDir:"rtl",placement:"right-start",containerClass:[a.getBemElement(k,"items"),(r=s.submenuCls)==null?void 0:r.value,t.submenuCls],sideOffset:m.value,forceMount:t.forceMountSubmenu??((y=s.forceMountSubmenu)==null?void 0:y.value),trigger:f.value,closeDelay:((v=s.subMenuCloseDelay)==null?void 0:v.value)??t.subMenuCloseDelay,openDelay:((d=s.subMenuOpenDelay)==null?void 0:d.value)??t.subMenuOpenDelay,open:q.value}:{}});return(r,y)=>{const v=e.resolveComponent("MenuItem",!0);return u.value?(e.openBlock(),e.createBlock(R._sfc_main,e.mergeProps({key:0},_.value,{"onUpdate:open":j}),{content:e.withCtx(()=>[e.renderSlot(r.$slots,"items",e.normalizeProps(e.guardReactiveProps(t)),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,d=>(e.openBlock(),e.createBlock(v,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),b=>({name:b,fn:e.withCtx(F=>[e.renderSlot(r.$slots,b,e.mergeProps({ref_for:!0},F))])}))]),1040))),256))])]),default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(k),t.submenuTriggerCls],ref_key:"root",ref:l},e.unref(h)),[e.createVNode(E,e.mergeProps(V.value,{class:e.unref(a.getBemElement)(e.unref(k),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(o),d=>({name:d,fn:e.withCtx(b=>[e.renderSlot(r.$slots,d,e.normalizeProps(e.guardReactiveProps(b)))])}))]),1040,["class"])],16)):e.createCommentVNode("",!0)]),_:3},16)):(e.openBlock(),e.createBlock(E,e.normalizeProps(e.mergeProps({key:1},V.value)),e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),d=>({name:d,fn:e.withCtx(b=>[e.renderSlot(r.$slots,d,e.normalizeProps(e.guardReactiveProps(b)))])}))]),1040))}}}),A=[...K,"none"];var x="[object Map]",ee="[object Set]",ne=Object.prototype,te=ne.hasOwnProperty;function se(i){if(i==null)return!0;if(B.isArrayLike(i)&&(U.isArray(i)||typeof i=="string"||typeof i.splice=="function"||B.isBuffer(i)||B.isTypedArray(i)||B.isArguments(i)))return!i.length;var t=B.getTag(i);if(t==x||t==ee)return!i.size;if(B.isPrototype(i))return!B.baseKeys(i).length;for(var o in i)if(te.call(i,o))return!1;return!0}const[re,N]=$.createContext("Menu"),L=()=>re({}),oe=e.defineComponent({...I.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(i,{emit:t}){const o=i,m=t,u=a.getBemBlock("menu"),l=T.cva(u,{variants:{gap:a.generateVariantClassList(A,u)}}),f=e.ref(o.openKeys??[]);e.watch(()=>o.openKeys,()=>{f.value=o.openKeys??[]});const S=(n,g)=>{let c=D.cloneDeep(f.value);g?c=[...n.parentKeys,n.key]:c=c.filter(C=>C!==n.key),o.openKeys||(f.value=c),m("update:openKeys",c),m("openChange",c)},k=n=>f.value.includes(n),s=e.ref(o.selectedKeys??[]);e.watch(()=>o.selectedKeys,()=>{s.value=o.selectedKeys??[]});const z=(n,g)=>{const c=![void 0,null].includes(n.key)&&(H.isString(n.key)&&!se(n.key)||G.isNumber(n.key));if(!n.danger&&!n.disabled&&c&&o.selectable&&!n.hasChildren){if(o.multiple)if(s.value.indexOf(n.key)>-1){if(s.value.length>1){const h=D.cloneDeep(s.value).filter(P=>P!==n.key);o.selectedKeys||(s.value=h),m("update:selectedKeys",h),m("deselect",{item:n,selectedKeys:s.value})}}else{const h=[...D.cloneDeep(s.value),n.key];o.selectedKeys||(s.value=h),m("update:selectedKeys",h),m("select",{item:n,selectedKeys:s.value})}else{const C=[n.key];o.selectedKeys||(s.value=C),m("update:selectedKeys",C),m("select",{item:n,selectedKeys:s.value})}m("click",n,g)}},M=n=>!n.danger&&!n.disabled&&s.value.includes(n.key);return N({size:e.computed(()=>o.size),forceMountSubmenu:e.computed(()=>o.forceMountSubmenu),hoverTrailing:e.computed(()=>o.hoverTrailing),leadingCenter:e.computed(()=>o.leadingCenter),subMenuCloseDelay:e.computed(()=>o.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>o.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>o.triggerSubMenuAction),submenuCls:e.computed(()=>o.submenuCls),onClick:z,isItemSelected:M,onChildrenOpenChange:S,isOpen:k}),(n,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)({gap:n.gap??n.size}),o.class]),onClick:g[1]||(g[1]=e.withModifiers(()=>{},["stop"]))},[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"header")]),onClick:g[0]||(g[0]=c=>m("headerClick",c))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"header__title")])},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"header__actions")])},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,c=>(e.openBlock(),e.createBlock(w,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),C=>({name:C,fn:e.withCtx(h=>[e.renderSlot(n.$slots,C,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])],2))}});exports.MenuGaps=A;exports.MenuItemSizes=K;exports._sfc_main=oe;exports._sfc_main$1=w;exports.injectMenuContext=L;exports.provideMenuContext=N;

package/dist/MenuItem/MenuItem.d.ts

@@ -18,12 +18,12 @@ export interface Context {
     parentKeys?: ComputedRef<(string | number)[]>;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<MenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuItemProps> & Readonly<{}>, {
-    size: "sm" | "md" | "lg";
+    size: import('./MenuItem.model.ts', { with: { "resolution-mode": "import" } }).MenuItemSize;
     danger: boolean;
     disabled: boolean;
+    selected: boolean;
     branchIcon: string;
     hoverTrailing: boolean;
-    selected: boolean;
     unFocusable: boolean;
     leadingCenter: boolean;
     subMenuCloseDelay: number;

package/dist/MenuItem/index.js.js

@@ -1,4 +1,4 @@
-import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-Danl_w4K.js";
+import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-B64mJSxF.js";
 export {
   s as MenuItem,
   t as MenuItemSizes,

package/dist/MenuItem/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-eKNVzfnz.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-Sq_kFrSI.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;