@pantograph/vue 0.26.0 → 0.27.1

package/dist/THead.vue_vue_type_script_setup_true_lang-B8EBMO33.js

@@ -0,0 +1,214 @@
+import { defineComponent as y, createElementBlock as c, openBlock as p, normalizeClass as i, unref as o, renderSlot as m, createElementVNode as C, useSlots as T, Fragment as B, createCommentVNode as $ } from "vue";
+import { getBemBlock as _, generateVariantClassList as l, normCls as b, getBemElement as u } from "@pantograph/utils";
+import { cva as v } from "class-variance-authority";
+import { a as f } from "./options-J8HfRMSU.js";
+import { u as z } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import "es-toolkit";
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import h from "@pantograph/style/tcell.css?raw";
+import g from "@pantograph/style/tr.css?raw";
+import L from "@pantograph/style/tbody.css?raw";
+import O from "@pantograph/style/table.css?raw";
+import M from "@pantograph/style/thead.css?raw";
+const k = ["lg", "xlg"], d = _("table"), Q = /* @__PURE__ */ y({
+  ...f("Table"),
+  __name: "Table",
+  props: {
+    size: { default: "lg" },
+    class: {}
+  },
+  setup(a) {
+    z("table", O);
+    const n = a, e = v(d, {
+      variants: {
+        size: l(k, d)
+      }
+    });
+    return (t, s) => (p(), c("table", {
+      class: i(
+        o(b)(
+          o(e)({
+            size: t.size
+          }),
+          n.class
+        )
+      )
+    }, [
+      m(t.$slots, "default")
+    ], 2));
+  }
+}), R = /* @__PURE__ */ y({
+  ...f("Th"),
+  __name: "Th",
+  props: {
+    class: {},
+    size: {},
+    selection: { type: Boolean }
+  },
+  setup(a) {
+    z("tcell", h);
+    const n = a, e = u(d, "th"), t = v(e, {
+      variants: {
+        size: l(k, e),
+        selection: l("selection", e)
+      }
+    });
+    return (s, r) => (p(), c("th", {
+      class: i(
+        o(b)(
+          o(t)({
+            size: s.size,
+            selection: s.selection
+          }),
+          n.class
+        )
+      )
+    }, [
+      C("div", {
+        class: i(o(u)(o(e), "content"))
+      }, [
+        m(s.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+}), U = /* @__PURE__ */ y({
+  ...f("Td"),
+  __name: "Td",
+  props: {
+    class: {},
+    size: {},
+    empty: { type: Boolean },
+    wrap: { type: Boolean },
+    lazyLoadObserver: { type: Boolean }
+  },
+  setup(a) {
+    z("tcell", h);
+    const n = a, e = u(d, "td"), t = v(e, {
+      variants: {
+        size: l(k, e),
+        lazyLoadObserver: l("lazy-load-observer", e),
+        wrap: l("wrap", e)
+      }
+    }), s = T();
+    return (r, F) => (p(), c("td", {
+      class: i(
+        o(b)(
+          o(t)({
+            size: r.size,
+            lazyLoadObserver: r.lazyLoadObserver,
+            wrap: r.wrap
+          }),
+          { paragraph: r.wrap },
+          n.class
+        )
+      )
+    }, [
+      r.empty ? (p(), c("div", {
+        key: 0,
+        class: i(o(u)(o(e), "empty"))
+      }, [
+        m(r.$slots, "default")
+      ], 2)) : (p(), c(B, { key: 1 }, [
+        m(r.$slots, "default"),
+        s.absoluteAction ? (p(), c("div", {
+          key: 0,
+          class: i(o(u)(o(e), "absolute_action"))
+        }, [
+          m(r.$slots, "absoluteAction")
+        ], 2)) : $("", !0)
+      ], 64))
+    ], 2));
+  }
+}), w = ["onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"], W = /* @__PURE__ */ y({
+  ...f("Tr"),
+  __name: "Tr",
+  props: {
+    class: {},
+    zebra: { type: Boolean },
+    empty: { type: Boolean },
+    checked: { type: Boolean },
+    lazyLoadObserver: { type: Boolean },
+    onClick: { type: Function },
+    onDblclick: { type: Function },
+    onContextmenu: { type: Function },
+    onMouseenter: { type: Function },
+    onMouseleave: { type: Function }
+  },
+  setup(a) {
+    z("tr", g);
+    const n = a, e = u(d, "tr"), t = v(e, {
+      variants: {
+        zebra: l("zebra", e),
+        empty: l("empty", e),
+        checked: l("checked", e),
+        lazyLoadObserver: l("lazy-load-observer", e)
+      }
+    });
+    return (s, r) => (p(), c("tr", {
+      class: i(
+        o(b)(
+          o(t)({
+            zebra: s.zebra,
+            empty: s.empty,
+            checked: s.checked,
+            lazyLoadObserver: s.lazyLoadObserver
+          }),
+          n.class
+        )
+      ),
+      onClick: s.onClick,
+      onDblclick: s.onDblclick,
+      onContextmenu: s.onContextmenu,
+      onMouseenter: s.onMouseenter,
+      onMouseleave: s.onMouseleave
+    }, [
+      m(s.$slots, "default")
+    ], 42, w));
+  }
+}), X = /* @__PURE__ */ y({
+  ...f("TBody"),
+  __name: "TBody",
+  props: {
+    class: {}
+  },
+  setup(a) {
+    z("tbody", L);
+    const n = a, e = u(d, "tbody");
+    return (t, s) => (p(), c("tbody", {
+      class: i(o(b)(o(e), n.class))
+    }, [
+      m(t.$slots, "default")
+    ], 2));
+  }
+}), Y = /* @__PURE__ */ y({
+  ...f("THead"),
+  __name: "THead",
+  props: {
+    class: {},
+    sticky: { type: Boolean }
+  },
+  setup(a) {
+    z("thead", M);
+    const n = a, e = u(d, "thead"), t = v(e, {
+      variants: {
+        sticky: l("sticky", e)
+      }
+    });
+    return (s, r) => (p(), c("thead", {
+      class: i(o(b)(o(t)({ sticky: s.sticky }), n.class))
+    }, [
+      m(s.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  k as T,
+  Q as _,
+  R as a,
+  U as b,
+  W as c,
+  X as d,
+  Y as e
+};

package/dist/THead.vue_vue_type_script_setup_true_lang-midXJwsE.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),u=require("class-variance-authority"),i=require("./options-CY2uxp5A.js"),p=require("./Icon.vue_vue_type_script_setup_true_lang-BDTw4CRD.js");require("es-toolkit");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const C=require("@pantograph/style/tcell.css?raw"),d=require("@pantograph/style/tr.css?raw"),y=require("@pantograph/style/tbody.css?raw"),f=require("@pantograph/style/table.css?raw"),k=require("@pantograph/style/thead.css?raw"),m=["lg","xlg"],c=n.getBemBlock("table"),B=e.defineComponent({...i.getComponentOptions("Table"),__name:"Table",props:{size:{default:"lg"},class:{}},setup(a){p.useComponentStyle("table",f);const r=a,s=u.cva(c,{variants:{size:n.generateVariantClassList(m,c)}});return(o,t)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s)({size:o.size}),r.class))},[e.renderSlot(o.$slots,"default")],2))}}),z=e.defineComponent({...i.getComponentOptions("Th"),__name:"Th",props:{class:{},size:{},selection:{type:Boolean}},setup(a){p.useComponentStyle("tcell",C);const r=a,s=n.getBemElement(c,"th"),o=u.cva(s,{variants:{size:n.generateVariantClassList(m,s),selection:n.generateVariantClassList("selection",s)}});return(t,l)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({size:t.size,selection:t.selection}),r.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"content"))},[e.renderSlot(t.$slots,"default")],2)],2))}}),v=e.defineComponent({...i.getComponentOptions("Td"),__name:"Td",props:{class:{},size:{},empty:{type:Boolean},wrap:{type:Boolean},lazyLoadObserver:{type:Boolean}},setup(a){p.useComponentStyle("tcell",C);const r=a,s=n.getBemElement(c,"td"),o=u.cva(s,{variants:{size:n.generateVariantClassList(m,s),lazyLoadObserver:n.generateVariantClassList("lazy-load-observer",s),wrap:n.generateVariantClassList("wrap",s)}}),t=e.useSlots();return(l,h)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({size:l.size,lazyLoadObserver:l.lazyLoadObserver,wrap:l.wrap}),{paragraph:l.wrap},r.class))},[l.empty?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"empty"))},[e.renderSlot(l.$slots,"default")],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(l.$slots,"default"),t.absoluteAction?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"absolute_action"))},[e.renderSlot(l.$slots,"absoluteAction")],2)):e.createCommentVNode("",!0)],64))],2))}}),b=["onClick","onDblclick","onContextmenu","onMouseenter","onMouseleave"],g=e.defineComponent({...i.getComponentOptions("Tr"),__name:"Tr",props:{class:{},zebra:{type:Boolean},empty:{type:Boolean},checked:{type:Boolean},lazyLoadObserver:{type:Boolean},onClick:{type:Function},onDblclick:{type:Function},onContextmenu:{type:Function},onMouseenter:{type:Function},onMouseleave:{type:Function}},setup(a){p.useComponentStyle("tr",d);const r=a,s=n.getBemElement(c,"tr"),o=u.cva(s,{variants:{zebra:n.generateVariantClassList("zebra",s),empty:n.generateVariantClassList("empty",s),checked:n.generateVariantClassList("checked",s),lazyLoadObserver:n.generateVariantClassList("lazy-load-observer",s)}});return(t,l)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({zebra:t.zebra,empty:t.empty,checked:t.checked,lazyLoadObserver:t.lazyLoadObserver}),r.class)),onClick:t.onClick,onDblclick:t.onDblclick,onContextmenu:t.onContextmenu,onMouseenter:t.onMouseenter,onMouseleave:t.onMouseleave},[e.renderSlot(t.$slots,"default")],42,b))}}),_=e.defineComponent({...i.getComponentOptions("TBody"),__name:"TBody",props:{class:{}},setup(a){p.useComponentStyle("tbody",y);const r=a,s=n.getBemElement(c,"tbody");return(o,t)=>(e.openBlock(),e.createElementBlock("tbody",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s),r.class))},[e.renderSlot(o.$slots,"default")],2))}}),$=e.defineComponent({...i.getComponentOptions("THead"),__name:"THead",props:{class:{},sticky:{type:Boolean}},setup(a){p.useComponentStyle("thead",k);const r=a,s=n.getBemElement(c,"thead"),o=u.cva(s,{variants:{sticky:n.generateVariantClassList("sticky",s)}});return(t,l)=>(e.openBlock(),e.createElementBlock("thead",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({sticky:t.sticky}),r.class))},[e.renderSlot(t.$slots,"default")],2))}});exports.TableSizes=m;exports._sfc_main=B;exports._sfc_main$1=z;exports._sfc_main$2=v;exports._sfc_main$3=g;exports._sfc_main$4=_;exports._sfc_main$5=$;

package/dist/TabContent.vue_vue_type_script_setup_true_lang-B3v-gPTa.js

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

package/dist/TabContent.vue_vue_type_script_setup_true_lang-DUqgKpvl.js

@@ -0,0 +1,379 @@
+import { defineComponent as I, computed as G, createBlock as R, openBlock as x, unref as e, isRef as Z, withCtx as h, renderSlot as L, useSlots as J, ref as N, onMounted as ee, render as te, h as b, onBeforeUnmount as se, createVNode as v, normalizeStyle as oe, normalizeClass as g, createElementVNode as U, createElementBlock as O, createCommentVNode as D, createSlots as ae, normalizeProps as K, guardReactiveProps as Q } from "vue";
+import { createContext as le, TabsRoot as ne, TabsList as re, TabsIndicator as ie, TabsTrigger as ce, TabsContent as de } from "reka-ui";
+import { u as ue, q as pe, t as fe, w as j, g as V } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import { a as A } from "./options-J8HfRMSU.js";
+import "@pantograph/tokens";
+import { getBemBlock as me, getBemElement as r, generateVariantClassList as H, normCls as p } from "@pantograph/utils";
+import "es-toolkit";
+import { a as W } from "./collection-DUgtxIW2.js";
+import "@tanstack/vue-virtual";
+import { cva as X } from "class-variance-authority";
+import { _ as ge } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
+import { _ as q } from "./FloatButton.vue_vue_type_script_setup_true_lang-D03EBWv5.js";
+import { _ as F } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
+import ve from "@pantograph/sortable";
+import be from "@pantograph/style/tabs.css?raw";
+import { u as Ce } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
+import "@vueuse/core";
+import { u as _e } from "./useVmodel-DlyNieM5.js";
+import { _ as ye } from "./Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
+import { _ as he } from "./Badge.vue_vue_type_script_setup_true_lang-GQnZqeaV.js";
+const [Y, Pe] = le("Tabs"), qe = /* @__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(P, { emit: o }) {
+    const s = P, C = o, i = _e(s, "modelValue", C, {
+      defaultValue: s.defaultValue,
+      passive: s.defaultValue === void 0,
+      onChange: (f) => C("change", f)
+    }), { getDir: c } = Ce(), u = c();
+    return Pe({
+      props: s,
+      emit: C,
+      dir: u,
+      slotProps: G(() => ({
+        size: s.size === "lg" ? "md" : "sm",
+        iconSize: s.size === "lg" ? "sm" : "xsm"
+      }))
+    }), (f, l) => (x(), R(e(ne), {
+      asChild: "",
+      orientation: "horizontal",
+      modelValue: e(i),
+      "onUpdate:modelValue": l[0] || (l[0] = (k) => Z(i) ? i.value = k : null),
+      dir: e(u)
+    }, {
+      default: h(() => [
+        L(f.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "dir"]));
+  }
+}), ke = ["md", "lg"], n = me("tabs"), y = r(n, "trigger"), Fe = /* @__PURE__ */ I({
+  ...A("TabList"),
+  __name: "TabList",
+  props: {
+    class: {},
+    indicatorCls: {},
+    containerCls: {},
+    fixedActionsCls: {},
+    actionsCls: {},
+    startScrollCls: {},
+    endScrollCls: {}
+  },
+  setup(P) {
+    ue("tabs", be);
+    const o = P, s = J(), C = X(n, {
+      variants: {
+        block: H("block", n),
+        size: H(ke, n)
+      }
+    }), i = N(), c = Y();
+    let u;
+    function f() {
+      u && clearInterval(u), u = null;
+    }
+    const l = (a) => {
+      a ? k() : f();
+    }, k = () => {
+      u || (u = setInterval(() => {
+        var a, t, d, _;
+        j((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((_ = i.value) != null && _.rightVisible ? f() : i.value.container.viewportElement.scrollLeft += 10);
+      }, 10));
+    }, S = (a) => {
+      a ? B() : f();
+    }, B = () => {
+      u || (u = setInterval(() => {
+        var a, t, d, _;
+        j((d = (t = (a = i.value) == null ? void 0 : a.container) == null ? void 0 : t.viewportElement) == null ? void 0 : d.scrollLeft) && ((_ = i.value) != null && _.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 [
+          b(F, {
+            type: "vertical",
+            class: r(n, "actions_divider")
+          }),
+          b(
+            "div",
+            { class: p(r(n, "actions"), o.actionsCls) },
+            a
+          )
+        ];
+    }, z = N(), T = N(!1);
+    let m;
+    ee(async () => {
+      c.props.draggable && z.value && (m = new ve(z.value, {
+        ...c.props.sortableProps ?? {},
+        forceFallback: !1,
+        fallbackOnBody: !1,
+        filter: "[data-draggable=false]",
+        draggable: `.${y}`,
+        dataIdAttr: "id",
+        onStart(a) {
+          T.value = !0, c.emit("dragStart", a, m);
+        },
+        onEnd(a) {
+          T.value = !1, c.emit("dragEnd", a, m);
+        },
+        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, pe)), te(
+            b("div", {
+              class: fe({ size: c.slotProps.value.size })
+            }),
+            t
+          ), t;
+        }
+      }));
+    }), se(() => {
+      f(), m && (m.destroy(), m = void 0);
+    });
+    const { CollectionSlot: M, itemMap: E } = W({ isProvider: !0, key: n });
+    return (a, t) => (x(), R(e(M), null, {
+      default: h(() => [
+        v(e(re), {
+          class: g(
+            e(p)(
+              e(C)({ 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: h(() => [
+            U("div", {
+              class: g(e(r)(e(n), "wrapper"))
+            }, [
+              v(ge, {
+                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: h(() => [
+                  v(e(ie), {
+                    class: g(e(p)(e(r)(e(n), "indicator"), o.indicatorCls)),
+                    hasMask: ""
+                  }, null, 8, ["class"]),
+                  U("div", {
+                    class: g(e(p)(e(r)(e(n), "container"), o.containerCls)),
+                    ref_key: "container",
+                    ref: z
+                  }, [
+                    L(a.$slots, "default")
+                  ], 2)
+                ]),
+                _: 2
+              }, [
+                e(c).props.block ? void 0 : {
+                  name: "root",
+                  fn: h(() => {
+                    var d, _;
+                    return [
+                      !((d = i.value) != null && d.leftVisible) && !T.value ? (x(), O("div", {
+                        key: 0,
+                        class: g(e(p)(e(r)(e(n), "left_scroll"), o.startScrollCls))
+                      }, [
+                        v(q, {
+                          type: "outline",
+                          icon: "tabler:chevron-left",
+                          size: "sm",
+                          color: "neutral",
+                          onMousedown: t[0] || (t[0] = ($) => S(!0)),
+                          onMouseup: t[1] || (t[1] = ($) => S(!1)),
+                          onMouseleave: t[2] || (t[2] = ($) => S(!1))
+                        })
+                      ], 2)) : D("", !0),
+                      !((_ = i.value) != null && _.rightVisible) && !T.value ? (x(), O("div", {
+                        key: 1,
+                        class: g(e(p)(e(r)(e(n), "right_scroll"), o.endScrollCls))
+                      }, [
+                        v(q, {
+                          type: "outline",
+                          icon: "tabler:chevron-right",
+                          size: "sm",
+                          color: "neutral",
+                          onMousedown: t[3] || (t[3] = ($) => l(!0)),
+                          onMouseup: t[4] || (t[4] = ($) => l(!1)),
+                          onMouseleave: t[5] || (t[5] = ($) => l(!1))
+                        })
+                      ], 2)) : D("", !0)
+                    ];
+                  }),
+                  key: "0"
+                }
+              ]), 1032, ["wrapCls", "rootCls", "areaCls", "dir", "hasMask"]),
+              v(w)
+            ], 2),
+            a.$slots.fixedActions ? (x(), O("div", {
+              key: 0,
+              class: g(e(p)(e(r)(e(n), "fixed_actions"), o.fixedActionsCls))
+            }, [
+              L(a.$slots, "fixedActions", K(Q(e(c).slotProps.value)))
+            ], 2)) : D("", !0),
+            v(F, {
+              class: g(e(r)(e(n), "underline"))
+            }, null, 8, ["class"])
+          ]),
+          _: 3
+        }, 8, ["class", "style"])
+      ]),
+      _: 3
+    }));
+  }
+}), Ge = /* @__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(P) {
+    const o = P, s = J(), C = X(y, {
+      variants: {
+        loading: H("loading", y)
+      }
+    }), i = Y(), c = () => {
+      var k, S, B, w, z, T, m;
+      const l = [];
+      if (o.loading)
+        l.push(
+          b(ye, {
+            size: i.slotProps.value.size,
+            class: r(y, "skeleton")
+          })
+        );
+      else {
+        const M = (k = s.leading) == null ? void 0 : k.call(s, i.slotProps.value), E = (S = s.text) == null ? void 0 : S.call(s, {});
+        V(M) || l.push(M);
+        const a = !V(E);
+        (a || o.text) && l.push(
+          b(
+            "div",
+            {
+              class: p(r(y, "text"), o.textCls)
+            },
+            a ? E : o.text
+          )
+        );
+        const t = (B = s.trailing) == null ? void 0 : B.call(s, i.slotProps.value);
+        V(t) || l.push(
+          b(
+            "div",
+            { class: p(r(y, "trailing"), o.trailingCls) },
+            t
+          )
+        ), (s.badgeIcon || s.badge || (w = o.badgeProps) != null && w.text || (z = o.badgeProps) != null && z.icon) && l.push(
+          b(
+            he,
+            {
+              ...o.badgeProps ?? {},
+              size: "xsm",
+              color: ((T = o.badgeProps) == null ? void 0 : T.color) ?? "primary-subtle"
+            },
+            {
+              default: s.badge,
+              icon: s.badgeIcon
+            }
+          )
+        );
+        const d = (m = s.action) == null ? void 0 : m.call(s, i.slotProps.value);
+        V(d) || l.push(
+          b(
+            "div",
+            { class: p(r(y, "action"), o.actionCls) },
+            d
+          )
+        );
+      }
+      return b(
+        "div",
+        {
+          class: p(r(y, "content"), o.contentCls)
+        },
+        l
+      );
+    }, { CollectionItem: u } = W({ key: n }), f = G(
+      () => o.disabled || o.draggable === !1 ? !1 : void 0
+    );
+    return (l, k) => (x(), R(e(u), null, {
+      default: h(() => [
+        v(e(ce), {
+          asChild: !1,
+          as: "button",
+          value: l.value,
+          "data-draggable": f.value,
+          disabled: l.loading || l.disabled,
+          class: g(e(p)(e(C)({ loading: l.loading }), o.class))
+        }, {
+          default: h(() => [
+            v(c)
+          ]),
+          _: 1
+        }, 8, ["value", "data-draggable", "disabled", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), Je = /* @__PURE__ */ I({
+  ...A("TabContent"),
+  __name: "TabContent",
+  props: {
+    value: {},
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(P) {
+    const o = P;
+    return (s, C) => (x(), R(e(de), K(Q(o)), {
+      default: h(() => [
+        L(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  ke as T,
+  qe as _,
+  Fe as a,
+  Ge as b,
+  Je as c,
+  Y as i,
+  Pe as p,
+  n as t
+};

package/dist/Table/index.js

@@ -1,4 +1,4 @@
-import { d as T, e, _ as d, T as b, b as o, a as r, c as l } from "../THead.vue_vue_type_style_index_0_lang-CDQ98k-9.js";
+import { d as T, e, _ as d, T as b, b as o, a as r, c as l } from "../THead.vue_vue_type_script_setup_true_lang-B8EBMO33.js";
 export {
   T as TBody,
   e as THead,

package/dist/Table/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../THead.vue_vue_type_style_index_0_lang-Bk62FCuE.js");exports.TBody=e._sfc_main$4;exports.THead=e._sfc_main$5;exports.Table=e._sfc_main;exports.TableSizes=e.TableSizes;exports.Td=e._sfc_main$2;exports.Th=e._sfc_main$1;exports.Tr=e._sfc_main$3;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../THead.vue_vue_type_script_setup_true_lang-midXJwsE.js");exports.TBody=e._sfc_main$4;exports.THead=e._sfc_main$5;exports.Table=e._sfc_main;exports.TableSizes=e.TableSizes;exports.Td=e._sfc_main$2;exports.Th=e._sfc_main$1;exports.Tr=e._sfc_main$3;

package/dist/Tabs/TabContent.d.ts

@@ -0,0 +1,18 @@
+import { TabsContentProps } from 'reka-ui';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TabsContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};