@pantograph/vue 0.29.1 → 0.29.3

package/dist/Tabs/index.js

@@ -1,11 +1,376 @@
-import { c as t, a as b, b as e, _ as T, T as i, i as o, p as r, t as n } from "../TabContent.vue_vue_type_script_setup_true_lang-D0L4W1At.js";
+import { defineComponent as j, computed as L, createBlock as A, openBlock as y, unref as e, isRef as le, withCtx as I, renderSlot as U, useSlots as Z, ref as q, watch as ne, onMounted as re, render as ie, h as m, onBeforeUnmount as de, createVNode as B, normalizeStyle as ce, normalizeClass as d, createElementVNode as w, createElementBlock as G, createCommentVNode as J, normalizeProps as ee, guardReactiveProps as te, withModifiers as ue } from "vue";
+import { createContext as fe, TabsRoot as pe, TabsList as ge, TabsIndicator as me, TabsTrigger as ve, TabsContent as be } from "reka-ui";
+import { useConfig as Ce } from "../ConfigProvider/index.js";
+import { useVModel as Te, useCollection as se, isEmptyElement as R, installComponent as F } from "@pantograph/utils-vue";
+import { getComponentOptions as H, getBemBlock as ye, getBemElement as n, generateVariantClassList as Q, sortPlaceholderCls as Pe, sortPlaceholderVariantsClass as _e, normCls as c, usePCId as he, getComponentName as K } from "@pantograph/utils";
+import Se from "@pantograph/sortable";
+import { useScroll as xe } from "@vueuse/core";
+import { cva as oe } from "class-variance-authority";
+import { _ as W } from "../FloatButton.vue_vue_type_script_setup_true_lang-CjWleMQR.js";
+import { _ as X } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import { i as Y } from "../isNumber-BduWbB-B.js";
+import { _ as Be } from "../Skeleton.vue_vue_type_style_index_0_lang-DeNnx4lD.js";
+import { _ as ke } from "../Badge.vue_vue_type_script_setup_true_lang-BvaT1pMA.js";
+const [ae, ze] = fe("Tabs"), $e = /* @__PURE__ */ j({
+  ...H("Tabs", !1),
+  __name: "Tabs",
+  props: {
+    block: { type: Boolean },
+    draggable: { type: Boolean },
+    size: { default: "md" },
+    sortableProps: {},
+    defaultValue: {},
+    orientation: {},
+    dir: {},
+    activationMode: {},
+    modelValue: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["change", "dragStart", "dragEnd", "update:modelValue"],
+  setup(P, { emit: s }) {
+    const t = P, v = s, u = Te(t, "modelValue", v, {
+      defaultValue: t.defaultValue,
+      passive: t.defaultValue === void 0,
+      onChange: (_) => v("change", _)
+    }), { getDir: b } = Ce(), p = b();
+    return ze({
+      props: t,
+      emit: v,
+      dir: p,
+      slotProps: L(() => ({
+        size: t.size === "lg" ? "md" : "sm",
+        iconSize: t.size === "lg" ? "sm" : "xsm"
+      }))
+    }), (_, k) => (y(), A(e(pe), {
+      asChild: "",
+      orientation: "horizontal",
+      modelValue: e(u),
+      "onUpdate:modelValue": k[0] || (k[0] = (h) => le(u) ? u.value = h : null),
+      dir: e(p)
+    }, {
+      default: I(() => [
+        U(_.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "dir"]));
+  }
+}), Ve = ["md", "lg"], l = ye("tabs"), g = n(l, "trigger"), Me = /* @__PURE__ */ j({
+  ...H("TabList"),
+  __name: "TabList",
+  props: {
+    class: {},
+    indicatorCls: {},
+    containerCls: {},
+    fixedActionsCls: {},
+    actionsCls: {},
+    startScrollCls: {},
+    endScrollCls: {}
+  },
+  setup(P) {
+    const s = P, t = Z(), v = oe(l, {
+      variants: {
+        block: Q("block", l),
+        size: Q(Ve, l)
+      }
+    }), u = q(), { arrivedState: b, x: p, measure: _ } = xe(u), { CollectionSlot: k, itemMap: h } = se({ isProvider: !0, key: l }), a = L(() => Array.from(h.value.keys()).toString());
+    ne(a, _, { immediate: !0 });
+    const C = L(() => S.value ? !1 : i.dir.value === "ltr" ? !b.left : !b.right), E = L(() => S.value ? !1 : i.dir.value === "ltr" ? !b.right : !b.left), i = ae();
+    let f;
+    function T() {
+      f && clearInterval(f), f = null;
+    }
+    const z = (r) => {
+      r ? N() : T();
+    }, N = () => {
+      f || (f = setInterval(() => {
+        Y(p.value) && (E.value ? p.value += 10 : T());
+      }, 10));
+    }, $ = (r) => {
+      r ? D() : T();
+    }, D = () => {
+      f || (f = setInterval(() => {
+        Y(p.value) && (C.value ? p.value -= 10 : T());
+      }, 10));
+    }, O = () => {
+      var o;
+      const r = (o = t.actions) == null ? void 0 : o.call(t, i.slotProps.value);
+      if (!R(r))
+        return [
+          m(X, {
+            type: "vertical",
+            class: n(l, "actions_divider")
+          }),
+          m(
+            "div",
+            { class: c(n(l, "actions"), s.actionsCls) },
+            r
+          )
+        ];
+    }, V = q(), S = q(!1);
+    let M;
+    return re(async () => {
+      i.props.draggable && V.value && (M = new Se(V.value, {
+        ...i.props.sortableProps ?? {},
+        forceFallback: !1,
+        fallbackOnBody: !1,
+        filter: "[data-draggable=false]",
+        draggable: `.${g}`,
+        dataIdAttr: "id",
+        onStart(r) {
+          S.value = !0, i.emit("dragStart", r, M);
+        },
+        onEnd(r) {
+          S.value = !1, i.emit("dragEnd", r, M);
+        },
+        getPlaceholder(r) {
+          const o = document.createElement("div"), x = r.item.getBoundingClientRect();
+          return o.style.width = `${x.width ?? 100}px`, o.style.height = "100%", o.classList.add(n(l, Pe)), ie(
+            m("div", {
+              class: _e({ size: i.slotProps.value.size })
+            }),
+            o
+          ), o;
+        }
+      }));
+    }), de(() => {
+      T(), M && (M.destroy(), M = void 0);
+    }), (r, o) => (y(), A(e(k), null, {
+      default: I(() => [
+        B(e(ge), {
+          class: d(
+            e(c)(
+              e(v)({ block: e(i).props.block, size: e(i).props.size }),
+              s.class
+            )
+          ),
+          loop: !1,
+          asChild: !1,
+          style: ce({ "--ptc-tabs-count": e(h).size })
+        }, {
+          default: I(() => [
+            w("div", {
+              class: d(e(n)(e(l), "wrapper"))
+            }, [
+              w("div", {
+                class: d(e(n)(e(l), "scroll__wrapper"))
+              }, [
+                C.value ? (y(), G("div", {
+                  key: 0,
+                  class: d(e(c)(e(n)(e(l), "left_scroll"), s.startScrollCls))
+                }, [
+                  B(W, {
+                    type: "outline",
+                    icon: "tabler:chevron-left",
+                    size: "sm",
+                    color: "neutral",
+                    onMousedown: o[0] || (o[0] = (x) => $(!0)),
+                    onMouseup: o[1] || (o[1] = (x) => $(!1)),
+                    onMouseleave: o[2] || (o[2] = (x) => $(!1))
+                  })
+                ], 2)) : J("", !0),
+                w("div", {
+                  class: d(e(n)(e(l), "scroll")),
+                  ref_key: "scrollBar",
+                  ref: u
+                }, [
+                  w("div", {
+                    class: d(e(n)(e(l), "indicator__container"))
+                  }, [
+                    (y(), A(e(me), {
+                      key: a.value,
+                      class: d(e(c)(e(n)(e(l), "indicator"), s.indicatorCls))
+                    }, null, 8, ["class"])),
+                    w("div", {
+                      class: d(e(c)(e(n)(e(l), "container"), s.containerCls)),
+                      ref_key: "container",
+                      ref: V
+                    }, [
+                      U(r.$slots, "default")
+                    ], 2)
+                  ], 2)
+                ], 2),
+                E.value ? (y(), G("div", {
+                  key: 1,
+                  class: d(e(c)(e(n)(e(l), "right_scroll"), s.endScrollCls))
+                }, [
+                  B(W, {
+                    type: "outline",
+                    icon: "tabler:chevron-right",
+                    size: "sm",
+                    color: "neutral",
+                    onMousedown: o[3] || (o[3] = (x) => z(!0)),
+                    onMouseup: o[4] || (o[4] = (x) => z(!1)),
+                    onMouseleave: o[5] || (o[5] = (x) => z(!1))
+                  })
+                ], 2)) : J("", !0)
+              ], 2),
+              B(O)
+            ], 2),
+            r.$slots.fixedActions ? (y(), G("div", {
+              key: 0,
+              class: d(e(c)(e(n)(e(l), "fixed_actions"), s.fixedActionsCls))
+            }, [
+              U(r.$slots, "fixedActions", ee(te(e(i).slotProps.value)))
+            ], 2)) : J("", !0),
+            B(X, {
+              class: d(e(n)(e(l), "underline"))
+            }, null, 8, ["class"])
+          ]),
+          _: 3
+        }, 8, ["class", "style"])
+      ]),
+      _: 3
+    }));
+  }
+}), we = ["id", "data-draggable", "disabled"], Le = /* @__PURE__ */ j({
+  ...H("TabsTrigger"),
+  __name: "TabTrigger",
+  props: {
+    id: {},
+    text: {},
+    loading: { type: Boolean, default: void 0 },
+    draggable: { type: Boolean, default: void 0 },
+    class: {},
+    contentCls: {},
+    textCls: {},
+    trailingCls: {},
+    actionCls: {},
+    badgeProps: {},
+    value: {},
+    disabled: { type: Boolean }
+  },
+  setup(P) {
+    const s = P, t = Z(), v = oe(g, {
+      variants: {
+        loading: Q("loading", g)
+      }
+    }), u = ae(), b = (a) => {
+      a.stopPropagation(), a.preventDefault();
+    }, p = () => {
+      var C, E, i, f, T, z, N;
+      const a = [];
+      if (s.loading)
+        a.push(
+          m(Be, {
+            size: u.slotProps.value.size,
+            class: n(g, "skeleton")
+          })
+        );
+      else {
+        const $ = (C = t.leading) == null ? void 0 : C.call(t, u.slotProps.value), D = (E = t.text) == null ? void 0 : E.call(t, {});
+        R($) || a.push($);
+        const O = !R(D);
+        (O || s.text) && a.push(
+          m(
+            "div",
+            {
+              class: c(n(g, "text"), s.textCls)
+            },
+            O ? D : s.text
+          )
+        );
+        const V = (i = t.trailing) == null ? void 0 : i.call(t, u.slotProps.value);
+        R(V) || a.push(
+          m(
+            "div",
+            { class: c(n(g, "trailing"), s.trailingCls) },
+            V
+          )
+        ), (t.badgeIcon || t.badge || (f = s.badgeProps) != null && f.text || (T = s.badgeProps) != null && T.icon) && a.push(
+          m(
+            ke,
+            {
+              ...s.badgeProps ?? {},
+              size: "xsm",
+              color: ((z = s.badgeProps) == null ? void 0 : z.color) ?? "primary-subtle"
+            },
+            {
+              default: t.badge,
+              icon: t.badgeIcon
+            }
+          )
+        );
+        const S = (N = t.action) == null ? void 0 : N.call(t, u.slotProps.value);
+        R(S) || a.push(
+          m(
+            "div",
+            {
+              class: c(n(g, "action"), s.actionCls),
+              onMousedown: b
+            },
+            S
+          )
+        );
+      }
+      return m(
+        "div",
+        {
+          class: c(n(g, "content"), s.contentCls)
+        },
+        a
+      );
+    }, { CollectionItem: _ } = se({ key: l }), k = L(
+      () => s.disabled || s.draggable === !1 ? !1 : void 0
+    ), h = L(() => s.id ?? he(g));
+    return (a, C) => (y(), A(e(_), {
+      value: a.value,
+      id: h.value
+    }, {
+      default: I(() => [
+        B(e(ve), {
+          asChild: !0,
+          value: a.value
+        }, {
+          default: I(() => [
+            w("button", {
+              id: h.value,
+              "data-draggable": k.value,
+              disabled: a.loading || a.disabled,
+              class: d(e(c)(e(v)({ loading: a.loading }), s.class)),
+              onMousedown: C[0] || (C[0] = ue(() => {
+              }, ["right", "stop", "prevent"]))
+            }, [
+              B(p)
+            ], 42, we)
+          ]),
+          _: 1
+        }, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["value", "id"]));
+  }
+}), Ie = /* @__PURE__ */ j({
+  ...H("TabContent"),
+  __name: "TabContent",
+  props: {
+    value: {},
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(P) {
+    const s = P;
+    return (t, v) => (y(), A(e(be), ee(te(s)), {
+      default: I(() => [
+        U(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Je = F($e, K("Tabs")), Qe = F(Me, K("TabList")), We = F(Le, K("TabTrigger")), Xe = F(Ie, K("TabContent"));
 export {
-  t as TabContent,
-  b as TabList,
-  e as TabTrigger,
-  T as Tabs,
-  i as TabsSizes,
-  o as injectTabsContext,
-  r as provideTabsContext,
-  n as tabsPrefix
+  Ie as TabContent,
+  Xe as TabContentPlugin,
+  Me as TabList,
+  Qe as TabListPlugin,
+  Le as TabTrigger,
+  We as TabTriggerPlugin,
+  $e as Tabs,
+  Je as TabsPlugin,
+  Ve as TabsSizes,
+  ae as injectTabsContext,
+  ze as provideTabsContext,
+  l as tabsPrefix
 };

package/dist/Tabs/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TabContent.vue_vue_type_script_setup_true_lang-BBb-wV7s.js");exports.TabContent=e._sfc_main$3;exports.TabList=e._sfc_main$1;exports.TabTrigger=e._sfc_main$2;exports.Tabs=e._sfc_main;exports.TabsSizes=e.TabsSizes;exports.injectTabsContext=e.injectTabsContext;exports.provideTabsContext=e.provideTabsContext;exports.tabsPrefix=e.tabsPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("reka-ui"),F=require("../ConfigProvider/index.umd.cjs"),u=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),H=require("@pantograph/sortable"),K=require("@vueuse/core"),I=require("class-variance-authority"),$=require("../FloatButton.vue_vue_type_script_setup_true_lang-BD_pn8Vu.js"),L=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),q=require("../isNumber-DMOjxgl8.js"),G=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),J=require("../Badge.vue_vue_type_script_setup_true_lang-BFQCx53R.js"),[M,R]=z.createContext("Tabs"),A=e.defineComponent({...t.getComponentOptions("Tabs",!1),__name:"Tabs",props:{block:{type:Boolean},draggable:{type:Boolean},size:{default:"md"},sortableProps:{},defaultValue:{},orientation:{},dir:{},activationMode:{},modelValue:{},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["change","dragStart","dragEnd","update:modelValue"],setup(b,{emit:s}){const n=b,g=s,c=u.useVModel(n,"modelValue",g,{defaultValue:n.defaultValue,passive:n.defaultValue===void 0,onChange:_=>g("change",_)}),{getDir:p}=F.useConfig(),m=p();return R({props:n,emit:g,dir:m,slotProps:e.computed(()=>({size:n.size==="lg"?"md":"sm",iconSize:n.size==="lg"?"sm":"xsm"}))}),(_,E)=>(e.openBlock(),e.createBlock(e.unref(z.TabsRoot),{asChild:"",orientation:"horizontal",modelValue:e.unref(c),"onUpdate:modelValue":E[0]||(E[0]=B=>e.isRef(c)?c.value=B:null),dir:e.unref(m)},{default:e.withCtx(()=>[e.renderSlot(_.$slots,"default")]),_:3},8,["modelValue","dir"]))}}),O=["md","lg"],l=t.getBemBlock("tabs"),f=t.getBemElement(l,"trigger"),D=e.defineComponent({...t.getComponentOptions("TabList"),__name:"TabList",props:{class:{},indicatorCls:{},containerCls:{},fixedActionsCls:{},actionsCls:{},startScrollCls:{},endScrollCls:{}},setup(b){const s=b,n=e.useSlots(),g=I.cva(l,{variants:{block:t.generateVariantClassList("block",l),size:t.generateVariantClassList(O,l)}}),c=e.ref(),{arrivedState:p,x:m,measure:_}=K.useScroll(c),{CollectionSlot:E,itemMap:B}=u.useCollection({isProvider:!0,key:l}),a=e.computed(()=>Array.from(B.value.keys()).toString());e.watch(a,_,{immediate:!0});const C=e.computed(()=>y.value?!1:i.dir.value==="ltr"?!p.left:!p.right),x=e.computed(()=>y.value?!1:i.dir.value==="ltr"?!p.right:!p.left),i=M();let d;function v(){d&&clearInterval(d),d=null}const P=r=>{r?S():v()},S=()=>{d||(d=setInterval(()=>{q.isNumber(m.value)&&(x.value?m.value+=10:v())},10))},h=r=>{r?N():v()},N=()=>{d||(d=setInterval(()=>{q.isNumber(m.value)&&(C.value?m.value-=10:v())},10))},w=()=>{var o;const r=(o=n.actions)==null?void 0:o.call(n,i.slotProps.value);if(!u.isEmptyElement(r))return[e.h(L._sfc_main,{type:"vertical",class:t.getBemElement(l,"actions_divider")}),e.h("div",{class:t.normCls(t.getBemElement(l,"actions"),s.actionsCls)},r)]},k=e.ref(),y=e.ref(!1);let V;return e.onMounted(async()=>{i.props.draggable&&k.value&&(V=new H(k.value,{...i.props.sortableProps??{},forceFallback:!1,fallbackOnBody:!1,filter:"[data-draggable=false]",draggable:`.${f}`,dataIdAttr:"id",onStart(r){y.value=!0,i.emit("dragStart",r,V)},onEnd(r){y.value=!1,i.emit("dragEnd",r,V)},getPlaceholder(r){const o=document.createElement("div"),T=r.item.getBoundingClientRect();return o.style.width=`${T.width??100}px`,o.style.height="100%",o.classList.add(t.getBemElement(l,t.sortPlaceholderCls)),e.render(e.h("div",{class:t.sortPlaceholderVariantsClass({size:i.slotProps.value.size})}),o),o}}))}),e.onBeforeUnmount(()=>{v(),V&&(V.destroy(),V=void 0)}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(E),null,{default:e.withCtx(()=>[e.createVNode(e.unref(z.TabsList),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({block:e.unref(i).props.block,size:e.unref(i).props.size}),s.class)),loop:!1,asChild:!1,style:e.normalizeStyle({"--ptc-tabs-count":e.unref(B).size})},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"scroll__wrapper"))},[C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"left_scroll"),s.startScrollCls))},[e.createVNode($._sfc_main,{type:"outline",icon:"tabler:chevron-left",size:"sm",color:"neutral",onMousedown:o[0]||(o[0]=T=>h(!0)),onMouseup:o[1]||(o[1]=T=>h(!1)),onMouseleave:o[2]||(o[2]=T=>h(!1))})],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"scroll")),ref_key:"scrollBar",ref:c},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"indicator__container"))},[(e.openBlock(),e.createBlock(e.unref(z.TabsIndicator),{key:a.value,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"indicator"),s.indicatorCls))},null,8,["class"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"container"),s.containerCls)),ref_key:"container",ref:k},[e.renderSlot(r.$slots,"default")],2)],2)],2),x.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"right_scroll"),s.endScrollCls))},[e.createVNode($._sfc_main,{type:"outline",icon:"tabler:chevron-right",size:"sm",color:"neutral",onMousedown:o[3]||(o[3]=T=>P(!0)),onMouseup:o[4]||(o[4]=T=>P(!1)),onMouseleave:o[5]||(o[5]=T=>P(!1))})],2)):e.createCommentVNode("",!0)],2),e.createVNode(w)],2),r.$slots.fixedActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"fixed_actions"),s.fixedActionsCls))},[e.renderSlot(r.$slots,"fixedActions",e.normalizeProps(e.guardReactiveProps(e.unref(i).slotProps.value)))],2)):e.createCommentVNode("",!0),e.createVNode(L._sfc_main,{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(l),"underline"))},null,8,["class"])]),_:3},8,["class","style"])]),_:3}))}}),Q=["id","data-draggable","disabled"],j=e.defineComponent({...t.getComponentOptions("TabsTrigger"),__name:"TabTrigger",props:{id:{},text:{},loading:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},class:{},contentCls:{},textCls:{},trailingCls:{},actionCls:{},badgeProps:{},value:{},disabled:{type:Boolean}},setup(b){const s=b,n=e.useSlots(),g=I.cva(f,{variants:{loading:t.generateVariantClassList("loading",f)}}),c=M(),p=a=>{a.stopPropagation(),a.preventDefault()},m=()=>{var C,x,i,d,v,P,S;const a=[];if(s.loading)a.push(e.h(G._sfc_main,{size:c.slotProps.value.size,class:t.getBemElement(f,"skeleton")}));else{const h=(C=n.leading)==null?void 0:C.call(n,c.slotProps.value),N=(x=n.text)==null?void 0:x.call(n,{});u.isEmptyElement(h)||a.push(h);const w=!u.isEmptyElement(N);(w||s.text)&&a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"text"),s.textCls)},w?N:s.text));const k=(i=n.trailing)==null?void 0:i.call(n,c.slotProps.value);u.isEmptyElement(k)||a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"trailing"),s.trailingCls)},k)),(n.badgeIcon||n.badge||(d=s.badgeProps)!=null&&d.text||(v=s.badgeProps)!=null&&v.icon)&&a.push(e.h(J._sfc_main,{...s.badgeProps??{},size:"xsm",color:((P=s.badgeProps)==null?void 0:P.color)??"primary-subtle"},{default:n.badge,icon:n.badgeIcon}));const y=(S=n.action)==null?void 0:S.call(n,c.slotProps.value);u.isEmptyElement(y)||a.push(e.h("div",{class:t.normCls(t.getBemElement(f,"action"),s.actionCls),onMousedown:p},y))}return e.h("div",{class:t.normCls(t.getBemElement(f,"content"),s.contentCls)},a)},{CollectionItem:_}=u.useCollection({key:l}),E=e.computed(()=>s.disabled||s.draggable===!1?!1:void 0),B=e.computed(()=>s.id??t.usePCId(f));return(a,C)=>(e.openBlock(),e.createBlock(e.unref(_),{value:a.value,id:B.value},{default:e.withCtx(()=>[e.createVNode(e.unref(z.TabsTrigger),{asChild:!0,value:a.value},{default:e.withCtx(()=>[e.createElementVNode("button",{id:B.value,"data-draggable":E.value,disabled:a.loading||a.disabled,class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({loading:a.loading}),s.class)),onMousedown:C[0]||(C[0]=e.withModifiers(()=>{},["right","stop","prevent"]))},[e.createVNode(m)],42,Q)]),_:1},8,["value"])]),_:1},8,["value","id"]))}}),U=e.defineComponent({...t.getComponentOptions("TabContent"),__name:"TabContent",props:{value:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(b){const s=b;return(n,g)=>(e.openBlock(),e.createBlock(e.unref(z.TabsContent),e.normalizeProps(e.guardReactiveProps(s)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16))}}),W=u.installComponent(A,t.getComponentName("Tabs")),X=u.installComponent(D,t.getComponentName("TabList")),Y=u.installComponent(j,t.getComponentName("TabTrigger")),Z=u.installComponent(U,t.getComponentName("TabContent"));exports.TabContent=U;exports.TabContentPlugin=Z;exports.TabList=D;exports.TabListPlugin=X;exports.TabTrigger=j;exports.TabTriggerPlugin=Y;exports.Tabs=A;exports.TabsPlugin=W;exports.TabsSizes=O;exports.injectTabsContext=M;exports.provideTabsContext=R;exports.tabsPrefix=l;

package/dist/Textarea/Textarea.d.ts

@@ -30,15 +30,15 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {
     setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (value?: InputEvent | undefined) => any;
+    clear: () => any;
     blur: (value: InputEvent) => any;
     focus: (value: InputEvent) => any;
-    clear: () => any;
     "update:modelValue": (value?: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
     onInput?: ((value?: InputEvent | undefined) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((value: InputEvent) => any) | undefined;
     onFocus?: ((value: InputEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
     disabled: boolean;

package/dist/Textarea/index.d.ts

@@ -1,2 +1,3 @@
+export declare const TextareaPlugin: import('vue').Plugin;
 export { type TextareaProps, type TextareaEmits, default, default as Textarea, } from './Textarea';
 export * from './Textarea.model';

package/dist/Textarea/index.js

@@ -1,7 +1,120 @@
-import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_style_index_0_lang-Mb728qe4.js";
+import { defineComponent as M, useAttrs as k, computed as r, ref as R, onMounted as D, watch as F, nextTick as $, withDirectives as I, createElementBlock as N, openBlock as P, mergeProps as U, unref as o, isRef as _, vModelText as A } from "vue";
+import { getComponentOptions as E, getBemBlock as L, generateVariantClassList as u, normCls as v, getComponentName as O } from "@pantograph/utils";
+import { cva as j } from "class-variance-authority";
+import { useVModel as q, useFormInput as G, installComponent as J } from "@pantograph/utils-vue";
+import { omit as K, omitBy as Q, isUndefined as W, throttle as X } from "es-toolkit";
+import { a as x } from "../index-D2tZoezA.js";
+import { i as Y } from "../isNumber-BduWbB-B.js";
+const h = ["sm", "md", "lg"], Z = ["error", "warning", "success"], ee = /* @__PURE__ */ M({
+  ...E("Textarea", !1),
+  __name: "Textarea",
+  props: {
+    disabled: { type: Boolean, default: void 0 },
+    immediateFocus: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    class: {},
+    textareaCls: {},
+    allowClear: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    autoSize: { type: Boolean },
+    size: {},
+    status: {},
+    defaultHeight: {},
+    maxHeight: {}
+  },
+  emits: ["update:modelValue", "clear", "input", "blur", "focus"],
+  setup(z, { expose: S, emit: b }) {
+    const t = z, c = b, l = q(
+      t,
+      "modelValue",
+      c,
+      {
+        defaultValue: t.defaultValue,
+        passive: t.modelValue === void 0
+      }
+    ), i = L("textarea"), H = j(i, {
+      variants: {
+        size: u(h, i),
+        status: u(Z, i),
+        bordered: u("bordered", i),
+        autoSize: u("auto-size", i)
+      }
+    }), y = k(), { getDisabled: B, getStatus: m, getSize: d } = G({
+      getSize: () => t.size && h.includes(t.size) ? t.size : "md"
+    }), p = r(() => {
+      if (t.autoSize) {
+        if (t.defaultHeight && Y(t.defaultHeight)) {
+          const e = x[t.size] ?? x.md;
+          return Math.ceil(t.defaultHeight / e);
+        }
+        return 1;
+      }
+    }), C = r(() => {
+      const e = {
+        disabled: B.value,
+        ...K(y, ["value"]),
+        rows: p.value
+      };
+      return { ...Q(e, W) };
+    }), a = R(), f = X(() => {
+      a.value && t.autoSize && (a.value.style.height = "auto", a.value.style.height = `${a.value.scrollHeight + 2}px`);
+    }, 10);
+    D(() => {
+      var e, s;
+      t.immediateFocus && ((s = (e = a.value) == null ? void 0 : e.focus) == null || s.call(e));
+    }), F(
+      () => [d.value, t.autoSize, p.value],
+      () => $(f),
+      { immediate: !0 }
+    );
+    const V = (e) => {
+      f(), c("input", e);
+    }, T = r(() => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight), w = r(() => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight);
+    return S({ textarea: a, focus: (e) => {
+      var s;
+      return (s = a.value) == null ? void 0 : s.focus(e);
+    }, blur: () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.blur();
+    }, select: () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.select();
+    }, setSelectionRange: (e, s, n) => {
+      var g;
+      return (g = a.value) == null ? void 0 : g.setSelectionRange(e, s, n);
+    } }), (e, s) => I((P(), N("textarea", U({
+      ref_key: "textarea",
+      ref: a,
+      "onUpdate:modelValue": s[0] || (s[0] = (n) => _(l) ? l.value = n : null),
+      class: o(v)(
+        o(v)(
+          o(H)({
+            size: o(d),
+            status: o(m) === "success" && !o(l) ? void 0 : o(m),
+            bordered: String(e.bordered),
+            autoSize: String(e.autoSize)
+          }),
+          t.class
+        ),
+        e.textareaCls,
+        "paragraph"
+      )
+    }, C.value, {
+      style: {
+        "--ptc-textarea-h": T.value,
+        "--ptc-textarea-max-h": w.value
+      },
+      onInput: V
+    }), null, 16)), [
+      [A, o(l)]
+    ]);
+  }
+}), de = J(ee, O("Textarea"));
 export {
-  s as Textarea,
-  t as TextareaSizes,
-  r as TextareaStatuses,
-  x as default
+  ee as Textarea,
+  de as TextareaPlugin,
+  h as TextareaSizes,
+  Z as TextareaStatuses,
+  ee as default
 };

package/dist/Textarea/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_style_index_0_lang-CcBN3cHa.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("@pantograph/utils"),w=require("class-variance-authority"),c=require("@pantograph/utils-vue"),l=require("es-toolkit"),S=require("../index-4j_iV_pN.js"),R=require("../isNumber-DMOjxgl8.js"),d=["sm","md","lg"],z=["error","warning","success"],m=t.defineComponent({...r.getComponentOptions("Textarea",!1),__name:"Textarea",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},modelValue:{},defaultValue:{},class:{},textareaCls:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},autoSize:{type:Boolean},size:{},status:{},defaultHeight:{},maxHeight:{}},emits:["update:modelValue","clear","input","blur","focus"],setup(b,{expose:y,emit:H}){const a=b,f=H,i=c.useVModel(a,"modelValue",f,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),o=r.getBemBlock("textarea"),V=w.cva(o,{variants:{size:r.generateVariantClassList(d,o),status:r.generateVariantClassList(z,o),bordered:r.generateVariantClassList("bordered",o),autoSize:r.generateVariantClassList("auto-size",o)}}),C=t.useAttrs(),{getDisabled:T,getStatus:g,getSize:p}=c.useFormInput({getSize:()=>a.size&&d.includes(a.size)?a.size:"md"}),v=t.computed(()=>{if(a.autoSize){if(a.defaultHeight&&R.isNumber(a.defaultHeight)){const e=S.systemSizesMap[a.size]??S.systemSizesMap.md;return Math.ceil(a.defaultHeight/e)}return 1}}),B=t.computed(()=>{const e={disabled:T.value,...l.omit(C,["value"]),rows:v.value};return{...l.omitBy(e,l.isUndefined)}}),s=t.ref(),x=l.throttle(()=>{s.value&&a.autoSize&&(s.value.style.height="auto",s.value.style.height=`${s.value.scrollHeight+2}px`)},10);t.onMounted(()=>{var e,u;a.immediateFocus&&((u=(e=s.value)==null?void 0:e.focus)==null||u.call(e))}),t.watch(()=>[p.value,a.autoSize,v.value],()=>t.nextTick(x),{immediate:!0});const M=e=>{x(),f("input",e)},q=t.computed(()=>typeof a.defaultHeight=="number"?`${a.defaultHeight}px`:a.defaultHeight),k=t.computed(()=>typeof a.maxHeight=="number"?`${a.maxHeight}px`:a.maxHeight);return y({textarea:s,focus:e=>{var u;return(u=s.value)==null?void 0:u.focus(e)},blur:()=>{var e;return(e=s.value)==null?void 0:e.blur()},select:()=>{var e;return(e=s.value)==null?void 0:e.select()},setSelectionRange:(e,u,n)=>{var h;return(h=s.value)==null?void 0:h.setSelectionRange(e,u,n)}}),(e,u)=>t.withDirectives((t.openBlock(),t.createElementBlock("textarea",t.mergeProps({ref_key:"textarea",ref:s,"onUpdate:modelValue":u[0]||(u[0]=n=>t.isRef(i)?i.value=n:null),class:t.unref(r.normCls)(t.unref(r.normCls)(t.unref(V)({size:t.unref(p),status:t.unref(g)==="success"&&!t.unref(i)?void 0:t.unref(g),bordered:String(e.bordered),autoSize:String(e.autoSize)}),a.class),e.textareaCls,"paragraph")},B.value,{style:{"--ptc-textarea-h":q.value,"--ptc-textarea-max-h":k.value},onInput:M}),null,16)),[[t.vModelText,t.unref(i)]])}}),L=c.installComponent(m,r.getComponentName("Textarea"));exports.Textarea=m;exports.TextareaPlugin=L;exports.TextareaSizes=d;exports.TextareaStatuses=z;exports.default=m;

package/dist/Tooltip/index.d.ts

@@ -1,2 +1,3 @@
+export declare const TooltipPlugin: import('vue').Plugin;
 export { type TooltipProps, default, default as Tooltip } from './Tooltip';
 export * from './register';

package/dist/Tooltip/index.js

@@ -1,7 +1,12 @@
-import { _ as r, _ as s, i as t, r as a } from "../Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { _ as o } from "../Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { i as l, r as n } from "../Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { installComponent as t } from "@pantograph/utils-vue";
+import { getComponentName as p } from "@pantograph/utils";
+const e = t(o, p("Tooltip"));
 export {
-  r as Tooltip,
-  s as default,
-  t as importTippyStyles,
-  a as registerTippy
+  o as Tooltip,
+  e as TooltipPlugin,
+  o as default,
+  l as importTippyStyles,
+  n as registerTippy
 };

package/dist/Tooltip/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js");exports.Tooltip=e._sfc_main;exports.default=e._sfc_main;exports.importTippyStyles=e.importTippyStyles;exports.registerTippy=e.registerTippy;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),t=require("@pantograph/utils-vue"),i=require("@pantograph/utils"),o=t.installComponent(e._sfc_main,i.getComponentName("Tooltip"));exports.Tooltip=e._sfc_main;exports.default=e._sfc_main;exports.importTippyStyles=e.importTippyStyles;exports.registerTippy=e.registerTippy;exports.TooltipPlugin=o;

package/dist/Tree/index.d.ts

@@ -1,3 +1,5 @@
+export declare const TreePlugin: import('vue').Plugin;
+export declare const TreeNodePlugin: import('vue').Plugin;
 export { default as Tree, default } from './Tree';
 export { default as TreeNode } from './TreeNode';
 export * from './Tree.model';

package/dist/Tree/index.js

@@ -1,10 +1,14 @@
-import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_style_index_0_lang-DfkssuPL.js";
+import { _ as o, T as t, a as T, b as i, c as p, d, _ as n, i as l, p as m } from "../index-ChJBx3zx.js";
+import "@pantograph/utils-vue";
+import "@pantograph/utils";
 export {
-  r as Tree,
-  s as TreeGaps,
-  t as TreeNode,
-  T as TreeSizes,
-  o as default,
-  i as injectTreeContext,
-  p as provideTreeContext
+  o as Tree,
+  t as TreeGaps,
+  T as TreeNode,
+  i as TreeNodePlugin,
+  p as TreePlugin,
+  d as TreeSizes,
+  n as default,
+  l as injectTreeContext,
+  m as provideTreeContext
 };

package/dist/Tree/index.umd.cjs

@@ -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-y5ybjpV4.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;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("../index-BGRPfms4.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeNodePlugin=e.TreeNodePlugin;exports.TreePlugin=e.TreePlugin;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;