@pantograph/vue 0.28.5 → 0.28.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.28.5",
+  "version": "0.28.6",
   "private": false,
   "license": "MIT",
   "keywords": [

package/dist/Avatar.vue_vue_type_style_index_0_lang-CS0wzmEg.js

@@ -1,200 +0,0 @@
-import { defineComponent as O, useSlots as F, computed as o, createElementBlock as y, openBlock as c, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as A, withCtx as B, createCommentVNode as _, Fragment as R, mergeProps as T, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
-import { createContext as H, useEmitAsProps as J, AvatarRoot as K, AvatarImage as Q, AvatarFallback as U } from "reka-ui";
-import { getComponentOptions as j, getBemBlock as q, getBemElement as f, generateVariantClassList as d, normCls as P } from "@pantograph/utils";
-import { cva as D } from "class-variance-authority";
-import { flattenChildren as W } from "@pantograph/utils-vue";
-import { _ as X } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
-import "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
-import { _ as Y } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
-import { _ as Z } from "./Indicator.vue_vue_type_script_setup_true_lang-qbXRbfSe.js";
-const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
-  ...j("AvatarGroup"),
-  __name: "AvatarGroup",
-  props: {
-    class: {},
-    gutter: { type: Boolean },
-    size: {},
-    shape: {},
-    popoverProps: {},
-    maxCount: {},
-    noPopover: { type: Boolean }
-  },
-  setup(C) {
-    const a = C, g = F(), r = o(() => a.size), s = o(() => a.shape), S = q("avatar"), h = f(S, "group"), z = D(h, {
-      variants: {
-        gutter: d("gutter", h)
-      }
-    });
-    te({
-      size: r,
-      shape: s
-    });
-    const n = o(() => a.maxCount ? Number(a.maxCount) : 0), i = o(
-      () => z({
-        gutter: a.gutter
-      })
-    ), m = o(() => {
-      switch (a.size) {
-        case "2xsm":
-        case "xsm":
-        case "sm":
-          return "sm";
-        case "lg":
-        case "xlg":
-          return "lg";
-        default:
-          return "md";
-      }
-    }), k = () => {
-      const l = W(g.default ? g.default() : []), p = () => x(se, { text: `+${l.length - n.value}` });
-      return n.value >= 1 && l.length > n.value ? [
-        ...l.filter((e, u) => u < n.value),
-        a.noPopover ? p() : x(
-          X,
-          {
-            size: m.value,
-            ...a.popoverProps ?? {}
-          },
-          {
-            default: p,
-            content: () => x(
-              "div",
-              { class: P(i.value, a.class) },
-              {
-                default: () => l.filter((e, u) => u >= n.value)
-              }
-            )
-          }
-        )
-      ] : l;
-    };
-    return (l, p) => (c(), y("div", {
-      class: v(t(P)(i.value, a.class))
-    }, [
-      I(k, { maxCount: l.maxCount }, null, 8, ["maxCount"])
-    ], 2));
-  }
-}), E = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], G = ["gray", "white"], N = ["circle", "square", "rect"], V = {
-  start: "online-start",
-  end: "online-end"
-}, se = /* @__PURE__ */ O({
-  ...j("Avatar"),
-  __name: "Avatar",
-  props: {
-    src: { default: "" },
-    class: {},
-    onlineColor: { default: "lime" },
-    size: { default: "md" },
-    stroke: {},
-    shape: { default: "circle" },
-    online: { type: Boolean },
-    unExtendParent: { type: Boolean, default: !1 },
-    alt: {},
-    fallback: {},
-    text: {},
-    icon: { default: "tabler:user" },
-    onlineAlignment: { default: "start" },
-    referrerPolicy: {},
-    crossOrigin: {},
-    delayMs: {}
-  },
-  emits: ["loadingStatusChange"],
-  setup(C, { emit: a }) {
-    const g = F(), r = q("avatar"), s = C, h = J(a), z = D(r, {
-      variants: {
-        size: d(E, r),
-        stroke: d(G, r),
-        shape: d(N, r),
-        onlineAlignment: d(
-          V,
-          r
-        )
-      }
-    }), n = s.unExtendParent ? void 0 : ee({
-      size: o(() => s.size),
-      shape: o(() => s.shape)
-    }), i = o(() => (n == null ? void 0 : n.size.value) ?? s.size), m = o(() => (n == null ? void 0 : n.shape.value) ?? s.shape), k = o(() => {
-      const e = i.value && E.includes(i.value) ? i.value : "md", u = s.stroke && G.includes(s.stroke) ? s.stroke : "none", L = m.value && N.includes(m.value) ? m.value : "circle", M = V[s.onlineAlignment] ? s.onlineAlignment : "start";
-      return {
-        size: e,
-        stroke: u,
-        shape: L,
-        onlineAlignment: M
-      };
-    }), l = o(() => {
-      switch (i.value) {
-        case "lg":
-        case "xlg":
-          return "tiny";
-        default:
-          return "tinier";
-      }
-    }), p = o(() => {
-      switch (i.value) {
-        case "lg":
-        case "xlg":
-          return "sm";
-        case "xsm":
-        case "2xsm":
-          return "3xsm";
-        case "sm":
-        case "md":
-        default:
-          return "xsm";
-      }
-    });
-    return (e, u) => (c(), A(t(K), {
-      as: "div",
-      class: v(t(P)(t(z)(k.value), s.class))
-    }, {
-      default: B(() => [
-        !g.default && !e.text ? (c(), y(R, { key: 0 }, [
-          e.src ? (c(), A(t(Q), T({ key: 0 }, t(h), {
-            src: e.src,
-            alt: e.alt,
-            class: t(f)(t(r), "image")
-          }), null, 16, ["src", "alt", "class"])) : _("", !0),
-          I(t(U), {
-            class: v(t(f)(t(r), "fallback"))
-          }, {
-            default: B(() => [
-              b(e.$slots, "fallback", {}, () => [
-                e.fallback ? _("", !0) : (c(), A(t(Y), {
-                  key: 0,
-                  icon: e.icon,
-                  size: p.value
-                }, null, 8, ["icon", "size"])),
-                $(" " + w(e.fallback), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["class"])
-        ], 64)) : (c(), y("span", {
-          key: 1,
-          class: v(t(f)(t(r), "image"))
-        }, [
-          b(e.$slots, "default", {}, () => [
-            $(w(e.text), 1)
-          ])
-        ], 2)),
-        e.online ? (c(), A(Z, {
-          key: 2,
-          color: e.onlineColor,
-          size: l.value,
-          class: v(t(f)(t(r), "online"))
-        }, null, 8, ["color", "size", "class"])) : _("", !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  E as A,
-  se as _,
-  G as a,
-  N as b,
-  V as c,
-  pe as d,
-  ee as i,
-  te as p
-};

package/dist/Avatar.vue_vue_type_style_index_0_lang-DtvtisQt.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("reka-ui"),t=require("@pantograph/utils"),B=require("class-variance-authority"),E=require("@pantograph/utils-vue"),q=require("./HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js");require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js");const b=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),N=require("./Indicator.vue_vue_type_script_setup_true_lang-g2dBu5LK.js"),[x,y]=p.createContext("AvatarGroup"),G=e.defineComponent({...t.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverProps:{},maxCount:{},noPopover:{type:Boolean}},setup(f){const n=f,v=e.useSlots(),o=e.computed(()=>n.size),s=e.computed(()=>n.shape),g=t.getBemBlock("avatar"),d=t.getBemElement(g,"group"),C=B.cva(d,{variants:{gutter:t.generateVariantClassList("gutter",d)}});y({size:o,shape:s});const r=e.computed(()=>n.maxCount?Number(n.maxCount):0),c=e.computed(()=>C({gutter:n.gutter})),i=e.computed(()=>{switch(n.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),k=()=>{const l=E.flattenChildren(v.default?v.default():[]),m=()=>e.h(S,{text:`+${l.length-r.value}`});return r.value>=1&&l.length>r.value?[...l.filter((a,u)=>u<r.value),n.noPopover?m():e.h(q._sfc_main,{size:i.value,...n.popoverProps??{}},{default:m,content:()=>e.h("div",{class:t.normCls(c.value,n.class)},{default:()=>l.filter((a,u)=>u>=r.value)})})]:l};return(l,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(c.value,n.class))},[e.createVNode(k,{maxCount:l.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],A=["gray","white"],h=["circle","square","rect"],z={start:"online-start",end:"online-end"},S=e.defineComponent({...t.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},unExtendParent:{type:Boolean,default:!1},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},crossOrigin:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:n}){const v=e.useSlots(),o=t.getBemBlock("avatar"),s=f,g=n,d=p.useEmitAsProps(g),C=B.cva(o,{variants:{size:t.generateVariantClassList(_,o),stroke:t.generateVariantClassList(A,o),shape:t.generateVariantClassList(h,o),onlineAlignment:t.generateVariantClassList(z,o)}}),r=s.unExtendParent?void 0:x({size:e.computed(()=>s.size),shape:e.computed(()=>s.shape)}),c=e.computed(()=>(r==null?void 0:r.size.value)??s.size),i=e.computed(()=>(r==null?void 0:r.shape.value)??s.shape),k=e.computed(()=>{const a=c.value&&_.includes(c.value)?c.value:"md",u=s.stroke&&A.includes(s.stroke)?s.stroke:"none",V=i.value&&h.includes(i.value)?i.value:"circle",P=z[s.onlineAlignment]?s.onlineAlignment:"start";return{size:a,stroke:u,shape:V,onlineAlignment:P}}),l=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),m=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(a,u)=>(e.openBlock(),e.createBlock(e.unref(p.AvatarRoot),{as:"div",class:e.normalizeClass(e.unref(t.normCls)(e.unref(C)(k.value),s.class))},{default:e.withCtx(()=>[!v.default&&!a.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(d),{src:a.src,alt:a.alt,class:e.unref(t.getBemElement)(e.unref(o),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.AvatarFallback),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(o),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"fallback",{},()=>[a.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b._sfc_main),{key:0,icon:a.icon,size:m.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(a.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(o),"image"))},[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])],2)),a.online?(e.openBlock(),e.createBlock(N._sfc_main,{key:2,color:a.onlineColor,size:l.value,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(o),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=z;exports.AvatarShapes=h;exports.AvatarSizes=_;exports.AvatarStrokes=A;exports._sfc_main=S;exports._sfc_main$1=G;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;

package/dist/Chip.vue_vue_type_style_index_0_lang-AeVPgAnJ.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),t=require("@pantograph/utils"),I=require("class-variance-authority"),A=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),g=require("@pantograph/utils-vue"),O=require("./BaseBadge.model-DecqxaGN.js"),$=require("./HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js");require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js");const x=require("reka-ui"),[q,b]=x.createContext("ChipGroup"),T=e.defineComponent({...t.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(y,{emit:h}){const n=h,s=y,d=e.useSlots();b({props:s,onClose:(a,u)=>{n("close",a,u)}});const c=e.computed(()=>s.maxCount?Number(s.maxCount):0),_=()=>{const a=g.flattenChildren(d.default?d.default():[]),u=()=>e.h("div",{class:t.normCls(t.getBemElement(p,"truncate"),s.truncateCls)},`+${a.length-c.value}`);return c.value>=1&&a.length>c.value?[...a.filter((r,l)=>l<c.value),s.noPopover?u():e.h($._sfc_main,{size:s.size==="md"?"md":"sm",...s.popoverProps??{}},{default:u,content:()=>e.h("div",{class:m(s)},{default:()=>a.filter((r,l)=>l>=c.value)})})]:a},p=t.getBemBlock("chip_group"),m=I.cva(p,{variants:{size:t.generateVariantClassList(S,p),noWrap:t.generateVariantClassList("no-wrap",p)}});return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)(s))},[e.createVNode(_)],2))}}),S=["xsm","sm","md"],G=[...O.BadgeColors],w=e.defineComponent({...t.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},stopPropagationOnClose:{type:Boolean},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0},readonly:{type:Boolean},closeTrigger:{default:"click"},unExtendParent:{type:Boolean,default:!1}},emits:["close"],setup(y,{emit:h}){const n=y,s=n.unExtendParent?void 0:q({}),d=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.size)??n.size}),k=e.computed(()=>{var o;return n.color??((o=s==null?void 0:s.props)==null?void 0:o.color)??"primary"}),c=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.overlayActions)??n.overlayActions}),_=e.computed(()=>{var o;return n.selected??((o=s==null?void 0:s.props)==null?void 0:o.selected)}),p=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.closeIcon)??n.closeIcon}),m=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.icon)??n.icon}),a=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.closeable)??n.closeable}),u=h,r=e.useSlots(),l=t.getBemBlock("chip"),L=I.cva(l,{variants:{size:t.generateVariantClassList(S,l),color:t.generateVariantClassList(G,l),overlayActions:t.generateVariantClassList("overlay-actions",l),selected:t.generateVariantClassList("selected",l),readonly:t.generateVariantClassList("readonly",l)}}),B=o=>{var C;o.stopPropagation(),(C=s==null?void 0:s.onClose)==null||C.call(s,n,o),u("close",o)},i=e.computed(()=>({onClose:B,size:(()=>{switch(d.value){case"md":return"xsm";default:return"2xsm"}})()})),N=()=>{var P,E;const o=(P=r.overlayActions)==null?void 0:P.call(r,i.value),C=!g.isEmptyElement(o),v=c.value&&C;if((a.value||v)&&!n.readonly){const f=[];if(v&&f.push(o),a.value){const V=(E=r.close)==null?void 0:E.call(r,i.value);g.isEmptyElement(V)?f.push(e.h(A._sfc_main,{onClick:z=>{n.closeTrigger==="click"&&B(z)},onPointerdown:z=>{n.closeTrigger==="pointer"&&B(z)},size:i.value.size,icon:p.value,class:t.normCls(t.getBemElement(l,"close_icon"),n.closeIconCls)})):f.push(V)}return e.h("div",{class:t.normCls(t.getBemElement(l,"actions"),n.actionsCls)},f)}return null};return(o,C)=>{var v;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(L)({size:d.value,color:k.value,overlayActions:c.value,selected:_.value,readonly:o.readonly}),n.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[m.value?(e.openBlock(),e.createBlock(e.unref(A._sfc_main),{key:0,size:i.value.size,icon:m.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(g.isEmptyElement)((v=r.text)==null?void 0:v.call(r,i.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(l),"text"),o.textCls))},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(i.value))),e.createVNode(N)],2)}}});exports.ChipColors=G;exports.ChipSizes=S;exports._sfc_main=w;exports._sfc_main$1=T;exports.injectChipGroupContext=q;exports.provideChipGroupContext=b;

package/dist/TabContent.vue_vue_type_script_setup_true_lang-CoRnMTmp.js

@@ -1,378 +0,0 @@
-import { defineComponent as I, computed as G, createBlock as R, openBlock as z, unref as e, isRef as Z, withCtx as k, renderSlot as L, useSlots as J, ref as N, onMounted as ee, render as te, h as _, onBeforeUnmount as se, createVNode as C, normalizeStyle as oe, normalizeClass as b, createElementVNode as U, createElementBlock as D, createCommentVNode as O, createSlots as ae, normalizeProps as K, guardReactiveProps as Q, withModifiers as le } from "vue";
-import { createContext as ne, TabsRoot as re, TabsList as ie, TabsIndicator as ce, TabsTrigger as de, TabsContent as ue } from "reka-ui";
-import { useVModel as pe, useCollection as W, isEmptyElement as V } from "@pantograph/utils-vue";
-import { getComponentOptions as A, getBemBlock as fe, getBemElement as r, generateVariantClassList as H, sortPlaceholderCls as me, sortPlaceholderVariantsClass as ge, normCls as p } from "@pantograph/utils";
-import { cva as X } from "class-variance-authority";
-import { _ as ve } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
-import { _ as j } from "./FloatButton.vue_vue_type_script_setup_true_lang-BTmEBbt_.js";
-import { _ as F } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import be from "@pantograph/sortable";
-import { u as Ce } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
-import { i as q } from "./isNumber-BduWbB-B.js";
-import { _ as _e } from "./Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
-import { _ as ye } from "./Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
-const [Y, he] = ne("Tabs"), Re = /* @__PURE__ */ I({
-  ...A("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(T, { emit: o }) {
-    const s = T, y = o, i = pe(s, "modelValue", y, {
-      defaultValue: s.defaultValue,
-      passive: s.defaultValue === void 0,
-      onChange: (f) => y("change", f)
-    }), { getDir: c } = Ce(), u = c();
-    return he({
-      props: s,
-      emit: y,
-      dir: u,
-      slotProps: G(() => ({
-        size: s.size === "lg" ? "md" : "sm",
-        iconSize: s.size === "lg" ? "sm" : "xsm"
-      }))
-    }), (f, h) => (z(), R(e(re), {
-      asChild: "",
-      orientation: "horizontal",
-      modelValue: e(i),
-      "onUpdate:modelValue": h[0] || (h[0] = (l) => Z(i) ? i.value = l : null),
-      dir: e(u)
-    }, {
-      default: k(() => [
-        L(f.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["modelValue", "dir"]));
-  }
-}), Pe = ["md", "lg"], n = fe("tabs"), P = r(n, "trigger"), Ae = /* @__PURE__ */ I({
-  ...A("TabList"),
-  __name: "TabList",
-  props: {
-    class: {},
-    indicatorCls: {},
-    containerCls: {},
-    fixedActionsCls: {},
-    actionsCls: {},
-    startScrollCls: {},
-    endScrollCls: {}
-  },
-  setup(T) {
-    const o = T, s = J(), y = X(n, {
-      variants: {
-        block: H("block", n),
-        size: H(Pe, n)
-      }
-    }), i = N(), c = Y();
-    let u;
-    function f() {
-      u && clearInterval(u), u = null;
-    }
-    const h = (a) => {
-      a ? l() : f();
-    }, l = () => {
-      u || (u = setInterval(() => {
-        var a, t, d, m;
-        q((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((m = i.value) != null && m.rightVisible ? f() : i.value.container.viewportElement.scrollLeft += 10);
-      }, 10));
-    }, g = (a) => {
-      a ? B() : f();
-    }, B = () => {
-      u || (u = setInterval(() => {
-        var a, t, d, m;
-        q((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((m = i.value) != null && m.leftVisible ? f() : i.value.container.viewportElement.scrollLeft -= 10);
-      }, 10));
-    }, w = () => {
-      var t;
-      const a = (t = s.actions) == null ? void 0 : t.call(s, c.slotProps.value);
-      if (!V(a))
-        return [
-          _(F, {
-            type: "vertical",
-            class: r(n, "actions_divider")
-          }),
-          _(
-            "div",
-            { class: p(r(n, "actions"), o.actionsCls) },
-            a
-          )
-        ];
-    }, S = N(), x = N(!1);
-    let v;
-    ee(async () => {
-      c.props.draggable && S.value && (v = new be(S.value, {
-        ...c.props.sortableProps ?? {},
-        forceFallback: !1,
-        fallbackOnBody: !1,
-        filter: "[data-draggable=false]",
-        draggable: `.${P}`,
-        dataIdAttr: "id",
-        onStart(a) {
-          x.value = !0, c.emit("dragStart", a, v);
-        },
-        onEnd(a) {
-          x.value = !1, c.emit("dragEnd", a, v);
-        },
-        getPlaceholder(a) {
-          const t = document.createElement("div"), d = a.item.getBoundingClientRect();
-          return t.style.width = `${d.width ?? 100}px`, t.style.height = "100%", t.classList.add(r(n, me)), te(
-            _("div", {
-              class: ge({ size: c.slotProps.value.size })
-            }),
-            t
-          ), t;
-        }
-      }));
-    }), se(() => {
-      f(), v && (v.destroy(), v = void 0);
-    });
-    const { CollectionSlot: M, itemMap: E } = W({ isProvider: !0, key: n });
-    return (a, t) => (z(), R(e(M), null, {
-      default: k(() => [
-        C(e(ie), {
-          class: b(
-            e(p)(
-              e(y)({ block: e(c).props.block, size: e(c).props.size }),
-              o.class
-            )
-          ),
-          loop: !1,
-          asChild: !1,
-          style: oe({ "--ptc-tabs-count": e(E).size })
-        }, {
-          default: k(() => [
-            U("div", {
-              class: b(e(r)(e(n), "wrapper"))
-            }, [
-              C(ve, {
-                wrapCls: e(r)(e(n), "scroll_wrap"),
-                rootCls: e(r)(e(n), "scroll_root"),
-                areaCls: e(r)(e(n), "scroll_area"),
-                dir: e(c).dir.value,
-                ref_key: "scrollContainer",
-                ref: i,
-                overlay: !1,
-                hasMask: !e(c).props.block,
-                hideHorizontalScrollbar: ""
-              }, ae({
-                default: k(() => [
-                  C(e(ce), {
-                    class: b(e(p)(e(r)(e(n), "indicator"), o.indicatorCls)),
-                    hasMask: ""
-                  }, null, 8, ["class"]),
-                  U("div", {
-                    class: b(e(p)(e(r)(e(n), "container"), o.containerCls)),
-                    ref_key: "container",
-                    ref: S
-                  }, [
-                    L(a.$slots, "default")
-                  ], 2)
-                ]),
-                _: 2
-              }, [
-                e(c).props.block ? void 0 : {
-                  name: "root",
-                  fn: k(() => {
-                    var d, m;
-                    return [
-                      !((d = i.value) != null && d.leftVisible) && !x.value ? (z(), D("div", {
-                        key: 0,
-                        class: b(e(p)(e(r)(e(n), "left_scroll"), o.startScrollCls))
-                      }, [
-                        C(j, {
-                          type: "outline",
-                          icon: "tabler:chevron-left",
-                          size: "sm",
-                          color: "neutral",
-                          onMousedown: t[0] || (t[0] = ($) => g(!0)),
-                          onMouseup: t[1] || (t[1] = ($) => g(!1)),
-                          onMouseleave: t[2] || (t[2] = ($) => g(!1))
-                        })
-                      ], 2)) : O("", !0),
-                      !((m = i.value) != null && m.rightVisible) && !x.value ? (z(), D("div", {
-                        key: 1,
-                        class: b(e(p)(e(r)(e(n), "right_scroll"), o.endScrollCls))
-                      }, [
-                        C(j, {
-                          type: "outline",
-                          icon: "tabler:chevron-right",
-                          size: "sm",
-                          color: "neutral",
-                          onMousedown: t[3] || (t[3] = ($) => h(!0)),
-                          onMouseup: t[4] || (t[4] = ($) => h(!1)),
-                          onMouseleave: t[5] || (t[5] = ($) => h(!1))
-                        })
-                      ], 2)) : O("", !0)
-                    ];
-                  }),
-                  key: "0"
-                }
-              ]), 1032, ["wrapCls", "rootCls", "areaCls", "dir", "hasMask"]),
-              C(w)
-            ], 2),
-            a.$slots.fixedActions ? (z(), D("div", {
-              key: 0,
-              class: b(e(p)(e(r)(e(n), "fixed_actions"), o.fixedActionsCls))
-            }, [
-              L(a.$slots, "fixedActions", K(Q(e(c).slotProps.value)))
-            ], 2)) : O("", !0),
-            C(F, {
-              class: b(e(r)(e(n), "underline"))
-            }, null, 8, ["class"])
-          ]),
-          _: 3
-        }, 8, ["class", "style"])
-      ]),
-      _: 3
-    }));
-  }
-}), Ne = /* @__PURE__ */ I({
-  ...A("TabsTrigger"),
-  __name: "TabTrigger",
-  props: {
-    text: {},
-    loading: { type: Boolean, default: void 0 },
-    draggable: { type: Boolean, default: void 0 },
-    class: {},
-    contentCls: {},
-    textCls: {},
-    trailingCls: {},
-    actionCls: {},
-    badgeProps: {},
-    value: {},
-    disabled: { type: Boolean }
-  },
-  setup(T) {
-    const o = T, s = J(), y = X(P, {
-      variants: {
-        loading: H("loading", P)
-      }
-    }), i = Y(), c = (l) => {
-      l.stopPropagation(), l.preventDefault();
-    }, u = () => {
-      var g, B, w, S, x, v, M;
-      const l = [];
-      if (o.loading)
-        l.push(
-          _(_e, {
-            size: i.slotProps.value.size,
-            class: r(P, "skeleton")
-          })
-        );
-      else {
-        const E = (g = s.leading) == null ? void 0 : g.call(s, i.slotProps.value), a = (B = s.text) == null ? void 0 : B.call(s, {});
-        V(E) || l.push(E);
-        const t = !V(a);
-        (t || o.text) && l.push(
-          _(
-            "div",
-            {
-              class: p(r(P, "text"), o.textCls)
-            },
-            t ? a : o.text
-          )
-        );
-        const d = (w = s.trailing) == null ? void 0 : w.call(s, i.slotProps.value);
-        V(d) || l.push(
-          _(
-            "div",
-            { class: p(r(P, "trailing"), o.trailingCls) },
-            d
-          )
-        ), (s.badgeIcon || s.badge || (S = o.badgeProps) != null && S.text || (x = o.badgeProps) != null && x.icon) && l.push(
-          _(
-            ye,
-            {
-              ...o.badgeProps ?? {},
-              size: "xsm",
-              color: ((v = o.badgeProps) == null ? void 0 : v.color) ?? "primary-subtle"
-            },
-            {
-              default: s.badge,
-              icon: s.badgeIcon
-            }
-          )
-        );
-        const m = (M = s.action) == null ? void 0 : M.call(s, i.slotProps.value);
-        V(m) || l.push(
-          _(
-            "div",
-            {
-              class: p(r(P, "action"), o.actionCls),
-              onMousedown: c
-            },
-            m
-          )
-        );
-      }
-      return _(
-        "div",
-        {
-          class: p(r(P, "content"), o.contentCls)
-        },
-        l
-      );
-    }, { CollectionItem: f } = W({ key: n }), h = G(
-      () => o.disabled || o.draggable === !1 ? !1 : void 0
-    );
-    return (l, g) => (z(), R(e(f), null, {
-      default: k(() => [
-        C(e(de), {
-          asChild: !1,
-          as: "button",
-          value: l.value,
-          "data-draggable": h.value,
-          disabled: l.loading || l.disabled,
-          class: b(e(p)(e(y)({ loading: l.loading }), o.class)),
-          onMousedown: g[0] || (g[0] = le(() => {
-          }, ["right", "stop", "prevent"]))
-        }, {
-          default: k(() => [
-            C(u)
-          ]),
-          _: 1
-        }, 8, ["value", "data-draggable", "disabled", "class"])
-      ]),
-      _: 1
-    }));
-  }
-}), De = /* @__PURE__ */ I({
-  ...A("TabContent"),
-  __name: "TabContent",
-  props: {
-    value: {},
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(T) {
-    const o = T;
-    return (s, y) => (z(), R(e(ue), K(Q(o)), {
-      default: k(() => [
-        L(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  Pe as T,
-  Re as _,
-  Ae as a,
-  Ne as b,
-  De as c,
-  Y as i,
-  he as p,
-  n as t
-};

package/dist/TabContent.vue_vue_type_script_setup_true_lang-Cz7tqTyz.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),E=require("reka-ui"),b=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),M=require("class-variance-authority"),L=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),T=require("./FloatButton.vue_vue_type_script_setup_true_lang-ClqbpPNl.js"),w=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),I=require("@pantograph/sortable"),R=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-CyGHtFPF.js"),$=require("./isNumber-DMOjxgl8.js"),A=require("./Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),O=require("./Badge.vue_vue_type_script_setup_true_lang-DVt1axIK.js"),[S,N]=E.createContext("Tabs"),D=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:o}){const s=B,C=o,i=b.useVModel(s,"modelValue",C,{defaultValue:s.defaultValue,passive:s.defaultValue===void 0,onChange:f=>C("change",f)}),{getDir:c}=R.useConfig(),d=c();return N({props:s,emit:C,dir:d,slotProps:e.computed(()=>({size:s.size==="lg"?"md":"sm",iconSize:s.size==="lg"?"sm":"xsm"}))}),(f,v)=>(e.openBlock(),e.createBlock(e.unref(E.TabsRoot),{asChild:"",orientation:"horizontal",modelValue:e.unref(i),"onUpdate:modelValue":v[0]||(v[0]=r=>e.isRef(i)?i.value=r:null),dir:e.unref(d)},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default")]),_:3},8,["modelValue","dir"]))}}),q=["md","lg"],a=t.getBemBlock("tabs"),_=t.getBemElement(a,"trigger"),U=e.defineComponent({...t.getComponentOptions("TabList"),__name:"TabList",props:{class:{},indicatorCls:{},containerCls:{},fixedActionsCls:{},actionsCls:{},startScrollCls:{},endScrollCls:{}},setup(B){const o=B,s=e.useSlots(),C=M.cva(a,{variants:{block:t.generateVariantClassList("block",a),size:t.generateVariantClassList(q,a)}}),i=e.ref(),c=S();let d;function f(){d&&clearInterval(d),d=null}const v=l=>{l?r():f()},r=()=>{d||(d=setInterval(()=>{var l,n,u,m;$.isNumber((u=(n=(l=i.value)==null?void 0:l.container)==null?void 0:n.viewportElement)==null?void 0:u.scrollLeft)&&((m=i.value)!=null&&m.rightVisible?f():i.value.container.viewportElement.scrollLeft+=10)},10))},p=l=>{l?V():f()},V=()=>{d||(d=setInterval(()=>{var l,n,u,m;$.isNumber((u=(n=(l=i.value)==null?void 0:l.container)==null?void 0:n.viewportElement)==null?void 0:u.scrollLeft)&&((m=i.value)!=null&&m.leftVisible?f():i.value.container.viewportElement.scrollLeft-=10)},10))},x=()=>{var n;const l=(n=s.actions)==null?void 0:n.call(s,c.slotProps.value);if(!b.isEmptyElement(l))return[e.h(w._sfc_main,{type:"vertical",class:t.getBemElement(a,"actions_divider")}),e.h("div",{class:t.normCls(t.getBemElement(a,"actions"),o.actionsCls)},l)]},h=e.ref(),y=e.ref(!1);let g;e.onMounted(async()=>{c.props.draggable&&h.value&&(g=new I(h.value,{...c.props.sortableProps??{},forceFallback:!1,fallbackOnBody:!1,filter:"[data-draggable=false]",draggable:`.${_}`,dataIdAttr:"id",onStart(l){y.value=!0,c.emit("dragStart",l,g)},onEnd(l){y.value=!1,c.emit("dragEnd",l,g)},getPlaceholder(l){const n=document.createElement("div"),u=l.item.getBoundingClientRect();return n.style.width=`${u.width??100}px`,n.style.height="100%",n.classList.add(t.getBemElement(a,t.sortPlaceholderCls)),e.render(e.h("div",{class:t.sortPlaceholderVariantsClass({size:c.slotProps.value.size})}),n),n}}))}),e.onBeforeUnmount(()=>{f(),g&&(g.destroy(),g=void 0)});const{CollectionSlot:z,itemMap:P}=b.useCollection({isProvider:!0,key:a});return(l,n)=>(e.openBlock(),e.createBlock(e.unref(z),null,{default:e.withCtx(()=>[e.createVNode(e.unref(E.TabsList),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(C)({block:e.unref(c).props.block,size:e.unref(c).props.size}),o.class)),loop:!1,asChild:!1,style:e.normalizeStyle({"--ptc-tabs-count":e.unref(P).size})},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(a),"wrapper"))},[e.createVNode(L._sfc_main,{wrapCls:e.unref(t.getBemElement)(e.unref(a),"scroll_wrap"),rootCls:e.unref(t.getBemElement)(e.unref(a),"scroll_root"),areaCls:e.unref(t.getBemElement)(e.unref(a),"scroll_area"),dir:e.unref(c).dir.value,ref_key:"scrollContainer",ref:i,overlay:!1,hasMask:!e.unref(c).props.block,hideHorizontalScrollbar:""},e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(E.TabsIndicator),{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"indicator"),o.indicatorCls)),hasMask:""},null,8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"container"),o.containerCls)),ref_key:"container",ref:h},[e.renderSlot(l.$slots,"default")],2)]),_:2},[e.unref(c).props.block?void 0:{name:"root",fn:e.withCtx(()=>{var u,m;return[!((u=i.value)!=null&&u.leftVisible)&&!y.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"left_scroll"),o.startScrollCls))},[e.createVNode(T._sfc_main,{type:"outline",icon:"tabler:chevron-left",size:"sm",color:"neutral",onMousedown:n[0]||(n[0]=k=>p(!0)),onMouseup:n[1]||(n[1]=k=>p(!1)),onMouseleave:n[2]||(n[2]=k=>p(!1))})],2)):e.createCommentVNode("",!0),!((m=i.value)!=null&&m.rightVisible)&&!y.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"right_scroll"),o.endScrollCls))},[e.createVNode(T._sfc_main,{type:"outline",icon:"tabler:chevron-right",size:"sm",color:"neutral",onMousedown:n[3]||(n[3]=k=>v(!0)),onMouseup:n[4]||(n[4]=k=>v(!1)),onMouseleave:n[5]||(n[5]=k=>v(!1))})],2)):e.createCommentVNode("",!0)]}),key:"0"}]),1032,["wrapCls","rootCls","areaCls","dir","hasMask"]),e.createVNode(x)],2),l.$slots.fixedActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"fixed_actions"),o.fixedActionsCls))},[e.renderSlot(l.$slots,"fixedActions",e.normalizeProps(e.guardReactiveProps(e.unref(c).slotProps.value)))],2)):e.createCommentVNode("",!0),e.createVNode(w._sfc_main,{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(a),"underline"))},null,8,["class"])]),_:3},8,["class","style"])]),_:3}))}}),j=e.defineComponent({...t.getComponentOptions("TabsTrigger"),__name:"TabTrigger",props:{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 o=B,s=e.useSlots(),C=M.cva(_,{variants:{loading:t.generateVariantClassList("loading",_)}}),i=S(),c=r=>{r.stopPropagation(),r.preventDefault()},d=()=>{var p,V,x,h,y,g,z;const r=[];if(o.loading)r.push(e.h(A._sfc_main,{size:i.slotProps.value.size,class:t.getBemElement(_,"skeleton")}));else{const P=(p=s.leading)==null?void 0:p.call(s,i.slotProps.value),l=(V=s.text)==null?void 0:V.call(s,{});b.isEmptyElement(P)||r.push(P);const n=!b.isEmptyElement(l);(n||o.text)&&r.push(e.h("div",{class:t.normCls(t.getBemElement(_,"text"),o.textCls)},n?l:o.text));const u=(x=s.trailing)==null?void 0:x.call(s,i.slotProps.value);b.isEmptyElement(u)||r.push(e.h("div",{class:t.normCls(t.getBemElement(_,"trailing"),o.trailingCls)},u)),(s.badgeIcon||s.badge||(h=o.badgeProps)!=null&&h.text||(y=o.badgeProps)!=null&&y.icon)&&r.push(e.h(O._sfc_main,{...o.badgeProps??{},size:"xsm",color:((g=o.badgeProps)==null?void 0:g.color)??"primary-subtle"},{default:s.badge,icon:s.badgeIcon}));const m=(z=s.action)==null?void 0:z.call(s,i.slotProps.value);b.isEmptyElement(m)||r.push(e.h("div",{class:t.normCls(t.getBemElement(_,"action"),o.actionCls),onMousedown:c},m))}return e.h("div",{class:t.normCls(t.getBemElement(_,"content"),o.contentCls)},r)},{CollectionItem:f}=b.useCollection({key:a}),v=e.computed(()=>o.disabled||o.draggable===!1?!1:void 0);return(r,p)=>(e.openBlock(),e.createBlock(e.unref(f),null,{default:e.withCtx(()=>[e.createVNode(e.unref(E.TabsTrigger),{asChild:!1,as:"button",value:r.value,"data-draggable":v.value,disabled:r.loading||r.disabled,class:e.normalizeClass(e.unref(t.normCls)(e.unref(C)({loading:r.loading}),o.class)),onMousedown:p[0]||(p[0]=e.withModifiers(()=>{},["right","stop","prevent"]))},{default:e.withCtx(()=>[e.createVNode(d)]),_:1},8,["value","data-draggable","disabled","class"])]),_:1}))}}),F=e.defineComponent({...t.getComponentOptions("TabContent"),__name:"TabContent",props:{value:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(B){const o=B;return(s,C)=>(e.openBlock(),e.createBlock(e.unref(E.TabsContent),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16))}});exports.TabsSizes=q;exports._sfc_main=D;exports._sfc_main$1=U;exports._sfc_main$2=j;exports._sfc_main$3=F;exports.injectTabsContext=S;exports.provideTabsContext=N;exports.tabsPrefix=a;