@pantograph/vue 0.8.2 → 0.9.0

package/dist/Menu.vue_vue_type_style_index_0_lang-oedL61ps.js

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

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-CfK6q5lj.js";
+import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-oedL61ps.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-BJqJJOUC.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-C_lbO09l.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;

package/dist/Tree/TreeNode.d.ts

@@ -8,16 +8,22 @@ interface TreeNodeProps {
 export interface TreeNodeSlots {
     switcherIcon?: (props: object & {
         selected: boolean;
+        disabled: boolean;
         checked: boolean | 'indeterminate';
         expanded: boolean;
+        unFocusable: true;
     }) => never;
     title?: (props: object & {
         selected: boolean;
+        disabled: boolean;
         checked: boolean | 'indeterminate';
+        unFocusable: true;
     }) => never;
     dragTrigger?: (props: object & {
         selected: boolean;
+        disabled: boolean;
         checked: boolean | 'indeterminate';
+        unFocusable: true;
     }) => never;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TreeNodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TreeNodeProps> & Readonly<{}>, {

package/dist/Tree/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, a as s, T as t, _ as T, i as o, p as i } from "../Tree.vue_vue_type_style_index_0_lang-DNKIlWsV.js";
+import { _ as r, a as s, T as t, _ as T, i as o, p as i } from "../Tree.vue_vue_type_style_index_0_lang-BHu81SiI.js";
 export {
   r as Tree,
   s as TreeGaps,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-W_3wHAN3.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-D2iXdFbM.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;