@pantograph/vue 0.30.8 → 0.30.10

package/dist/MenuItem.vue_vue_type_style_index_0_lang-DsicR4mL.js

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

package/dist/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { PaginationJustify } from './Pagination.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface PaginationProps {
     page?: number;
     total?: number;