@pantograph/vue 0.23.3 → 0.23.4

package/dist/MenuItem.vue_vue_type_style_index_0_lang-DGaSx-eQ.js

@@ -0,0 +1,579 @@
+import { defineComponent as E, useSlots as H, computed as C, useAttrs as ue, createBlock as F, openBlock as b, h as O, ref as q, getCurrentInstance as Y, unref as f, mergeProps as K, withCtx as D, createElementVNode as ce, createVNode as de, createSlots as w, renderList as T, renderSlot as z, normalizeProps as $, guardReactiveProps as N, createElementBlock as j, Fragment as ne, watch as ee, withModifiers as pe, normalizeClass as W, createCommentVNode as Q, createTextVNode as ge, toDisplayString as me } from "vue";
+import { getBemBlock as Z, generateVariantClassList as I, getBemElement as M, usePCId as x } from "@pantograph/utils";
+import { g as J } from "./options-D4et5euX.js";
+import { cva as te } from "class-variance-authority";
+import { h as X, g as Ce } from "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
+import { i as ye } from "./isEmpty-wdqPTIXx.js";
+import { a as ve } from "./index-jwkhq8oW.js";
+import { _ as fe } from "./Popover.vue_vue_type_style_index_0_lang-ColyiCeV.js";
+import { _ as he } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
+import { b as V } from "./element-BfQuKSll.js";
+import { o as be } from "./omit-B3e_dACs.js";
+import { U as se } from "./useInputDataStates-CtuCKcP6.js";
+import { createContext as le } from "reka-ui";
+const oe = ["sm", "md", "lg"], ke = [...oe, "none"], g = Z("menu_item"), ae = /* @__PURE__ */ E({
+  ...J("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: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {},
+    hasChildren: { type: Boolean }
+  },
+  setup(_) {
+    const e = _, t = H(), a = te(g, {
+      variants: {
+        size: I(oe, g),
+        selected: I("selected", g),
+        unFocusable: I("un-focusable", g),
+        danger: I("danger", g),
+        disabled: I("disabled", g),
+        hoverTrailing: I("hover-trailing", g),
+        description: I("description", g),
+        leadingCenter: I("leading-center", g)
+      }
+    }), c = C(() => {
+      const y = () => {
+        switch (e.size) {
+          case "sm":
+            return "2xsm";
+          default:
+            return "xsm";
+        }
+      }, d = () => {
+        switch (e.size) {
+          case "lg":
+            return "md";
+          default:
+            return "sm";
+        }
+      }, o = () => {
+        switch (e.size) {
+          case "sm":
+            return "2xsm";
+          case "md":
+            return "xsm";
+          default:
+            return "sm";
+        }
+      }, u = () => {
+        switch (e.size) {
+          case "lg":
+            return "md";
+          case "md":
+            return "xsm";
+          default:
+            return "2xsm";
+        }
+      };
+      return {
+        iconSize: y(),
+        buttonSize: d(),
+        checkIconSize: o(),
+        switchSize: o(),
+        checkboxSize: y(),
+        avatarSize: u(),
+        graphicalObjectSize: u(),
+        badgeSize: u(),
+        ...e
+      };
+    }), s = ue(), i = () => {
+      var u;
+      const y = (u = t.description) == null ? void 0 : u.call(t, c.value), d = !V(y), o = () => {
+        var A, U, L, G;
+        const m = [], n = (A = t.leading) == null ? void 0 : A.call(t, c.value), p = !V(n);
+        (p || e.leading) && m.push(
+          O(
+            "div",
+            { class: [M(g, "leading"), e.leadingCls] },
+            O(
+              "div",
+              { class: [M(g, "leading_content"), e.leadingContentCls] },
+              p ? n : e.leading
+            )
+          )
+        );
+        const r = (U = t.title) == null ? void 0 : U.call(t, c.value), v = !V(r);
+        if (v || e.title || d || e.description) {
+          const l = [];
+          (v || e.title) && l.push(
+            O(
+              "div",
+              { class: [M(g, "title"), e.titleCls] },
+              v ? r : e.title
+            )
+          ), (d || e.description) && l.push(
+            O(
+              "div",
+              { class: [M(g, "description"), e.descriptionCls] },
+              d ? y : e.description
+            )
+          ), m.push(
+            O(
+              "div",
+              { class: [M(g, "content"), e.contentCls] },
+              l
+            )
+          );
+        }
+        const k = (L = t.trailing) == null ? void 0 : L.call(t, c.value), P = !V(k);
+        if (e.hasChildren) {
+          const l = (G = t.branchIcon) == null ? void 0 : G.call(t, c.value);
+          m.push(
+            O(
+              he,
+              {
+                class: [M(g, "branch"), e.branchCls ?? ""],
+                flipOnDir: "rtl",
+                size: c.value.checkIconSize,
+                icon: e.branchIcon
+              },
+              {
+                default: V(l) ? null : l
+              }
+            )
+          );
+        } else (P || e.trailing) && m.push(
+          O(
+            "div",
+            { class: [M(g, "trailing"), e.trailingCls] },
+            P ? k : e.trailing
+          )
+        );
+        return m;
+      };
+      return O(
+        "div",
+        {
+          ...s,
+          role: "menuitem",
+          tabindex: e.unFocusable ? void 0 : s.tabindex ?? 0,
+          class: [
+            a({
+              size: e.size,
+              selected: e.selected,
+              unFocusable: e.unFocusable,
+              danger: e.danger,
+              disabled: e.disabled,
+              hoverTrailing: e.hoverTrailing,
+              leadingCenter: e.leadingCenter,
+              description: !!(d || e.description)
+            }),
+            e.class
+          ]
+        },
+        o()
+      );
+    };
+    return (y, d) => (b(), F(i));
+  }
+}), [Se, Me] = le("SubMenu"), Be = /* @__PURE__ */ E({
+  ...J("MenuItem"),
+  __name: "SubMenu",
+  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: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: { default: "tabler:chevron-right" }
+  },
+  setup(_) {
+    const e = _, t = H(), a = C(() => {
+      switch (e.size) {
+        case "lg":
+          return 10;
+        case "md":
+          return 8;
+        default:
+          return 6;
+      }
+    }), c = q(), s = re(), i = C(() => {
+      var l;
+      return e.triggerSubMenuAction ?? ((l = s.props) == null ? void 0 : l.triggerSubMenuAction);
+    }), y = Se({
+      parentKeys: []
+    }), d = (l) => {
+      var B;
+      (i.value === "click" || (B = f(y.parentKeys)) != null && B.length) && (l.stopPropagation(), l.preventDefault());
+    }, o = Z("sub_menu"), u = x(o), m = C(() => {
+      var l;
+      return ((l = Y()) == null ? void 0 : l.vnode.key) ?? u;
+    });
+    Me({
+      parentKeys: C(() => [...f(y.parentKeys), m.value])
+    });
+    const n = C(() => ({
+      ...e,
+      key: m.value,
+      hasChildren: !0,
+      parentKeys: f(y.parentKeys)
+    })), p = C(() => {
+      var l;
+      return ((l = s.props) == null ? void 0 : l.size) ?? e.size;
+    }), r = () => !1, { rootBindings: v, inputBindings: k } = se({
+      getDisabled: r
+    }), P = C(() => {
+      var l, B, h;
+      return {
+        ...be(
+          e,
+          "subMenuOpenDelay",
+          "triggerSubMenuAction",
+          "submenuTriggerCls",
+          "submenuCls",
+          "forceMountSubmenu",
+          "items"
+        ),
+        size: p.value,
+        selected: ((l = s.isItemSelected) == null ? void 0 : l.call(s, n.value)) ?? e.selected,
+        unFocusable: s.onClick ? void 0 : e.unFocusable,
+        disabled: r(),
+        hoverTrailing: e.hoverTrailing ?? ((B = s.props) == null ? void 0 : B.hoverTrailing),
+        leadingCenter: e.leadingCenter ?? ((h = s.props) == null ? void 0 : h.leadingCenter),
+        hasChildren: !0,
+        onClick: (S) => {
+          var R;
+          return (R = s.onClick) == null ? void 0 : R.call(s, n.value, S);
+        },
+        ...k.value
+      };
+    }), A = q(!1), U = C(() => {
+      var l;
+      return ((l = s.isOpen) == null ? void 0 : l.call(s, m.value)) ?? A.value;
+    }), L = (l) => {
+      var h, S;
+      (((h = s.isOpen) == null ? void 0 : h.call(s, m.value)) ?? A.value) !== l && (s.onChildrenOpenChange ? (S = s.onChildrenOpenChange) == null || S.call(s, n.value, l) : A.value = l);
+    }, G = C(() => {
+      var l, B, h, S;
+      return {
+        size: p.value,
+        containerProps: {
+          onClick: d
+        },
+        to: c,
+        reversePlacementOnDir: "rtl",
+        placement: "right-start",
+        containerCls: [
+          M(o, "items"),
+          (l = s.props) == null ? void 0 : l.submenuCls,
+          e.submenuCls
+        ],
+        sideOffset: a.value,
+        forceMount: e.forceMountSubmenu ?? ((B = s.props) == null ? void 0 : B.forceMountSubmenu),
+        trigger: i.value,
+        closeDelay: ((h = s.props) == null ? void 0 : h.subMenuCloseDelay) ?? e.subMenuCloseDelay,
+        openDelay: ((S = s.props) == null ? void 0 : S.subMenuOpenDelay) ?? e.subMenuOpenDelay,
+        open: U.value
+      };
+    });
+    return (l, B) => (b(), F(fe, K(G.value, { "onUpdate:open": L }), {
+      content: D(() => [
+        z(l.$slots, "items", $(N({ ...e, key: m.value })), () => [
+          (b(!0), j(ne, null, T(l.items, (h) => (b(), F(ie, K({ ref_for: !0 }, h), w({ _: 2 }, [
+            T(Object.keys(t), (S) => ({
+              name: S,
+              fn: D((R) => [
+                z(l.$slots, S, K({ ref_for: !0 }, R))
+              ])
+            }))
+          ]), 1040))), 256))
+        ])
+      ]),
+      default: D(() => [
+        ce("div", K({
+          class: [f(o), e.submenuTriggerCls],
+          ref_key: "root",
+          ref: c
+        }, f(v)), [
+          de(ae, K(P.value, {
+            class: f(M)(f(o), "trigger")
+          }), w({ _: 2 }, [
+            T(Object.keys(t), (h) => ({
+              name: h,
+              fn: D((S) => [
+                z(l.$slots, h, $(N(S)))
+              ])
+            }))
+          ]), 1040, ["class"])
+        ], 16)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ie = /* @__PURE__ */ E({
+  __name: "MenuItemWrapper",
+  props: {
+    subMenuCloseDelay: {},
+    subMenuOpenDelay: {},
+    triggerSubMenuAction: {},
+    submenuTriggerCls: {},
+    submenuCls: {},
+    forceMountSubmenu: { type: Boolean },
+    items: {},
+    size: {},
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {}
+  },
+  setup(_) {
+    const e = _, t = H(), a = C(() => {
+      var i;
+      return !!((i = e.items) != null && i.length || t.items);
+    }), c = x("menu-item"), s = C(() => {
+      var i;
+      return ((i = Y()) == null ? void 0 : i.vnode.key) ?? c;
+    });
+    return (i, y) => a.value ? (b(), F(Be, $(K({ key: 0 }, { ...e, key: s.value })), w({ _: 2 }, [
+      T(Object.keys(i.$slots), (d) => ({
+        name: d,
+        fn: D((o) => [
+          z(i.$slots, d, $(N(o)))
+        ])
+      }))
+    ]), 1040)) : (b(), F(Ie, $(K({ key: 1 }, { ...e, key: s.value })), w({ _: 2 }, [
+      T(Object.keys(i.$slots), (d) => ({
+        name: d,
+        fn: D((o) => [
+          z(i.$slots, d, $(N(o)))
+        ])
+      }))
+    ]), 1040));
+  }
+}), [ze, _e] = le("Menu"), re = () => ze({}), Ue = /* @__PURE__ */ E({
+  ...J("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(_, { emit: e }) {
+    const t = _, a = e, c = Z("menu"), s = te(c, {
+      variants: {
+        gap: I(ke, c)
+      }
+    }), i = q(t.openKeys ?? []);
+    ee(
+      () => t.openKeys,
+      () => {
+        i.value = t.openKeys ?? [];
+      }
+    );
+    const y = (n, p) => {
+      let r = X(i.value);
+      p ? r = [...n.parentKeys ?? [], n.key] : r = r.filter((v) => v !== n.key), t.openKeys || (i.value = r), a("update:openKeys", r), a("openChange", r);
+    }, d = (n) => i.value.includes(n), o = q(t.selectedKeys ?? []);
+    return ee(
+      () => t.selectedKeys,
+      () => {
+        o.value = t.selectedKeys ?? [];
+      }
+    ), _e({
+      props: t,
+      onClick: (n, p) => {
+        const r = ![void 0, null].includes(n.key) && (ve(n.key) && !ye(n.key) || Ce(n.key));
+        if (!n.danger && !n.disabled && r && t.selectable && !n.hasChildren) {
+          if (t.multiple)
+            if (o.value.indexOf(n.key) > -1) {
+              if (o.value.length > 1) {
+                const k = X(o.value).filter((P) => P !== n.key);
+                t.selectedKeys || (o.value = k), a("update:selectedKeys", k), a("deselect", { item: n, selectedKeys: o.value });
+              }
+            } else {
+              const k = [...X(o.value), n.key];
+              t.selectedKeys || (o.value = k), a("update:selectedKeys", k), a("select", { item: n, selectedKeys: o.value });
+            }
+          else {
+            const v = [n.key];
+            t.selectedKeys || (o.value = v), a("update:selectedKeys", v), a("select", { item: n, selectedKeys: o.value });
+          }
+          a("click", n, p);
+        }
+      },
+      isItemSelected: (n) => !n.danger && !n.disabled && o.value.includes(n.key),
+      onChildrenOpenChange: y,
+      isOpen: d
+    }), (n, p) => (b(), j("div", {
+      class: W([f(s)({ gap: n.gap ?? n.size }), t.class]),
+      onClick: p[1] || (p[1] = pe(() => {
+      }, ["stop"]))
+    }, [
+      n.$slots.header || n.header || n.$slots.headerActions ? (b(), j("div", {
+        key: 0,
+        class: W([f(M)(f(c), "header")]),
+        onClick: p[0] || (p[0] = (r) => a("headerClick", r))
+      }, [
+        n.$slots.header || n.header ? (b(), j("div", {
+          key: 0,
+          class: W([f(M)(f(c), "header__title")])
+        }, [
+          z(n.$slots, "header", {}, () => [
+            ge(me(n.header), 1)
+          ])
+        ], 2)) : Q("", !0),
+        n.$slots.headerActions ? (b(), j("div", {
+          key: 1,
+          class: W([f(M)(f(c), "header__actions")])
+        }, [
+          z(n.$slots, "headerActions")
+        ], 2)) : Q("", !0)
+      ], 2)) : Q("", !0),
+      z(n.$slots, "default", {}, () => [
+        (b(!0), j(ne, null, T(n.items, (r) => (b(), F(ie, K({ ref_for: !0 }, r), w({ _: 2 }, [
+          T(Object.keys(n.$slots), (v) => ({
+            name: v,
+            fn: D((k) => [
+              z(n.$slots, v, K({ ref_for: !0 }, k))
+            ])
+          }))
+        ]), 1040))), 256))
+      ])
+    ], 2));
+  }
+}), Ie = /* @__PURE__ */ E({
+  ...J("MenuItem"),
+  __name: "MenuItem",
+  props: {
+    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: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {}
+  },
+  setup(_) {
+    const e = _, t = H(), a = re(), c = x(g), s = C(() => {
+      var u;
+      return ((u = Y()) == null ? void 0 : u.vnode.key) ?? c;
+    }), i = C(() => ({
+      ...e,
+      key: s.value
+    })), y = C(() => {
+      var u;
+      return ((u = a.props) == null ? void 0 : u.size) ?? e.size;
+    }), { inputBindings: d } = se({
+      getDisabled: () => e.disabled
+    }), o = C(() => {
+      var u, m, n;
+      return {
+        ...e,
+        size: y.value,
+        selected: ((u = a.isItemSelected) == null ? void 0 : u.call(a, i.value)) ?? e.selected,
+        unFocusable: a.onClick ? void 0 : e.unFocusable,
+        hoverTrailing: e.hoverTrailing ?? ((m = a.props) == null ? void 0 : m.hoverTrailing),
+        leadingCenter: e.leadingCenter ?? ((n = a.props) == null ? void 0 : n.leadingCenter),
+        onClick: (p) => {
+          var r;
+          return (r = a.onClick) == null ? void 0 : r.call(a, i.value, p);
+        },
+        ...d.value
+      };
+    });
+    return (u, m) => (b(), F(ae, $(N(o.value)), w({ _: 2 }, [
+      T(Object.keys(t), (n) => ({
+        name: n,
+        fn: D((p) => [
+          z(u.$slots, n, $(N({ ...p, key: s.value })))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  ke as M,
+  Ue as _,
+  Ie as a,
+  oe as b,
+  Be as c,
+  re as i,
+  _e as p
+};

package/dist/MenuItem.vue_vue_type_style_index_0_lang-DL9Njg73.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("@pantograph/utils"),D=require("./options-CWrQ7gsa.js"),L=require("class-variance-authority"),K=require("./FormItem.vue_vue_type_style_index_0_lang-s7o6crR0.js"),x=require("./isEmpty-bCllo8T9.js"),U=require("./index-DWw7aruo.js"),G=require("./Popover.vue_vue_type_style_index_0_lang-CZYvVeso.js"),W=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),M=require("./element-BjE0SVc4.js"),H=require("./omit-DEPypqqe.js"),V=require("./useInputDataStates-DEfYzXQl.js"),w=require("reka-ui"),$=["sm","md","lg"],F=[...$,"none"],C=i.getBemBlock("menu_item"),q=e.defineComponent({...D.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:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(S){const n=S,s=e.useSlots(),a=L.cva(C,{variants:{size:i.generateVariantClassList($,C),selected:i.generateVariantClassList("selected",C),unFocusable:i.generateVariantClassList("un-focusable",C),danger:i.generateVariantClassList("danger",C),disabled:i.generateVariantClassList("disabled",C),hoverTrailing:i.generateVariantClassList("hover-trailing",C),description:i.generateVariantClassList("description",C),leadingCenter:i.generateVariantClassList("leading-center",C)}}),p=e.computed(()=>{const v=()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}},g=()=>{switch(n.size){case"lg":return"md";default:return"sm"}},r=()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},d=()=>{switch(n.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:v(),buttonSize:g(),checkIconSize:r(),switchSize:r(),checkboxSize:v(),avatarSize:d(),graphicalObjectSize:d(),badgeSize:d(),...n}}),o=e.useAttrs(),u=()=>{var d;const v=(d=s.description)==null?void 0:d.call(s,p.value),g=!M.isEmptyElement(v),r=()=>{var z,I,P,E;const y=[],t=(z=s.leading)==null?void 0:z.call(s,p.value),m=!M.isEmptyElement(t);(m||n.leading)&&y.push(e.h("div",{class:[i.getBemElement(C,"leading"),n.leadingCls]},e.h("div",{class:[i.getBemElement(C,"leading_content"),n.leadingContentCls]},m?t:n.leading)));const c=(I=s.title)==null?void 0:I.call(s,p.value),f=!M.isEmptyElement(c);if(f||n.title||g||n.description){const l=[];(f||n.title)&&l.push(e.h("div",{class:[i.getBemElement(C,"title"),n.titleCls]},f?c:n.title)),(g||n.description)&&l.push(e.h("div",{class:[i.getBemElement(C,"description"),n.descriptionCls]},g?v:n.description)),y.push(e.h("div",{class:[i.getBemElement(C,"content"),n.contentCls]},l))}const b=(P=s.trailing)==null?void 0:P.call(s,p.value),_=!M.isEmptyElement(b);if(n.hasChildren){const l=(E=s.branchIcon)==null?void 0:E.call(s,p.value);y.push(e.h(W._sfc_main,{class:[i.getBemElement(C,"branch"),n.branchCls??""],flipOnDir:"rtl",size:p.value.checkIconSize,icon:n.branchIcon},{default:M.isEmptyElement(l)?null:l}))}else(_||n.trailing)&&y.push(e.h("div",{class:[i.getBemElement(C,"trailing"),n.trailingCls]},_?b:n.trailing));return y};return e.h("div",{...o,role:"menuitem",tabindex:n.unFocusable?void 0:o.tabindex??0,class:[a({size:n.size,selected:n.selected,unFocusable:n.unFocusable,danger:n.danger,disabled:n.disabled,hoverTrailing:n.hoverTrailing,leadingCenter:n.leadingCenter,description:!!(g||n.description)}),n.class]},r())};return(v,g)=>(e.openBlock(),e.createBlock(u))}}),[J,Q]=w.createContext("SubMenu"),A=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"SubMenu",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:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(S){const n=S,s=e.useSlots(),a=e.computed(()=>{switch(n.size){case"lg":return 10;case"md":return 8;default:return 6}}),p=e.ref(),o=T(),u=e.computed(()=>{var l;return n.triggerSubMenuAction??((l=o.props)==null?void 0:l.triggerSubMenuAction)}),v=J({parentKeys:[]}),g=l=>{var B;(u.value==="click"||(B=e.unref(v.parentKeys))!=null&&B.length)&&(l.stopPropagation(),l.preventDefault())},r=i.getBemBlock("sub_menu"),d=i.usePCId(r),y=e.computed(()=>{var l;return((l=e.getCurrentInstance())==null?void 0:l.vnode.key)??d});Q({parentKeys:e.computed(()=>[...e.unref(v.parentKeys),y.value])});const t=e.computed(()=>({...n,key:y.value,hasChildren:!0,parentKeys:e.unref(v.parentKeys)})),m=e.computed(()=>{var l;return((l=o.props)==null?void 0:l.size)??n.size}),c=()=>!1,{rootBindings:f,inputBindings:b}=V.UseInputDataStates({getDisabled:c}),_=e.computed(()=>{var l,B,h;return{...H.omit(n,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:m.value,selected:((l=o.isItemSelected)==null?void 0:l.call(o,t.value))??n.selected,unFocusable:o.onClick?void 0:n.unFocusable,disabled:c(),hoverTrailing:n.hoverTrailing??((B=o.props)==null?void 0:B.hoverTrailing),leadingCenter:n.leadingCenter??((h=o.props)==null?void 0:h.leadingCenter),hasChildren:!0,onClick:k=>{var O;return(O=o.onClick)==null?void 0:O.call(o,t.value,k)},...b.value}}),z=e.ref(!1),I=e.computed(()=>{var l;return((l=o.isOpen)==null?void 0:l.call(o,y.value))??z.value}),P=l=>{var h,k;(((h=o.isOpen)==null?void 0:h.call(o,y.value))??z.value)!==l&&(o.onChildrenOpenChange?(k=o.onChildrenOpenChange)==null||k.call(o,t.value,l):z.value=l)},E=e.computed(()=>{var l,B,h,k;return{size:m.value,containerProps:{onClick:g},to:p,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[i.getBemElement(r,"items"),(l=o.props)==null?void 0:l.submenuCls,n.submenuCls],sideOffset:a.value,forceMount:n.forceMountSubmenu??((B=o.props)==null?void 0:B.forceMountSubmenu),trigger:u.value,closeDelay:((h=o.props)==null?void 0:h.subMenuCloseDelay)??n.subMenuCloseDelay,openDelay:((k=o.props)==null?void 0:k.subMenuOpenDelay)??n.subMenuOpenDelay,open:I.value}});return(l,B)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(E.value,{"onUpdate:open":P}),{content:e.withCtx(()=>[e.renderSlot(l.$slots,"items",e.normalizeProps(e.guardReactiveProps({...n,key:y.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,h=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},h),e.createSlots({_:2},[e.renderList(Object.keys(s),k=>({name:k,fn:e.withCtx(O=>[e.renderSlot(l.$slots,k,e.mergeProps({ref_for:!0},O))])}))]),1040))),256))])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:[e.unref(r),n.submenuTriggerCls],ref_key:"root",ref:p},e.unref(f)),[e.createVNode(q,e.mergeProps(_.value,{class:e.unref(i.getBemElement)(e.unref(r),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(s),h=>({name:h,fn:e.withCtx(k=>[e.renderSlot(l.$slots,h,e.normalizeProps(e.guardReactiveProps(k)))])}))]),1040,["class"])],16)]),_:3},16))}}),j=e.defineComponent({__name:"MenuItemWrapper",props:{subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean},items:{},size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{}},setup(S){const n=S,s=e.useSlots(),a=e.computed(()=>{var u;return!!((u=n.items)!=null&&u.length||s.items)}),p=i.usePCId("menu-item"),o=e.computed(()=>{var u;return((u=e.getCurrentInstance())==null?void 0:u.vnode.key)??p});return(u,v)=>a.value?(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:0},{...n,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(u.$slots),g=>({name:g,fn:e.withCtx(r=>[e.renderSlot(u.$slots,g,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040)):(e.openBlock(),e.createBlock(R,e.normalizeProps(e.mergeProps({key:1},{...n,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(u.$slots),g=>({name:g,fn:e.withCtx(r=>[e.renderSlot(u.$slots,g,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040))}}),[X,N]=w.createContext("Menu"),T=()=>X({}),Y=e.defineComponent({...D.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(S,{emit:n}){const s=S,a=n,p=i.getBemBlock("menu"),o=L.cva(p,{variants:{gap:i.generateVariantClassList(F,p)}}),u=e.ref(s.openKeys??[]);e.watch(()=>s.openKeys,()=>{u.value=s.openKeys??[]});const v=(t,m)=>{let c=K.cloneDeep(u.value);m?c=[...t.parentKeys??[],t.key]:c=c.filter(f=>f!==t.key),s.openKeys||(u.value=c),a("update:openKeys",c),a("openChange",c)},g=t=>u.value.includes(t),r=e.ref(s.selectedKeys??[]);return e.watch(()=>s.selectedKeys,()=>{r.value=s.selectedKeys??[]}),N({props:s,onClick:(t,m)=>{const c=![void 0,null].includes(t.key)&&(U.isString(t.key)&&!x.isEmpty(t.key)||K.isNumber(t.key));if(!t.danger&&!t.disabled&&c&&s.selectable&&!t.hasChildren){if(s.multiple)if(r.value.indexOf(t.key)>-1){if(r.value.length>1){const b=K.cloneDeep(r.value).filter(_=>_!==t.key);s.selectedKeys||(r.value=b),a("update:selectedKeys",b),a("deselect",{item:t,selectedKeys:r.value})}}else{const b=[...K.cloneDeep(r.value),t.key];s.selectedKeys||(r.value=b),a("update:selectedKeys",b),a("select",{item:t,selectedKeys:r.value})}else{const f=[t.key];s.selectedKeys||(r.value=f),a("update:selectedKeys",f),a("select",{item:t,selectedKeys:r.value})}a("click",t,m)}},isItemSelected:t=>!t.danger&&!t.disabled&&r.value.includes(t.key),onChildrenOpenChange:v,isOpen:g}),(t,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)({gap:t.gap??t.size}),s.class]),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["stop"]))},[t.$slots.header||t.header||t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(p),"header")]),onClick:m[0]||(m[0]=c=>a("headerClick",c))},[t.$slots.header||t.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(p),"header__title")])},[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)])],2)):e.createCommentVNode("",!0),t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(p),"header__actions")])},[e.renderSlot(t.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,c=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),f=>({name:f,fn:e.withCtx(b=>[e.renderSlot(t.$slots,f,e.mergeProps({ref_for:!0},b))])}))]),1040))),256))])],2))}}),R=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"MenuItem",props:{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:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{}},setup(S){const n=S,s=e.useSlots(),a=T(),p=i.usePCId(C),o=e.computed(()=>{var d;return((d=e.getCurrentInstance())==null?void 0:d.vnode.key)??p}),u=e.computed(()=>({...n,key:o.value})),v=e.computed(()=>{var d;return((d=a.props)==null?void 0:d.size)??n.size}),{inputBindings:g}=V.UseInputDataStates({getDisabled:()=>n.disabled}),r=e.computed(()=>{var d,y,t;return{...n,size:v.value,selected:((d=a.isItemSelected)==null?void 0:d.call(a,u.value))??n.selected,unFocusable:a.onClick?void 0:n.unFocusable,hoverTrailing:n.hoverTrailing??((y=a.props)==null?void 0:y.hoverTrailing),leadingCenter:n.leadingCenter??((t=a.props)==null?void 0:t.leadingCenter),onClick:m=>{var c;return(c=a.onClick)==null?void 0:c.call(a,u.value,m)},...g.value}});return(d,y)=>(e.openBlock(),e.createBlock(q,e.normalizeProps(e.guardReactiveProps(r.value)),e.createSlots({_:2},[e.renderList(Object.keys(s),t=>({name:t,fn:e.withCtx(m=>[e.renderSlot(d.$slots,t,e.normalizeProps(e.guardReactiveProps({...m,key:o.value})))])}))]),1040))}});exports.MenuGaps=F;exports.MenuItemSizes=$;exports._sfc_main=Y;exports._sfc_main$1=R;exports._sfc_main$2=A;exports.injectMenuContext=T;exports.provideMenuContext=N;

package/dist/Popover/Popover.d.ts

@@ -18,7 +18,7 @@ export interface PopoverProps extends HoverCardRootProps, Omit<PopoverPortalProp
     zIndex?: number | string;
 }
 export interface PopoverSlots {
-    default?: () => never;
+    default?: (data?: object) => never;
     content?: () => never;
 }
 declare function __VLS_template(): {

package/dist/Popover/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-B-MX4Q7D.js";
+import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-ColyiCeV.js";
 export {
   a as Popover,
   s as PopoverPlacements,

package/dist/Popover/index.umd.cjs

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

package/dist/Popover/utils.d.ts

@@ -1,7 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import { PopoverContentProps } from 'reka-ui';
 import { Direction, FlipOnDir } from '../ConfigProvider/index.js';
-export declare const getAsChildOnPopoverTrigger: <T extends object>(slotName?: keyof T) => ComputedRef<boolean>;
 declare const popoverPortalPropsKeys: readonly ["to", "disabled", "forceMount"];
 type PopoverPortalPropsName = Partial<Record<(typeof popoverPortalPropsKeys)[number], string>>;
 export declare const getPopoverPortalProps: ({ triggerRef, props: _props }: {

package/dist/Popover.vue_vue_type_style_index_0_lang-CZYvVeso.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),F=require("@pantograph/utils"),ne=require("class-variance-authority"),p=require("reka-ui"),re=require("./options-CWrQ7gsa.js"),se=require("./index-DWw7aruo.js"),o=require("./FormItem.vue_vue_type_style_index_0_lang-s7o6crR0.js"),ie=require("./omit-DEPypqqe.js"),q=require("./element-BjE0SVc4.js"),$=["sm","md","lg"],ae=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],le=["to","disabled","forceMount"],r=Object.fromEntries(le.map(i=>[i,i])),W=({triggerRef:i,props:g},m=r)=>e.computed(()=>{var f,C,O,B,D;const{to:P=r.to,forceMount:a=r.forceMount,disabled:v=r.disabled}=m,d=e.getCurrentInstance(),n=g??(d==null?void 0:d.props)??{},t=o.get(n,P),u=o.get(n,v),y=o.get(n,a);let h=((f=e.unref(t))==null?void 0:f.$el)??e.unref(t);if(t instanceof Function){const b=((O=(C=i.value)==null?void 0:C.$el)==null?void 0:O.nodeName)!=="#text"?(B=i.value)==null?void 0:B.$el:(D=i.value)==null?void 0:D.$el.nextSibling;h=t(b)}return{to:h,disabled:u,forceMount:y}}),ce=["prioritizePosition","placement","sideOffset","alignOffset","sticky","collisionBoundary","avoidCollisions","collisionPadding","forceMount","disableUpdateOnLayoutShift","hideWhenDetached","positionStrategy","reference","updatePositionStrategy","autoFocusInside","containerProps"],pe=Object.fromEntries(ce.map(i=>[i,i])),x=({props:i,flip:g,_dir:m,controlAutoFocus:P,extraPropNames:a,emitsAsProps:v},d=pe)=>e.computed(()=>{var L;const n=e.getCurrentInstance(),t=i??(n==null?void 0:n.props)??{},{prioritizePosition:u=r.prioritizePosition,placement:y=r.placement,sideOffset:h=r.sideOffset,alignOffset:f=r.alignOffset,sticky:C=r.sticky,collisionBoundary:O=r.collisionBoundary,avoidCollisions:B=r.avoidCollisions,collisionPadding:D=r.collisionPadding,forceMount:b=r.forceMount,disableUpdateOnLayoutShift:z=r.disableUpdateOnLayoutShift,hideWhenDetached:w=r.hideWhenDetached,positionStrategy:I=r.positionStrategy,reference:A=r.reference,updatePositionStrategy:_=r.updatePositionStrategy,autoFocusInside:M=r.autoFocusInside,containerProps:s=r.containerProps}=d,S=o.get(t,u),l=o.get(t,y),H=o.get(t,h),K=o.get(t,f),j=o.get(t,C),R=o.get(t,O),T=o.get(t,B),V=o.get(t,D),G=o.get(t,b),J=o.get(t,z),Q=o.get(t,w),X=o.get(t,I),Y=o.get(t,A),Z=o.get(t,_),U=o.get(t,M),ee=o.get(t,s);let[k="bottom",oe="center"]=((L=l==null?void 0:l.split)==null?void 0:L.call(l,"-"))||["bottom","center"];g.value&&m.value&&m.value===g.value&&(k={right:"left",left:"right"}[k]??k);const E={};P&&(E.onCloseAutoFocus=c=>{var N;U||c.preventDefault(),(N=n==null?void 0:n.emit)==null||N.call(n,"closeAutoFocus",c)},E.onOpenAutoFocus=c=>{var N;U||c.preventDefault(),(N=n==null?void 0:n.emit)==null||N.call(n,"openAutoFocus",c)});const te=o.omitBy(Object.fromEntries((Array.isArray(a)?a:[]).map(c=>[c,o.get(t,c)])),o.isUndefined);return{...o.pick(v,"onEscapeKeyDown","onFocusOutside","onInteractOutside","onPointerDownOutside"),...ie.omit(ee??{},"class"),...te,sticky:j,prioritizePosition:S,side:k,align:oe,sideOffset:H,alignOffset:K,collisionBoundary:R,avoidCollisions:T,collisionPadding:V,forceMount:G,disableUpdateOnLayoutShift:J,hideWhenDetached:Q,positionStrategy:X,reference:Y,updatePositionStrategy:Z,...E}}),de=e.defineComponent({...re.getComponentOptions("Popover",!1),__name:"Popover",props:{dir:{},class:{},containerCls:{},containerProps:{},trigger:{default:"hover"},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},zIndex:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},disableOutsidePointerEvents:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(i,{emit:g}){const m=g,P=p.useEmitAsProps(m),a=i,v=F.getBemBlock("popover"),d=F.getBemElement(v,"trigger"),n=F.getBemElement(v,"content"),t=ne.cva(n,{variants:{size:F.generateVariantClassList($,n)}}),u=e.useSlots(),y=e.computed(()=>{var l;const s=q.filterEmpty((l=u.default)==null?void 0:l.call(u,{}))??null,S=s.length===1?s[0]:s;return S?q.isValidElement(S)&&!q.isFragment(S):!0}),h=e.computed(()=>({...o.pick(a,"open","defaultOpen"),...o.pick(P,"onUpdate:open")})),f=e.ref(),C=W({triggerRef:f}),O=e.computed(()=>a.trigger==="hover"?p.HoverCardRoot:p.PopoverRoot),B=e.computed(()=>a.trigger==="hover"?p.HoverCardTrigger:p.PopoverTrigger),D=e.computed(()=>a.trigger==="hover"?p.HoverCardPortal:p.PopoverPortal),b=e.computed(()=>a.trigger==="hover"?p.HoverCardContent:p.PopoverContent),{getFlipOnDir:z,getDir:w}=se.useConfig(),I=z("reversePlacementOnDir"),A=w(),_=x({emitsAsProps:P,flip:I,_dir:A,controlAutoFocus:!0}),M=s=>{a.trigger==="hover"&&s.stopPropagation()};return(s,S)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O.value),e.mergeProps({key:y.value},h.value,{openDelay:s.openDelay,closeDelay:s.closeDelay}),{default:e.withCtx(({open:l})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B.value),e.mergeProps({asChild:y.value,as:"span",class:[e.unref(d),a.class],onPointerdown:M},s.$attrs,{dir:s.dir,ref_key:"triggerRef",ref:f}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["asChild","class","dir"])),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(D.value),e.normalizeProps(e.guardReactiveProps(e.unref(C))),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.value),e.mergeProps({style:{zIndex:s.zIndex}},e.unref(_),{class:[e.unref(t)({size:s.size}),s.$attrs.containerClass,s.containerCls]}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"content")]),_:2},1040,["style","class"])),[[e.vShow,l]])]),_:2},1040))]),_:3},16,["openDelay","closeDelay"]))}});exports.PopoverPlacements=ae;exports.PopoverSizes=$;exports._sfc_main=de;exports.getPopoverContentProps=x;exports.getPopoverPortalProps=W;