@pantograph/vue 0.17.0 → 0.17.1

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-Bh33189G.js";
+import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-CDKfPXvD.js";
 export {
   t as DataTable,
   f as default

package/dist/DataTable/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-BjR0x_hD.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-mJg-jhJd.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;

package/dist/{DataTable.vue_vue_type_style_index_0_lang-Bh33189G.js → DataTable.vue_vue_type_style_index_0_lang-CDKfPXvD.js}

@@ -21,7 +21,7 @@ import { i as $e } from "./isEmpty-BEYnAygl.js";
 import { i as Rt, b as $t, a as Y } from "./isArray-CdbPONHA.js";
 import { _ as Bt, e as Pt, c as x, a as zt, d as At, b as X } from "./THead.vue_vue_type_style_index_0_lang-CzOa1Qzl.js";
 import { c as F } from "./cloneDeep-CPesDuDI.js";
-import { _ as Tt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CLHKKM8k.js";
+import { _ as Tt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-D9RXstRc.js";
 import { a as Dt, b as Kt } from "./_baseIteratee-CKGFXTJy.js";
 import { g as Be } from "./get-Bb6TIun1.js";
 import { u as Lt } from "./uniq-BxnSh9Qg.js";

package/dist/{DataTable.vue_vue_type_style_index_0_lang-BjR0x_hD.js → DataTable.vue_vue_type_style_index_0_lang-mJg-jhJd.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),A=require("@tanstack/vue-table"),X=require("./Checkbox.vue_vue_type_style_index_0_lang-BJR8DTwY.js"),M=require("./Menu.vue_vue_type_style_index_0_lang-D05aCpTB.js"),ye=require("./ActionButton.vue_vue_type_script_setup_true_lang-BXBbugSr.js"),we=require("./Empty.vue_vue_type_style_index_0_lang-DnbvFfFf.js"),S=require("./omit-BOck6M8N.js"),w=require("./_getTag-DaDHQQf0.js"),y=require("@pantograph/utils"),ce=require("@vueuse/core"),ve=require("./Skeleton.vue_vue_type_style_index_0_lang-BRov9v5C.js"),Y=require("./Popover.vue_vue_type_style_index_0_lang-gwfkX0W2.js"),Se=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),Be=require("./Badge.vue_vue_type_script_setup_true_lang-B1TiEkyp.js"),ee=require("./Divider.vue_vue_type_style_index_0_lang-DuAAwNmp.js"),te=require("./IconButton.vue_vue_type_script_setup_true_lang-B-s9aq-_.js"),H=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),be=require("./Switch.vue_vue_type_style_index_0_lang-CS0lHzNt.js"),Ve=require("class-variance-authority"),ne=require("./isEmpty-DYtn8rNT.js"),$=require("./isArray-3RTyNB5p.js"),V=require("./THead.vue_vue_type_style_index_0_lang-CjNYs1Lo.js"),R=require("./cloneDeep-Cx-pZsI1.js"),Ee=require("./ScrollContainer.vue_vue_type_style_index_0_lang-2_bly1E5.js"),ue=require("./_baseIteratee-BruOZIpV.js"),re=require("./get-D_Zlr4Ty.js"),Pe=require("./uniq-DDYIWToX.js"),ze=require("@pantograph/tokens"),oe=require("./isNumber-CYWvnzF3.js"),Ne=({isColumnWrapped:n,selectionId:l})=>{const o=t=>{var u;const m=h=>h==="list"?"md":"sm";return{...(t==null?void 0:t.skeletonProps)??{},style:"width: 100%",size:m((u=t==null?void 0:t.skeletonProps)==null?void 0:u.type)}},d=t=>{var u,h;const m=(u=t.props)==null?void 0:u.column.columnDef;return w.isFunction(m==null?void 0:m.render)&&t.props.row?(h=m==null?void 0:m.render)==null?void 0:h.call(m,{index:t.props.row.index,record:t.props.row.original,column:S.omit(m,"render")}):typeof t.render=="function"||typeof t.render=="object"?e.h(t.render,t.props):t.render},f=t=>{let m={};if(t){const u=P=>Number(P)>=0?`${P}px`:P,{width:h,maxWidth:E,minWidth:k}=t;(h||E||k)&&(m={width:u(h),maxWidth:u(E),minWidth:u(k),overflow:h||E?"hidden":void 0})}return m},r={},i=(t,m=!0)=>{var h;let u=1;return((h=t==null?void 0:t.subHeaders)==null?void 0:h.length)===1&&t.column.id===t.subHeaders[0].column.id&&(u+=i(t.subHeaders[0],!1)),m&&(!r[t.column.id]||r[t.column.id]<u)&&(r[t.column.id]=u),u},g=(t,m={})=>{var u;if(t!=null&&t.column){const h=(u=t==null?void 0:t.column)==null?void 0:u.columnDef,E=[],k={};if(w.isObject(h)){let P=n(t.column.id);const{customCell:N,class:F}=h;if(ne.isEmpty(F)||E.push(F),N&&(w.isObject(N)||w.isFunction(N))){const D=q=>{if(w.isObject(q)){const{wrap:L,colSpan:z,rowSpan:O}=q;P=P||(L??!1),k.colSpan=z,k.rowSpan=O}};w.isFunction(N)&&t.row?D(N({index:t.row.index,record:t.row.original,column:h})):D(N)}t.header?k.rowSpan=i(t.header):P&&(k.wrap=!0)}return{class:ne.isEmpty(E)?void 0:E,...k,...m}}return{}};return{getSkeletonProps:o,RenderCell:d,getThProps:t=>{var m,u,h;return g(t,{colSpan:(m=t==null?void 0:t.header)==null?void 0:m.colSpan,"data-has-children":((h=(u=t==null?void 0:t.column)==null?void 0:u.columns)==null?void 0:h.length)>1?!0:void 0})},getTdProps:t=>g(t),getColProps:t=>{const m=f(t.columnDef);return t.id===l&&(m.width="var(--pt-dimension-2800)"),{style:m}},isThVisible:(t,m,u)=>r[u]===1?!0:m-t===r[u]}};var xe="[object Boolean]";function Re(n){return n===!0||n===!1||$.isObjectLike(n)&&$.baseGetTag(n)==xe}const Ae=n=>{const l=e.ref([]),o=g=>g?l.value.findIndex(p=>p.id===g):-1,d=g=>{if(g)return l.value.find(p=>p.id===g)},f=g=>{var p;return!!((p=d(g))!=null&&p.wrap)},r=g=>{const{id:p}=g;if(!p)return!1;const v=g.wrap??!f(p),a=o(p);return a>=0?l.value[a]={id:p,wrap:v}:l.value.push({id:p,wrap:v}),!0},i=e.computed(()=>(n.columns??[]).filter(g=>Re(g.wrap)).map(g=>({id:g.id,wrap:!!g.wrap})));return e.watch(i,g=>{l.value=[...l.value,...g]},{immediate:!0,deep:!0}),{isColumnWrapped:f,toggleWrap:r}};function le(n,l){return ue.baseIsEqual(n,l)}const qe=(n,{colId:l,onSelectionChange:o})=>{const d=e.ref({}),f=e.computed(()=>Object.keys(d.value));e.watch(()=>{var a;return(a=n.rowSelection)==null?void 0:a.selectedRowKeys},(a,c)=>{var t,m;if((m=(t=n.rowSelection)==null?void 0:t.selectedRowKeys)!=null&&m.length&&!le(a,c)){const u=Object.fromEntries(e.unref(n.rowSelection.selectedRowKeys??Object.keys(d.value)).map(h=>[h,!0]));le(u,d.value)||(d.value=u)}},{immediate:!0});const r=e.computed(()=>n.rowKey?A.flattenBy(n.data,a=>a.children).map(a=>a[n.rowKey]):[]),i=()=>{const a=Object.fromEntries(f.value.filter(c=>{var t;return!((t=n.rowSelection)!=null&&t.preserveSelectedRowKeys)&&n.rowKey?r.value.includes(c):!0}).map(c=>[c,!0]));Object.keys(a).length!==f.value.length&&(d.value=a,e.nextTick(()=>{o()}))},g=A.createColumnHelper();return{rowSelection:d,selectedRowKeys:f,checkSelections:i,getSelectionCol:()=>{if(n.rowSelection&&n.rowKey)return g.accessor(l,{id:l,enableSorting:!1})},clearSelection:()=>{d.value={}}}},$e=(n,{selectedRowKeys:l,props:o})=>{const d=e.computed(()=>n.getIsAllRowsSelected()?!0:n.getIsSomeRowsSelected()?"indeterminate":!1),f=e.computed(()=>({selectedRowKeys:l.value,selectedRows:n.getFilteredSelectedRowModel().flatRows.map(a=>a.original)})),r=a=>{n.getIsSomeRowsSelected()||n.getIsAllRowsSelected()?n.toggleAllRowsSelected(!1):n.toggleAllRowsSelected(!0),e.nextTick(()=>{var c,t;w.isFunction((c=o.rowSelection)==null?void 0:c.onSelectAll)&&o.rowSelection.onSelectAll({...f.value,selected:a}),w.isFunction((t=o.rowSelection)==null?void 0:t.onChange)&&o.rowSelection.onChange(f.value)})},i=(a,c)=>{var t;c.toggleSelected(a,{selectChildren:!((t=o.rowSelection)!=null&&t.checkStrictly)}),e.nextTick(()=>{var m,u;w.isFunction((m=o.rowSelection)==null?void 0:m.onSelect)&&o.rowSelection.onSelect({...f.value,selected:a,record:c.original}),w.isFunction((u=o.rowSelection)==null?void 0:u.onChange)&&o.rowSelection.onChange(f.value)})},g=a=>{var c,t;return w.isFunction((c=o.rowSelection)==null?void 0:c.getCheckboxProps)&&((t=o.rowSelection)==null||t.getCheckboxProps(a)),{}},p=a=>{var c;if(a.getIsSelected())return!0;if((c=a.subRows)!=null&&c.length){if(a.getIsAllSubRowsSelected())return!0;if(a.getIsSomeSelected())return"indeterminate"}return!1},v=e.computed(()=>n.getFilteredSelectedRowModel().flatRows.length);return{getCheckedAll:d,checkAll:r,check:i,getCheckboxProps:g,getRowChecked:p,selectedItemsLength:v,getSelectCallbackProps:f}},Te=({props:n,prefix:l,slots:o,getSelectionCol:d})=>{const f=A.createColumnHelper(),r=e.computed(()=>{var c;return((c=n.actionCol)==null?void 0:c.id)??`$${l}_action$`}),i=e.computed(()=>{var E;const c=k=>S.omit(k??{},"columns","id"),t=k=>{var N;const P=k.id??y.usePCId(`${l}--col`);return $.isArray(re.get(k,n.childrenColumnName??"children"))?f.group({header:k.title,id:P,columns:(N=re.get(k,n.childrenColumnName??"children")??[])==null?void 0:N.map(t),enableSorting:!1,...c(k)}):f.accessor(k.dataIndex??k.id,{header:k.title,id:P,enableSorting:!!k.sorter,...c(k)})};if(!$.isArray(n.columns))throw"no columns";const m=n.columns.map(({id:k})=>k);if(Pe.uniq(m).length!==m.length)throw"no uniq column ids";const u=[],h=d();return h&&u.push(h),n.columns.forEach(k=>{u.push(t(k))}),(o.action||o.hoverAction)&&u.push(f.accessor(r.value,{id:r.value,header:(E=n.actionCol)==null?void 0:E.title,enableSorting:!1,...c(n.actionCol)})),u}),g=ze.getBreakpoints(),v=ce.useBreakpoints(Object.fromEntries(Object.keys(g).map(c=>[c,g[c].minWidth])),{strategy:"min-width"}).active(),a=e.ref({});return e.watch(v,c=>{a.value=Object.fromEntries(A.flattenBy(i.value,t=>t.columns).map(t=>{var m;return[t.id,$.isArray(t==null?void 0:t.responsive)?((m=t.responsive)==null?void 0:m.includes(c))??!1:!0]}))},{immediate:!0}),{cols:i,actionId:r,columnVisibility:a}};function Fe(n){return function(l,o,d){for(var f=-1,r=Object(l),i=d(l),g=i.length;g--;){var p=i[++f];if(o(r[p],p,r)===!1)break}return l}}var De=Fe();function Le(n,l){return n&&De(n,l,S.keys)}function Me(n,l){return function(o,d){if(o==null)return o;if(!w.isArrayLike(o))return n(o,d);for(var f=o.length,r=-1,i=Object(o);++r<f&&d(i[r],r,i)!==!1;);return o}}var Oe=Me(Le);function Ke(n,l){var o=-1,d=w.isArrayLike(n)?Array(n.length):[];return Oe(n,function(f,r,i){d[++o]=l(f,r,i)}),d}function He(n,l){var o=n.length;for(n.sort(l);o--;)n[o]=n[o].value;return n}function We(n,l){if(n!==l){var o=n!==void 0,d=n===null,f=n===n,r=S.isSymbol(n),i=l!==void 0,g=l===null,p=l===l,v=S.isSymbol(l);if(!g&&!v&&!r&&n>l||r&&i&&p&&!g&&!v||d&&i&&p||!o&&p||!f)return 1;if(!d&&!r&&!v&&n<l||v&&o&&f&&!d&&!r||g&&o&&f||!i&&f||!p)return-1}return 0}function Ie(n,l,o){for(var d=-1,f=n.criteria,r=l.criteria,i=f.length,g=o.length;++d<i;){var p=We(f[d],r[d]);if(p){if(d>=g)return p;var v=o[d];return p*(v=="desc"?-1:1)}}return n.index-l.index}function je(n,l,o){l.length?l=S.arrayMap(l,function(r){return $.isArray(r)?function(i){return S.baseGet(i,r.length===1?r[0]:r)}:r}):l=[S.identity];var d=-1;l=S.arrayMap(l,w.baseUnary(ue.baseIteratee));var f=Ke(n,function(r,i,g){var p=S.arrayMap(l,function(v){return v(r)});return{criteria:p,index:++d,value:r}});return He(f,function(r,i){return Ie(r,i,o)})}function Ze(n,l){return S.setToString(S.overRest(n,l,S.identity),n+"")}function se(n,l,o){if(!w.isObject(o))return!1;var d=typeof l;return(d=="number"?w.isArrayLike(o)&&S.isIndex(l,o.length):d=="string"&&l in o)?S.eq(o[l],n):!1}var ie=Ze(function(n,l){if(n==null)return[];var o=l.length;return o>1&&se(n,l[0],l[1])?l=[]:o>2&&se(l[0],l[1],l[2])&&(l=[l[0]]),je(n,S.baseFlatten(l),[])});const Ge=(n,l,o)=>{const d=a=>{const c=p(a);if(!c)return"tabler:arrows-up-down";if(c==="desc")return"tabler:arrow-down";if(c==="asc")return"tabler:arrow-up"},f=a=>{const c=p(a);if(!c)return"Sort A → Z";if(c==="desc")return"Sorted Z → A\u2028Click to change sort";if(c==="asc")return"Sorted A → Z\u2028Click to change sort"},r=e.ref([]),i=e.ref([]),g=(a,c)=>{const t=R.cloneDeep([...r.value,...i.value].find(u=>u.id===a.id))??{id:a.id,sorter:a.columnDef.sorter,multiple:a.columnDef.multiSort};c?t.desc=c==="desc":t.desc===void 0?t.desc=!1:t.desc===!0?t.desc=void 0:t.desc=!0;const m=()=>t.desc===void 0?!1:t.desc===!0?"desc":"asc";oe.isNumber(a.columnDef.multiSort)&&[...r.value,...i.value].every(u=>oe.isNumber(u.multiple))?(r.value=R.cloneDeep(r.value).filter(u=>u.id!==a.id),i.value=R.cloneDeep(i.value).filter(u=>u.id!==a.id),t.sorter==="server"?i.value.push(t):r.value.push(t),r.value=ie(r.value,"multiple"),i.value=ie(i.value,"multiple")):t.sorter==="server"?(r.value=[],i.value=[t]):(r.value=[t],i.value=[]),r.value=r.value.filter(u=>u.desc!==void 0),i.value=i.value.filter(u=>u.desc!==void 0),l("sort",a.columnDef,m(),R.cloneDeep([...r.value,...i.value]))},p=a=>{const c=[...i.value,...r.value].find(t=>a.id===t.id);return(c==null?void 0:c.desc)===!1?"asc":(c==null?void 0:c.desc)===!0?"desc":!1};return{data:e.computed(()=>(o(),[...n.data])),sorting:r,getSortIcon:d,getSortTooltip:f,toggleSort:g,getIsSorted:p}},Ue=e.defineComponent({__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollViewportCls:{},scrollAreaCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},scrollContainerProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean},rowProps:{}},emits:["fetch","rowClick","sort"],setup(n,{emit:l}){const o=n,d=l,f=e.useSlots(),r=y.getBemBlock("data_table",y.wgt_pre),i=`$${r}_selection$`,g=Ve.cva(r,{variants:{empty:y.generateVariantClassList("empty",r)}}),{rowSelection:p,checkSelections:v,getSelectionCol:a,clearSelection:c,selectedRowKeys:t}=qe(o,{colId:i,onSelectionChange:()=>{var s;w.isFunction((s=o.rowSelection)==null?void 0:s.onChange)&&o.rowSelection.onChange(j.value)}}),{cols:m,actionId:u,columnVisibility:h}=Te({props:o,slots:f,prefix:r,getSelectionCol:a}),{toggleWrap:E,isColumnWrapped:k}=Ae(o),{getSortTooltip:P,getSortIcon:N,sorting:F,data:D,toggleSort:q,getIsSorted:L}=Ge(o,d,v),z=A.useVueTable({getSubRows:s=>s.children,enableSorting:!0,enableMultiSort:!0,get data(){return D.value},state:{get sorting(){return F.value},get rowSelection(){return p.value},get columnVisibility(){return h.value}},enableRowSelection:!0,get columns(){return m.value},getRowId(s,B){return o.rowKey?s[o.rowKey]:B},getRowCanExpand:()=>!0,getCoreRowModel:A.getCoreRowModel(),getSortedRowModel:A.getSortedRowModel(),onRowSelectionChange:s=>{p.value=typeof s=="function"?s(p.value):s}}),{getCheckedAll:O,checkAll:ae,check:fe,getRowChecked:W,selectedItemsLength:I,getCheckboxProps:de,getSelectCallbackProps:j}=$e(z,{selectedRowKeys:t,props:o}),Z=e.useTemplateRef("target"),{stop:me}=ce.useIntersectionObserver(Z,([s])=>{o.lazyLoading&&!o.loading&&(s!=null&&s.isIntersecting)&&d("fetch")});e.onBeforeUnmount(me);const{getSkeletonProps:ge,getThProps:pe,RenderCell:G,getTdProps:K,getColProps:_e,isThVisible:Ce}=Ne({selectionId:i,isColumnWrapped:k}),U=e.shallowRef(0),ke=({item:s},B)=>{s.key==="a-z"&&q(B,"asc"),s.key==="z-a"&&q(B,"desc"),s.key==="wrap"&&E({id:B.id}),U.value++},J=e.computed(()=>z.getHeaderGroups().map(s=>({...s,headers:s.headers.map(B=>({...B,bindings:pe(B.getContext())}))}))),T=s=>{const B=R.cloneDeep(S.omit(s??{},"row"));let C={};o.rowProps&&(w.isFunction(o.rowProps)&&(C=R.cloneDeep(o.rowProps(s)??{})),w.isObject(o.rowProps)&&(C=R.cloneDeep(o.rowProps)));const b=w.isFunction(C.onClick)||s.row?_=>{s.row&&d("rowClick",s.row,_),w.isFunction(C.onClick)&&C.onClick(_)}:void 0;return{...C,...B,onClick:b}};return(s,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(y.getBemElement)(e.unref(r),"root"),s.rootCls])},[e.createVNode(Y._sfc_main,{"z-index":"1",open:!!(e.unref(I)&&f.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions"))},[e.createVNode(Be._sfc_main,{text:e.unref(I),size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions__title"))},e.toDisplayString(s.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions__actions"))},[e.renderSlot(s.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(e.unref(j))))],2),e.createVNode(ee._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions__divider"))},null,8,["class"]),e.createVNode(te._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:e.unref(c)},null,8,["onClick"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(Ee._sfc_main),e.mergeProps(s.scrollContainerProps,{"root-props":{class:e.unref(y.getBemElement)(e.unref(r),"scroll_container")},class:e.unref(y.getBemElement)(e.unref(r),"scroll_area")}),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main),{size:s.size,style:e.normalizeStyle({tableLayout:s.tableLayout}),class:e.normalizeClass([e.unref(g)({empty:!e.unref(z).getRowModel().rows.length}),o.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getVisibleLeafColumns(),C=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:C.id,ref_for:!0},e.unref(_e)(C)),null,16))),128))]),s.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V._sfc_main$5),{key:0,class:e.normalizeClass(s.theadCls),sticky:s.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,(C,b)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},T({index:b,header:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.headers,_=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[e.unref(Ce)(b,J.value.length,_.column.id)?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$1),e.mergeProps({key:0,ref_for:!0},_.bindings,{"data-selection":_.column.id===i}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__content"))},[_.column.id!==i?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__content__title"))},[e.renderSlot(s.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:_.column.columnDef}),()=>[e.createVNode(e.unref(G),{props:_.getContext(),render:_.column.columnDef.header},null,8,["props","render"])])],2),_.column.getCanSort()?(e.openBlock(),e.createBlock(Se._sfc_main,{key:0,placement:"bottom"},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(P)(_.column)),1)]),default:e.withCtx(()=>[e.createVNode(ye._sfc_main,{class:e.normalizeClass({hide_filter_action:!e.unref(L)(_.column)}),icon:e.unref(N)(_.column),size:"sm",type:"ghost",variant:"icon",active:!!e.unref(L)(_.column),onClick:x=>e.unref(q)(_.column)},null,8,["class","icon","active","onClick"])]),_:2},1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(X._sfc_main,{rootCls:"w-fit",checked:e.unref(O),onChange:e.unref(ae)},null,8,["checked","onChange"])],64))],2),![e.unref(u),i].includes(_.column.id)&&!_.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__action"))},[(e.openBlock(),e.createBlock(Y._sfc_main,{"z-index":"1",placement:"bottom-end",key:U.value},{content:e.withCtx(()=>[e.createVNode(M._sfc_main,{onSelect:x=>ke(x,_.column)},{default:e.withCtx(()=>[_.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(M._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:x})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-up",size:x},null,8,["size"])]),_:1}),e.createVNode(M._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:x})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-down",size:x},null,8,["size"])]),_:1}),e.createVNode(ee._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(M._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:x})=>[e.createVNode(H._sfc_main,{icon:"tabler:text-wrap",size:x},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(be._sfc_main,{checked:e.unref(k)(_.column.id)},null,8,["checked"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(te._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"gray",type:"ghost",class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1040))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(V._sfc_main$4),{class:e.normalizeClass(s.tbodyCls),ref:"body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getRowModel().rows,(C,b)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},T({index:b,zebra:s.zebra,checked:!!e.unref(W)(C),row:C.original})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.getVisibleCells(),_=>{var x,Q;return e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[((x=e.unref(K)(_.getContext()))==null?void 0:x.colSpan)!==0&&((Q=e.unref(K)(_.getContext()))==null?void 0:Q.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(K)(_.getContext())),e.createSlots({default:e.withCtx(()=>[_.column.id===e.unref(u)&&(f.hoverAction||f.action)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:B[0]||(B[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(y.getBemElement)(e.unref(r),"action_cell__hover"),s.actionHoverCls])},[e.renderSlot(s.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2),e.renderSlot(s.$slots,"action",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2)):_.column.id!==i?e.renderSlot(s.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}),()=>[e.createVNode(e.unref(G),{render:_.column.columnDef.cell,props:_.getContext()},null,8,["render","props"])]):s.rowKey&&C.original[s.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"selection")),onClick:B[1]||(B[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(X._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!C.getCanSelect(),checked:e.unref(W)(C),onChange:he=>e.unref(fe)(he,C),ref_for:!0},e.unref(de)(C.original)),null,16,["disabled","checked","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[f.cellAction&&![e.unref(u),i].includes(_.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1040))),128)),o.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(z).getRowModel().rows.length?2:s.loadingRowCount,C=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:C,ref_for:!0},T({index:C,zebra:s.zebra,loading:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getVisibleLeafColumns(),(b,_)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$2),{key:_},{default:e.withCtx(()=>[b.id!==i?e.renderSlot(s.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:_,column:b.columnDef}),()=>[e.createVNode(ve._sfc_main,e.mergeProps({ref_for:!0},e.unref(ge)(b.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1040))),128)):e.unref(z).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.normalizeProps(e.mergeProps({key:1},T({empty:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main$2),{colspan:e.unref(z).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(we._sfc_main,e.mergeProps({type:"advance"},s.emptyProps),e.createSlots({_:2},[f.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyTitle")]),key:"0"}:void 0,f.emptyDescription?{name:"description",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyDescription")]),key:"1"}:void 0,f.emptyActions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyActions")]),key:"2"}:void 0,f.emptyImage?{name:"image",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3},16)),s.lazyLoading?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.normalizeProps(e.mergeProps({key:2},T({lazyLoadObserver:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main$2),{ref_key:"target",ref:Z,"lazy-load-observer":"",colspan:e.unref(z).getVisibleLeafColumns().length},null,8,["colspan"])]),_:1},16)):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])]),_:3},16,["root-props","class"])]),_:3},8,["open"])],2))}});exports._sfc_main=Ue;
+"use strict";const e=require("vue"),A=require("@tanstack/vue-table"),X=require("./Checkbox.vue_vue_type_style_index_0_lang-BJR8DTwY.js"),M=require("./Menu.vue_vue_type_style_index_0_lang-D05aCpTB.js"),ye=require("./ActionButton.vue_vue_type_script_setup_true_lang-BXBbugSr.js"),we=require("./Empty.vue_vue_type_style_index_0_lang-DnbvFfFf.js"),S=require("./omit-BOck6M8N.js"),w=require("./_getTag-DaDHQQf0.js"),y=require("@pantograph/utils"),ce=require("@vueuse/core"),ve=require("./Skeleton.vue_vue_type_style_index_0_lang-BRov9v5C.js"),Y=require("./Popover.vue_vue_type_style_index_0_lang-gwfkX0W2.js"),Se=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),Be=require("./Badge.vue_vue_type_script_setup_true_lang-B1TiEkyp.js"),ee=require("./Divider.vue_vue_type_style_index_0_lang-DuAAwNmp.js"),te=require("./IconButton.vue_vue_type_script_setup_true_lang-B-s9aq-_.js"),H=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),be=require("./Switch.vue_vue_type_style_index_0_lang-CS0lHzNt.js"),Ve=require("class-variance-authority"),ne=require("./isEmpty-DYtn8rNT.js"),$=require("./isArray-3RTyNB5p.js"),V=require("./THead.vue_vue_type_style_index_0_lang-CjNYs1Lo.js"),R=require("./cloneDeep-Cx-pZsI1.js"),Ee=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DFyVzt_L.js"),ue=require("./_baseIteratee-BruOZIpV.js"),re=require("./get-D_Zlr4Ty.js"),Pe=require("./uniq-DDYIWToX.js"),ze=require("@pantograph/tokens"),oe=require("./isNumber-CYWvnzF3.js"),Ne=({isColumnWrapped:n,selectionId:l})=>{const o=t=>{var u;const m=h=>h==="list"?"md":"sm";return{...(t==null?void 0:t.skeletonProps)??{},style:"width: 100%",size:m((u=t==null?void 0:t.skeletonProps)==null?void 0:u.type)}},d=t=>{var u,h;const m=(u=t.props)==null?void 0:u.column.columnDef;return w.isFunction(m==null?void 0:m.render)&&t.props.row?(h=m==null?void 0:m.render)==null?void 0:h.call(m,{index:t.props.row.index,record:t.props.row.original,column:S.omit(m,"render")}):typeof t.render=="function"||typeof t.render=="object"?e.h(t.render,t.props):t.render},f=t=>{let m={};if(t){const u=P=>Number(P)>=0?`${P}px`:P,{width:h,maxWidth:E,minWidth:k}=t;(h||E||k)&&(m={width:u(h),maxWidth:u(E),minWidth:u(k),overflow:h||E?"hidden":void 0})}return m},r={},i=(t,m=!0)=>{var h;let u=1;return((h=t==null?void 0:t.subHeaders)==null?void 0:h.length)===1&&t.column.id===t.subHeaders[0].column.id&&(u+=i(t.subHeaders[0],!1)),m&&(!r[t.column.id]||r[t.column.id]<u)&&(r[t.column.id]=u),u},g=(t,m={})=>{var u;if(t!=null&&t.column){const h=(u=t==null?void 0:t.column)==null?void 0:u.columnDef,E=[],k={};if(w.isObject(h)){let P=n(t.column.id);const{customCell:N,class:F}=h;if(ne.isEmpty(F)||E.push(F),N&&(w.isObject(N)||w.isFunction(N))){const D=q=>{if(w.isObject(q)){const{wrap:L,colSpan:z,rowSpan:O}=q;P=P||(L??!1),k.colSpan=z,k.rowSpan=O}};w.isFunction(N)&&t.row?D(N({index:t.row.index,record:t.row.original,column:h})):D(N)}t.header?k.rowSpan=i(t.header):P&&(k.wrap=!0)}return{class:ne.isEmpty(E)?void 0:E,...k,...m}}return{}};return{getSkeletonProps:o,RenderCell:d,getThProps:t=>{var m,u,h;return g(t,{colSpan:(m=t==null?void 0:t.header)==null?void 0:m.colSpan,"data-has-children":((h=(u=t==null?void 0:t.column)==null?void 0:u.columns)==null?void 0:h.length)>1?!0:void 0})},getTdProps:t=>g(t),getColProps:t=>{const m=f(t.columnDef);return t.id===l&&(m.width="var(--pt-dimension-2800)"),{style:m}},isThVisible:(t,m,u)=>r[u]===1?!0:m-t===r[u]}};var xe="[object Boolean]";function Re(n){return n===!0||n===!1||$.isObjectLike(n)&&$.baseGetTag(n)==xe}const Ae=n=>{const l=e.ref([]),o=g=>g?l.value.findIndex(p=>p.id===g):-1,d=g=>{if(g)return l.value.find(p=>p.id===g)},f=g=>{var p;return!!((p=d(g))!=null&&p.wrap)},r=g=>{const{id:p}=g;if(!p)return!1;const v=g.wrap??!f(p),a=o(p);return a>=0?l.value[a]={id:p,wrap:v}:l.value.push({id:p,wrap:v}),!0},i=e.computed(()=>(n.columns??[]).filter(g=>Re(g.wrap)).map(g=>({id:g.id,wrap:!!g.wrap})));return e.watch(i,g=>{l.value=[...l.value,...g]},{immediate:!0,deep:!0}),{isColumnWrapped:f,toggleWrap:r}};function le(n,l){return ue.baseIsEqual(n,l)}const qe=(n,{colId:l,onSelectionChange:o})=>{const d=e.ref({}),f=e.computed(()=>Object.keys(d.value));e.watch(()=>{var a;return(a=n.rowSelection)==null?void 0:a.selectedRowKeys},(a,c)=>{var t,m;if((m=(t=n.rowSelection)==null?void 0:t.selectedRowKeys)!=null&&m.length&&!le(a,c)){const u=Object.fromEntries(e.unref(n.rowSelection.selectedRowKeys??Object.keys(d.value)).map(h=>[h,!0]));le(u,d.value)||(d.value=u)}},{immediate:!0});const r=e.computed(()=>n.rowKey?A.flattenBy(n.data,a=>a.children).map(a=>a[n.rowKey]):[]),i=()=>{const a=Object.fromEntries(f.value.filter(c=>{var t;return!((t=n.rowSelection)!=null&&t.preserveSelectedRowKeys)&&n.rowKey?r.value.includes(c):!0}).map(c=>[c,!0]));Object.keys(a).length!==f.value.length&&(d.value=a,e.nextTick(()=>{o()}))},g=A.createColumnHelper();return{rowSelection:d,selectedRowKeys:f,checkSelections:i,getSelectionCol:()=>{if(n.rowSelection&&n.rowKey)return g.accessor(l,{id:l,enableSorting:!1})},clearSelection:()=>{d.value={}}}},$e=(n,{selectedRowKeys:l,props:o})=>{const d=e.computed(()=>n.getIsAllRowsSelected()?!0:n.getIsSomeRowsSelected()?"indeterminate":!1),f=e.computed(()=>({selectedRowKeys:l.value,selectedRows:n.getFilteredSelectedRowModel().flatRows.map(a=>a.original)})),r=a=>{n.getIsSomeRowsSelected()||n.getIsAllRowsSelected()?n.toggleAllRowsSelected(!1):n.toggleAllRowsSelected(!0),e.nextTick(()=>{var c,t;w.isFunction((c=o.rowSelection)==null?void 0:c.onSelectAll)&&o.rowSelection.onSelectAll({...f.value,selected:a}),w.isFunction((t=o.rowSelection)==null?void 0:t.onChange)&&o.rowSelection.onChange(f.value)})},i=(a,c)=>{var t;c.toggleSelected(a,{selectChildren:!((t=o.rowSelection)!=null&&t.checkStrictly)}),e.nextTick(()=>{var m,u;w.isFunction((m=o.rowSelection)==null?void 0:m.onSelect)&&o.rowSelection.onSelect({...f.value,selected:a,record:c.original}),w.isFunction((u=o.rowSelection)==null?void 0:u.onChange)&&o.rowSelection.onChange(f.value)})},g=a=>{var c,t;return w.isFunction((c=o.rowSelection)==null?void 0:c.getCheckboxProps)&&((t=o.rowSelection)==null||t.getCheckboxProps(a)),{}},p=a=>{var c;if(a.getIsSelected())return!0;if((c=a.subRows)!=null&&c.length){if(a.getIsAllSubRowsSelected())return!0;if(a.getIsSomeSelected())return"indeterminate"}return!1},v=e.computed(()=>n.getFilteredSelectedRowModel().flatRows.length);return{getCheckedAll:d,checkAll:r,check:i,getCheckboxProps:g,getRowChecked:p,selectedItemsLength:v,getSelectCallbackProps:f}},Te=({props:n,prefix:l,slots:o,getSelectionCol:d})=>{const f=A.createColumnHelper(),r=e.computed(()=>{var c;return((c=n.actionCol)==null?void 0:c.id)??`$${l}_action$`}),i=e.computed(()=>{var E;const c=k=>S.omit(k??{},"columns","id"),t=k=>{var N;const P=k.id??y.usePCId(`${l}--col`);return $.isArray(re.get(k,n.childrenColumnName??"children"))?f.group({header:k.title,id:P,columns:(N=re.get(k,n.childrenColumnName??"children")??[])==null?void 0:N.map(t),enableSorting:!1,...c(k)}):f.accessor(k.dataIndex??k.id,{header:k.title,id:P,enableSorting:!!k.sorter,...c(k)})};if(!$.isArray(n.columns))throw"no columns";const m=n.columns.map(({id:k})=>k);if(Pe.uniq(m).length!==m.length)throw"no uniq column ids";const u=[],h=d();return h&&u.push(h),n.columns.forEach(k=>{u.push(t(k))}),(o.action||o.hoverAction)&&u.push(f.accessor(r.value,{id:r.value,header:(E=n.actionCol)==null?void 0:E.title,enableSorting:!1,...c(n.actionCol)})),u}),g=ze.getBreakpoints(),v=ce.useBreakpoints(Object.fromEntries(Object.keys(g).map(c=>[c,g[c].minWidth])),{strategy:"min-width"}).active(),a=e.ref({});return e.watch(v,c=>{a.value=Object.fromEntries(A.flattenBy(i.value,t=>t.columns).map(t=>{var m;return[t.id,$.isArray(t==null?void 0:t.responsive)?((m=t.responsive)==null?void 0:m.includes(c))??!1:!0]}))},{immediate:!0}),{cols:i,actionId:r,columnVisibility:a}};function Fe(n){return function(l,o,d){for(var f=-1,r=Object(l),i=d(l),g=i.length;g--;){var p=i[++f];if(o(r[p],p,r)===!1)break}return l}}var De=Fe();function Le(n,l){return n&&De(n,l,S.keys)}function Me(n,l){return function(o,d){if(o==null)return o;if(!w.isArrayLike(o))return n(o,d);for(var f=o.length,r=-1,i=Object(o);++r<f&&d(i[r],r,i)!==!1;);return o}}var Oe=Me(Le);function Ke(n,l){var o=-1,d=w.isArrayLike(n)?Array(n.length):[];return Oe(n,function(f,r,i){d[++o]=l(f,r,i)}),d}function He(n,l){var o=n.length;for(n.sort(l);o--;)n[o]=n[o].value;return n}function We(n,l){if(n!==l){var o=n!==void 0,d=n===null,f=n===n,r=S.isSymbol(n),i=l!==void 0,g=l===null,p=l===l,v=S.isSymbol(l);if(!g&&!v&&!r&&n>l||r&&i&&p&&!g&&!v||d&&i&&p||!o&&p||!f)return 1;if(!d&&!r&&!v&&n<l||v&&o&&f&&!d&&!r||g&&o&&f||!i&&f||!p)return-1}return 0}function Ie(n,l,o){for(var d=-1,f=n.criteria,r=l.criteria,i=f.length,g=o.length;++d<i;){var p=We(f[d],r[d]);if(p){if(d>=g)return p;var v=o[d];return p*(v=="desc"?-1:1)}}return n.index-l.index}function je(n,l,o){l.length?l=S.arrayMap(l,function(r){return $.isArray(r)?function(i){return S.baseGet(i,r.length===1?r[0]:r)}:r}):l=[S.identity];var d=-1;l=S.arrayMap(l,w.baseUnary(ue.baseIteratee));var f=Ke(n,function(r,i,g){var p=S.arrayMap(l,function(v){return v(r)});return{criteria:p,index:++d,value:r}});return He(f,function(r,i){return Ie(r,i,o)})}function Ze(n,l){return S.setToString(S.overRest(n,l,S.identity),n+"")}function se(n,l,o){if(!w.isObject(o))return!1;var d=typeof l;return(d=="number"?w.isArrayLike(o)&&S.isIndex(l,o.length):d=="string"&&l in o)?S.eq(o[l],n):!1}var ie=Ze(function(n,l){if(n==null)return[];var o=l.length;return o>1&&se(n,l[0],l[1])?l=[]:o>2&&se(l[0],l[1],l[2])&&(l=[l[0]]),je(n,S.baseFlatten(l),[])});const Ge=(n,l,o)=>{const d=a=>{const c=p(a);if(!c)return"tabler:arrows-up-down";if(c==="desc")return"tabler:arrow-down";if(c==="asc")return"tabler:arrow-up"},f=a=>{const c=p(a);if(!c)return"Sort A → Z";if(c==="desc")return"Sorted Z → A\u2028Click to change sort";if(c==="asc")return"Sorted A → Z\u2028Click to change sort"},r=e.ref([]),i=e.ref([]),g=(a,c)=>{const t=R.cloneDeep([...r.value,...i.value].find(u=>u.id===a.id))??{id:a.id,sorter:a.columnDef.sorter,multiple:a.columnDef.multiSort};c?t.desc=c==="desc":t.desc===void 0?t.desc=!1:t.desc===!0?t.desc=void 0:t.desc=!0;const m=()=>t.desc===void 0?!1:t.desc===!0?"desc":"asc";oe.isNumber(a.columnDef.multiSort)&&[...r.value,...i.value].every(u=>oe.isNumber(u.multiple))?(r.value=R.cloneDeep(r.value).filter(u=>u.id!==a.id),i.value=R.cloneDeep(i.value).filter(u=>u.id!==a.id),t.sorter==="server"?i.value.push(t):r.value.push(t),r.value=ie(r.value,"multiple"),i.value=ie(i.value,"multiple")):t.sorter==="server"?(r.value=[],i.value=[t]):(r.value=[t],i.value=[]),r.value=r.value.filter(u=>u.desc!==void 0),i.value=i.value.filter(u=>u.desc!==void 0),l("sort",a.columnDef,m(),R.cloneDeep([...r.value,...i.value]))},p=a=>{const c=[...i.value,...r.value].find(t=>a.id===t.id);return(c==null?void 0:c.desc)===!1?"asc":(c==null?void 0:c.desc)===!0?"desc":!1};return{data:e.computed(()=>(o(),[...n.data])),sorting:r,getSortIcon:d,getSortTooltip:f,toggleSort:g,getIsSorted:p}},Ue=e.defineComponent({__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollViewportCls:{},scrollAreaCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},scrollContainerProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean},rowProps:{}},emits:["fetch","rowClick","sort"],setup(n,{emit:l}){const o=n,d=l,f=e.useSlots(),r=y.getBemBlock("data_table",y.wgt_pre),i=`$${r}_selection$`,g=Ve.cva(r,{variants:{empty:y.generateVariantClassList("empty",r)}}),{rowSelection:p,checkSelections:v,getSelectionCol:a,clearSelection:c,selectedRowKeys:t}=qe(o,{colId:i,onSelectionChange:()=>{var s;w.isFunction((s=o.rowSelection)==null?void 0:s.onChange)&&o.rowSelection.onChange(j.value)}}),{cols:m,actionId:u,columnVisibility:h}=Te({props:o,slots:f,prefix:r,getSelectionCol:a}),{toggleWrap:E,isColumnWrapped:k}=Ae(o),{getSortTooltip:P,getSortIcon:N,sorting:F,data:D,toggleSort:q,getIsSorted:L}=Ge(o,d,v),z=A.useVueTable({getSubRows:s=>s.children,enableSorting:!0,enableMultiSort:!0,get data(){return D.value},state:{get sorting(){return F.value},get rowSelection(){return p.value},get columnVisibility(){return h.value}},enableRowSelection:!0,get columns(){return m.value},getRowId(s,B){return o.rowKey?s[o.rowKey]:B},getRowCanExpand:()=>!0,getCoreRowModel:A.getCoreRowModel(),getSortedRowModel:A.getSortedRowModel(),onRowSelectionChange:s=>{p.value=typeof s=="function"?s(p.value):s}}),{getCheckedAll:O,checkAll:ae,check:fe,getRowChecked:W,selectedItemsLength:I,getCheckboxProps:de,getSelectCallbackProps:j}=$e(z,{selectedRowKeys:t,props:o}),Z=e.useTemplateRef("target"),{stop:me}=ce.useIntersectionObserver(Z,([s])=>{o.lazyLoading&&!o.loading&&(s!=null&&s.isIntersecting)&&d("fetch")});e.onBeforeUnmount(me);const{getSkeletonProps:ge,getThProps:pe,RenderCell:G,getTdProps:K,getColProps:_e,isThVisible:Ce}=Ne({selectionId:i,isColumnWrapped:k}),U=e.shallowRef(0),ke=({item:s},B)=>{s.key==="a-z"&&q(B,"asc"),s.key==="z-a"&&q(B,"desc"),s.key==="wrap"&&E({id:B.id}),U.value++},J=e.computed(()=>z.getHeaderGroups().map(s=>({...s,headers:s.headers.map(B=>({...B,bindings:pe(B.getContext())}))}))),T=s=>{const B=R.cloneDeep(S.omit(s??{},"row"));let C={};o.rowProps&&(w.isFunction(o.rowProps)&&(C=R.cloneDeep(o.rowProps(s)??{})),w.isObject(o.rowProps)&&(C=R.cloneDeep(o.rowProps)));const b=w.isFunction(C.onClick)||s.row?_=>{s.row&&d("rowClick",s.row,_),w.isFunction(C.onClick)&&C.onClick(_)}:void 0;return{...C,...B,onClick:b}};return(s,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(y.getBemElement)(e.unref(r),"root"),s.rootCls])},[e.createVNode(Y._sfc_main,{"z-index":"1",open:!!(e.unref(I)&&f.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions"))},[e.createVNode(Be._sfc_main,{text:e.unref(I),size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions__title"))},e.toDisplayString(s.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions__actions"))},[e.renderSlot(s.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(e.unref(j))))],2),e.createVNode(ee._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"batch_actions__divider"))},null,8,["class"]),e.createVNode(te._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:e.unref(c)},null,8,["onClick"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(Ee._sfc_main),e.mergeProps(s.scrollContainerProps,{"root-props":{class:e.unref(y.getBemElement)(e.unref(r),"scroll_container")},class:e.unref(y.getBemElement)(e.unref(r),"scroll_area")}),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main),{size:s.size,style:e.normalizeStyle({tableLayout:s.tableLayout}),class:e.normalizeClass([e.unref(g)({empty:!e.unref(z).getRowModel().rows.length}),o.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getVisibleLeafColumns(),C=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:C.id,ref_for:!0},e.unref(_e)(C)),null,16))),128))]),s.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V._sfc_main$5),{key:0,class:e.normalizeClass(s.theadCls),sticky:s.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,(C,b)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},T({index:b,header:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.headers,_=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[e.unref(Ce)(b,J.value.length,_.column.id)?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$1),e.mergeProps({key:0,ref_for:!0},_.bindings,{"data-selection":_.column.id===i}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__content"))},[_.column.id!==i?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__content__title"))},[e.renderSlot(s.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:_.column.columnDef}),()=>[e.createVNode(e.unref(G),{props:_.getContext(),render:_.column.columnDef.header},null,8,["props","render"])])],2),_.column.getCanSort()?(e.openBlock(),e.createBlock(Se._sfc_main,{key:0,placement:"bottom"},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(P)(_.column)),1)]),default:e.withCtx(()=>[e.createVNode(ye._sfc_main,{class:e.normalizeClass({hide_filter_action:!e.unref(L)(_.column)}),icon:e.unref(N)(_.column),size:"sm",type:"ghost",variant:"icon",active:!!e.unref(L)(_.column),onClick:x=>e.unref(q)(_.column)},null,8,["class","icon","active","onClick"])]),_:2},1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(X._sfc_main,{rootCls:"w-fit",checked:e.unref(O),onChange:e.unref(ae)},null,8,["checked","onChange"])],64))],2),![e.unref(u),i].includes(_.column.id)&&!_.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__action"))},[(e.openBlock(),e.createBlock(Y._sfc_main,{"z-index":"1",placement:"bottom-end",key:U.value},{content:e.withCtx(()=>[e.createVNode(M._sfc_main,{onSelect:x=>ke(x,_.column)},{default:e.withCtx(()=>[_.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(M._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:x})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-up",size:x},null,8,["size"])]),_:1}),e.createVNode(M._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:x})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-down",size:x},null,8,["size"])]),_:1}),e.createVNode(ee._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(M._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:x})=>[e.createVNode(H._sfc_main,{icon:"tabler:text-wrap",size:x},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(be._sfc_main,{checked:e.unref(k)(_.column.id)},null,8,["checked"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(te._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"gray",type:"ghost",class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1040))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(V._sfc_main$4),{class:e.normalizeClass(s.tbodyCls),ref:"body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getRowModel().rows,(C,b)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},T({index:b,zebra:s.zebra,checked:!!e.unref(W)(C),row:C.original})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.getVisibleCells(),_=>{var x,Q;return e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[((x=e.unref(K)(_.getContext()))==null?void 0:x.colSpan)!==0&&((Q=e.unref(K)(_.getContext()))==null?void 0:Q.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(K)(_.getContext())),e.createSlots({default:e.withCtx(()=>[_.column.id===e.unref(u)&&(f.hoverAction||f.action)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:B[0]||(B[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(y.getBemElement)(e.unref(r),"action_cell__hover"),s.actionHoverCls])},[e.renderSlot(s.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2),e.renderSlot(s.$slots,"action",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2)):_.column.id!==i?e.renderSlot(s.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}),()=>[e.createVNode(e.unref(G),{render:_.column.columnDef.cell,props:_.getContext()},null,8,["render","props"])]):s.rowKey&&C.original[s.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"selection")),onClick:B[1]||(B[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(X._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!C.getCanSelect(),checked:e.unref(W)(C),onChange:he=>e.unref(fe)(he,C),ref_for:!0},e.unref(de)(C.original)),null,16,["disabled","checked","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[f.cellAction&&![e.unref(u),i].includes(_.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1040))),128)),o.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(z).getRowModel().rows.length?2:s.loadingRowCount,C=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:C,ref_for:!0},T({index:C,zebra:s.zebra,loading:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getVisibleLeafColumns(),(b,_)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$2),{key:_},{default:e.withCtx(()=>[b.id!==i?e.renderSlot(s.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:_,column:b.columnDef}),()=>[e.createVNode(ve._sfc_main,e.mergeProps({ref_for:!0},e.unref(ge)(b.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1040))),128)):e.unref(z).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.normalizeProps(e.mergeProps({key:1},T({empty:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main$2),{colspan:e.unref(z).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(we._sfc_main,e.mergeProps({type:"advance"},s.emptyProps),e.createSlots({_:2},[f.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyTitle")]),key:"0"}:void 0,f.emptyDescription?{name:"description",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyDescription")]),key:"1"}:void 0,f.emptyActions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyActions")]),key:"2"}:void 0,f.emptyImage?{name:"image",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3},16)),s.lazyLoading?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.normalizeProps(e.mergeProps({key:2},T({lazyLoadObserver:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main$2),{ref_key:"target",ref:Z,"lazy-load-observer":"",colspan:e.unref(z).getVisibleLeafColumns().length},null,8,["colspan"])]),_:1},16)):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])]),_:3},16,["root-props","class"])]),_:3},8,["open"])],2))}});exports._sfc_main=Ue;

package/dist/ScrollContainer/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CLHKKM8k.js";
+import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-D9RXstRc.js";
 export {
   r as ScrollContainer,
   e as ScrollContainerSizes,

package/dist/ScrollContainer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.vue_vue_type_style_index_0_lang-2_bly1E5.js");exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DFyVzt_L.js");exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;

package/dist/{ScrollContainer.vue_vue_type_style_index_0_lang-CLHKKM8k.js → ScrollContainer.vue_vue_type_style_index_0_lang-D9RXstRc.js}

@@ -1,8 +1,8 @@
-import { defineComponent as Y, createElementBlock as F, openBlock as d, normalizeClass as o, unref as e, createElementVNode as a, computed as J, useTemplateRef as f, shallowRef as h, onBeforeUnmount as K, ref as C, onMounted as Q, createBlock as R, mergeProps as E, withCtx as v, createVNode as u, createCommentVNode as P, renderSlot as $, Fragment as Z } from "vue";
+import { defineComponent as Y, createElementBlock as F, openBlock as d, normalizeClass as o, unref as e, createElementVNode as a, computed as J, useTemplateRef as f, shallowRef as V, onBeforeUnmount as K, ref as k, onMounted as Q, createBlock as R, mergeProps as E, withCtx as v, createVNode as u, createCommentVNode as P, renderSlot as $, Fragment as Z } from "vue";
 import { ScrollAreaRoot as x, ScrollAreaViewport as ee, ScrollAreaScrollbar as N, ScrollAreaThumb as T, ScrollAreaCorner as se } from "radix-vue";
 import { cva as W } from "class-variance-authority";
-import { getBemBlock as oe, getBemElement as r, generateVariantClassList as n } from "@pantograph/utils";
-import { useElementVisibility as w, useIntersectionObserver as le, useDebounceFn as re, useResizeObserver as X } from "@vueuse/core";
+import { getBemBlock as oe, getBemElement as r, generateVariantClassList as i } from "@pantograph/utils";
+import { useElementVisibility as C, useIntersectionObserver as le, useDebounceFn as re, useResizeObserver as X } from "@vueuse/core";
 import { u as te } from "./index-CKvTY2M1.js";
 const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
   __name: "Mask",
@@ -13,16 +13,16 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
     startVisible: { type: Boolean }
   },
   setup(p) {
-    const b = p, t = r(l, "mask"), c = W(t, {
+    const m = p, t = r(l, "mask"), c = W(t, {
       variants: {
-        topVisible: n("top-visible", t),
-        bottomVisible: n("bottom-visible", t),
-        startVisible: n("start-visible", t),
-        endVisible: n("end-visible", t)
+        topVisible: i("top-visible", t),
+        bottomVisible: i("bottom-visible", t),
+        startVisible: i("start-visible", t),
+        endVisible: i("end-visible", t)
       }
     });
-    return (k, _) => (d(), F("div", {
-      class: o(e(c)(b))
+    return (w, _) => (d(), F("div", {
+      class: o(e(c)(m))
     }, [
       a("div", {
         class: o(e(r)(e(t), "top"))
@@ -38,7 +38,7 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
       }, null, 2)
     ], 2));
   }
-}), be = ["auto", "always", "scroll", "hover"], ie = ["sm", "md", "lg"], me = /* @__PURE__ */ Y({
+}), me = ["auto", "always", "scroll", "hover"], ie = ["sm", "md", "lg"], be = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "ScrollContainer",
   props: {
@@ -56,31 +56,33 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
     color: {}
   },
   emits: ["loadMore"],
-  setup(p, { expose: b, emit: t }) {
-    const c = p, k = t, _ = W(l, {
+  setup(p, { expose: m, emit: t }) {
+    const c = p, w = t, _ = W(l, {
       variants: {
-        size: n(ie, l),
-        overlay: n("overlay", l),
-        isOverflowX: n("overflowed-x", l),
-        isOverflowY: n("overflowed-y", l)
+        size: i(ie, l),
+        overlay: i("overlay", l),
+        isOverflowX: i("overflowed-x", l),
+        isOverflowY: i("overflowed-y", l),
+        hasMask: i("has-mask", l)
       }
-    }), m = r(l, "scroll_bar"), B = r(m, "thumb"), { config: I } = te(), L = J(() => c.dir ? c.dir : I.dir.value), S = f("top"), U = w(S), g = f("end"), j = w(g), z = f("start"), q = w(z), O = f("bottom"), y = h(!1), { stop: G } = le(O, ([{ isIntersecting: s }]) => {
-      s ? (k("loadMore"), y.value = !0) : y.value = !1;
+    }), b = r(l, "scroll_bar"), B = r(b, "thumb"), { config: I } = te(), L = J(() => c.dir ? c.dir : I.dir.value), S = f("top"), U = C(S), g = f("end"), j = C(g), z = f("start"), q = C(z), M = f("bottom"), y = V(!1), { stop: G } = le(M, ([{ isIntersecting: s }]) => {
+      s ? (w("loadMore"), y.value = !0) : y.value = !1;
     });
     K(G);
-    const i = C(), M = C(), A = C(), D = h(!1), H = h(!1), V = re(() => {
+    const n = k(), O = k(), A = k(), D = V(!1), H = V(!1), h = re(() => {
       var s;
-      e((s = i.value) == null ? void 0 : s.viewport) && (D.value = e(i.value.viewport).offsetWidth < e(i.value.viewport).scrollWidth, H.value = e(i.value.viewport).offsetHeight < e(i.value.viewport).scrollHeight);
+      e((s = n.value) == null ? void 0 : s.viewport) && (D.value = e(n.value.viewport).offsetWidth < e(n.value.viewport).scrollWidth, H.value = e(n.value.viewport).offsetHeight < e(n.value.viewport).scrollHeight);
     }, 10);
-    return Q(() => V()), X(i, V), X(A, V), b({
-      container: M,
-      root: i
+    return Q(() => h()), X(n, h), X(A, h), m({
+      container: O,
+      root: n
     }), (s, ne) => (d(), R(e(x), E({
       class: [
         e(_)({
           overlay: s.overlay,
           isOverflowX: D.value,
           isOverflowY: H.value,
+          hasMask: s.hasMask,
           size: s.size
         })
       ],
@@ -92,14 +94,14 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
         "--ptc-scroll-container-color": s.color
       },
       ref_key: "root",
-      ref: i
+      ref: n
     }), {
       default: v(() => [
         u(e(ee), E({
           class: e(r)(e(l), "area")
         }, s.$attrs, {
           ref_key: "container",
-          ref: M,
+          ref: O,
           "as-child": ""
         }), {
           default: v(() => [
@@ -127,7 +129,7 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
                 }, null, 2),
                 a("div", {
                   ref_key: "bottom",
-                  ref: O,
+                  ref: M,
                   class: o(e(r)(e(l), "bottom_observer"))
                 }, null, 2)
               ], 64)) : P("", !0)
@@ -143,7 +145,7 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
           startVisible: e(q)
         }, null, 8, ["topVisible", "bottomVisible", "endVisible", "startVisible"])) : P("", !0),
         u(e(N), {
-          class: o([e(m), s.scrollbarCls]),
+          class: o([e(b), s.scrollbarCls]),
           orientation: "vertical",
           ref: "vertical"
         }, {
@@ -155,7 +157,7 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
           _: 1
         }, 8, ["class"]),
         u(e(N), {
-          class: o([e(m), s.scrollbarCls]),
+          class: o([e(b), s.scrollbarCls]),
           orientation: "horizontal",
           ref: "horizontal"
         }, {
@@ -177,7 +179,7 @@ const l = oe("scroll_container"), ae = /* @__PURE__ */ Y({
   }
 });
 export {
-  be as S,
-  me as _,
+  me as S,
+  be as _,
   ie as a
 };

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-DFyVzt_L.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("radix-vue"),z=require("class-variance-authority"),r=require("@pantograph/utils"),n=require("@vueuse/core"),L=require("./index-BfpYQmzU.js"),l=r.getBemBlock("scroll_container"),O=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},endVisible:{type:Boolean},startVisible:{type:Boolean}},setup(c){const u=c,t=r.getBemElement(l,"mask"),i=z.cva(t,{variants:{topVisible:r.generateVariantClassList("top-visible",t),bottomVisible:r.generateVariantClassList("bottom-visible",t),startVisible:r.generateVariantClassList("start-visible",t),endVisible:r.generateVariantClassList("end-visible",t)}});return(v,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)(u))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"start"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"end"))},null,2)],2))}}),T=["auto","always","scroll","hover"],w=["sm","md","lg"],q=e.defineComponent({inheritAttrs:!1,__name:"ScrollContainer",props:{scrollDistance:{default:10},scrollHideDelay:{default:200},dir:{},type:{default:"hover"},hasMask:{type:Boolean},size:{default:"md"},scrollbarCls:{},thumbCls:{},cornerCls:{},rootProps:{},overlay:{type:Boolean,default:!0},color:{}},emits:["loadMore"],setup(c,{expose:u,emit:t}){const i=c,v=t,p=z.cva(l,{variants:{size:r.generateVariantClassList(w,l),overlay:r.generateVariantClassList("overlay",l),isOverflowX:r.generateVariantClassList("overflowed-x",l),isOverflowY:r.generateVariantClassList("overflowed-y",l),hasMask:r.generateVariantClassList("has-mask",l)}}),f=r.getBemElement(l,"scroll_bar"),b=r.getBemElement(f,"thumb"),{config:S}=L.useConfig(),_=e.computed(()=>i.dir?i.dir:S.dir.value),V=e.useTemplateRef("top"),N=n.useElementVisibility(V),C=e.useTemplateRef("end"),R=n.useElementVisibility(C),y=e.useTemplateRef("start"),M=n.useElementVisibility(y),h=e.useTemplateRef("bottom"),m=e.shallowRef(!1),{stop:A}=n.useIntersectionObserver(h,([{isIntersecting:s}])=>{s?(v("loadMore"),m.value=!0):m.value=!1});e.onBeforeUnmount(A);const o=e.ref(),g=e.ref(),B=e.ref(),k=e.shallowRef(!1),E=e.shallowRef(!1),d=n.useDebounceFn(()=>{var s;e.unref((s=o.value)==null?void 0:s.viewport)&&(k.value=e.unref(o.value.viewport).offsetWidth<e.unref(o.value.viewport).scrollWidth,E.value=e.unref(o.value.viewport).offsetHeight<e.unref(o.value.viewport).scrollHeight)},10);return e.onMounted(()=>d()),n.useResizeObserver(o,d),n.useResizeObserver(B,d),u({container:g,root:o}),(s,D)=>(e.openBlock(),e.createBlock(e.unref(a.ScrollAreaRoot),e.mergeProps({class:[e.unref(p)({overlay:s.overlay,isOverflowX:k.value,isOverflowY:E.value,hasMask:s.hasMask,size:s.size})],scrollHideDelay:i.scrollHideDelay,dir:_.value,type:i.type},s.rootProps,{style:{"--ptc-scroll-container-color":s.color},ref_key:"root",ref:o}),{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaViewport),e.mergeProps({class:e.unref(r.getBemElement)(e.unref(l),"area")},s.$attrs,{ref_key:"container",ref:g,"as-child":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"area__wrap")),ref_key:"wrap",ref:B},[e.renderSlot(s.$slots,"default"),s.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:V,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"end",ref:C,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"end_observer"))},null,2),e.createElementVNode("div",{ref_key:"start",ref:y,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"start_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:h,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],2)]),_:3},16,["class"]),s.hasMask?(e.openBlock(),e.createBlock(O,{key:0,topVisible:e.unref(N),bottomVisible:m.value,endVisible:e.unref(R),startVisible:e.unref(M)},null,8,["topVisible","bottomVisible","endVisible","startVisible"])):e.createCommentVNode("",!0),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),s.scrollbarCls]),orientation:"vertical",ref:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(b),s.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),s.scrollbarCls]),orientation:"horizontal",ref:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(b),s.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(s.cornerCls)},null,8,["class"]),e.renderSlot(s.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=w;exports.ScrollContainerTypes=T;exports._sfc_main=q;

package/dist/Textarea/Textarea.d.ts

@@ -13,12 +13,14 @@ export interface TextareaProps {
     clearIcon?: string;
     clearIconCls?: Class;
     class?: Class;
-    rootCls?: Class;
+    textareaCls?: Class;
     allowClear?: boolean;
     bordered?: boolean;
     autoSize?: boolean;
     size?: TextareaSize;
     status?: TextareaStatus;
+    rootProps?: object;
+    height?: string | number;
 }
 export interface TextareaSlots {
     clearIcon?: () => never;
@@ -116,6 +118,7 @@ declare function __VLS_template(): {
             };
         }) | null;
         textarea: HTMLTextAreaElement;
+        textHeight: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };
@@ -226,6 +229,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
         };
     }) | null;
     textarea: HTMLTextAreaElement;
+    textHeight: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Textarea/index.d.ts

@@ -1,2 +1,2 @@
 export { type TextareaProps, type TextareaEmits, type TextareaSlots, default, default as Textarea, } from './Textarea';
-export * from './Textarea.model.js';
+export * from './Textarea.model';