@pantograph/vue 0.7.0 → 0.7.2

package/dist/Menu.vue_vue_type_style_index_0_lang-Da97vR8P.js

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