@pantograph/vue 0.28.7 → 0.29.1

package/dist/MenuItem.vue_vue_type_style_index_0_lang-pKKwSjqz.js

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

package/dist/SubMenu/index.js

@@ -1,4 +1,4 @@
-import { c as u, c } from "../MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
+import { c as u, c } from "../MenuItem.vue_vue_type_style_index_0_lang-pKKwSjqz.js";
 export {
   u as SubMenu,
   c as default

package/dist/SubMenu/index.umd.cjs

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

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './AvatarGroup';
 export * from './Badge';
 export * from './Button';
 export * from './ButtonGroup';
+export * from './Card';
 export * from './Checkbox';
 export * from './CheckboxGroup';
 export * from './Chip';