@pantograph/vue 0.16.3 → 0.16.4

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-DyVV9xfq.js";
+import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-DUcAIawC.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-XOOywYaT.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-BaR-vsq1.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;

package/dist/{DataTable.vue_vue_type_style_index_0_lang-XOOywYaT.js → DataTable.vue_vue_type_style_index_0_lang-BaR-vsq1.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),A=require("@tanstack/vue-table"),X=require("./Checkbox.vue_vue_type_style_index_0_lang-DFM3fbTe.js"),M=require("./Menu.vue_vue_type_style_index_0_lang-Bq4W8XoE.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-ZDZBmFCH.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-CSRClfQf.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.createCommentVNode("",!0),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-DFM3fbTe.js"),M=require("./Menu.vue_vue_type_style_index_0_lang-DvTw801b.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-ZDZBmFCH.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-CSRClfQf.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.createCommentVNode("",!0),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/{DataTable.vue_vue_type_style_index_0_lang-DyVV9xfq.js → DataTable.vue_vue_type_style_index_0_lang-DUcAIawC.js}

@@ -1,7 +1,7 @@
 import { h as Ne, ref as G, computed as I, watch as ie, unref as t, nextTick as se, defineComponent as xe, useSlots as Ze, useTemplateRef as Ge, onBeforeUnmount as Ue, shallowRef as Je, createElementBlock as $, openBlock as C, normalizeClass as b, createVNode as S, withCtx as y, mergeProps as R, normalizeStyle as Qe, createElementVNode as H, createBlock as E, createCommentVNode as O, Fragment as K, renderList as j, renderSlot as W, createTextVNode as Xe, toDisplayString as ye, createSlots as ve, withModifiers as Ce, normalizeProps as oe, guardReactiveProps as Ye } from "vue";
 import { flattenBy as De, createColumnHelper as Ke, useVueTable as et, getSortedRowModel as tt, getCoreRowModel as ot } from "@tanstack/vue-table";
 import { _ as Se } from "./Checkbox.vue_vue_type_style_index_0_lang-ByHly4sY.js";
-import { _ as nt, a as ne } from "./Menu.vue_vue_type_style_index_0_lang-Cg7yckuQ.js";
+import { _ as nt, a as ne } from "./Menu.vue_vue_type_style_index_0_lang-DPdNJfoZ.js";
 import { _ as rt } from "./ActionButton.vue_vue_type_script_setup_true_lang-DcuomctT.js";
 import { _ as lt } from "./Empty.vue_vue_type_style_index_0_lang-Jm_jtiLY.js";
 import { o as ce, k as st, n as ke, c as re, a as it, m as Le, s as ct, p as at, i as ut, h as ft, q as dt } from "./omit-CWytX-c7.js";

package/dist/Image/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-BgSo-YAW.js";
+import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-BPdGNVa8.js";
 export {
   s as Image,
   g as ImageAspectRatios,

package/dist/Image/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Image.vue_vue_type_style_index_0_lang-Dl1BLT7r.js");exports.Image=e._sfc_main;exports.ImageAspectRatios=e.ImageAspectRatios;exports.ImageSizeRanges=e.ImageSizeRanges;exports.ImageTypes=e.ImageTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Image.vue_vue_type_style_index_0_lang-CBJI_Xpe.js");exports.Image=e._sfc_main;exports.ImageAspectRatios=e.ImageAspectRatios;exports.ImageSizeRanges=e.ImageSizeRanges;exports.ImageTypes=e.ImageTypes;exports.default=e._sfc_main;

package/dist/Image.vue_vue_type_style_index_0_lang-BPdGNVa8.js

@@ -0,0 +1,122 @@
+import { defineComponent as D, useSlots as P, ref as v, toRef as R, watch as w, computed as m, createElementBlock as f, openBlock as i, normalizeStyle as _, normalizeClass as o, unref as t, createBlock as V, createCommentVNode as p, renderSlot as C, createVNode as T, toDisplayString as A } from "vue";
+import { getBemBlock as O, generateVariantClassList as c, getBemElement as u } from "@pantograph/utils";
+import { cva as W } from "class-variance-authority";
+import { i as q } from "./isNumber-BopDesuz.js";
+import { _ as G } from "./Spinner.vue_vue_type_style_index_0_lang-DxwACaLW.js";
+import { _ as H } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
+import { g as J } from "./options-JBqnVZUl.js";
+const K = ["xsm", "sm", "md", "lg"], M = ["1:1", "4:3", "3:2", "16:9", "2:1"], S = ["vertical", "horizontal"], Q = ["alt", "src"], se = /* @__PURE__ */ D({
+  ...J("Image"),
+  __name: "Image",
+  props: {
+    src: { default: "" },
+    fallback: {},
+    width: {},
+    hovered: { type: Boolean },
+    alt: {},
+    class: {},
+    imageCls: {},
+    hoverCls: {},
+    sizeRange: {},
+    aspectRatio: {},
+    type: { default: "horizontal" },
+    objectFit: { default: "cover" },
+    objectPosition: { default: "center" },
+    fallbackDescription: { default: "This image couldn't be loaded." }
+  },
+  emits: ["load", "error"],
+  setup($, { emit: j }) {
+    const e = $, g = j, s = O("image"), B = W(s, {
+      variants: {
+        type: c(S, s),
+        aspectRatio: c(M, s),
+        sizeRange: c(K, s),
+        hovered: c("hovered", s),
+        loaded: c("loaded", s),
+        "fallback-content": c("fallback-content", s)
+      }
+    }), b = P(), l = v(!1), r = v(!1), n = v(!1), h = R(() => e.src);
+    w(h, () => {
+      r.value = !1, n.value = !1, l.value = !1;
+    });
+    const d = R(() => e.fallback);
+    w(d, () => {
+      n.value && (n.value = !1, l.value = !1);
+    });
+    const k = m(() => r.value && !b.fallback && d.value ? "fallback" : "src"), E = m(() => k.value === "src" ? h.value : d.value), I = () => {
+      l.value = !0, g("load");
+    }, L = () => {
+      k.value === "fallback" ? (n.value = !0, l.value = !0) : (r.value = !0, l.value = !0), g("error");
+    }, x = m(() => {
+      const a = typeof e.width;
+      if (["string", "number"].includes(a))
+        return a === "number" ? `${e.width}px` : e.width;
+    }), F = m(() => {
+      const a = String(e.width).replace("px", ""), y = /^\d+(?:\.\d+)?$/, z = e.width && y.test(a) ? Number(a) : e.width;
+      return e.sizeRange === "xsm" || q(z) && z < 100 ? "3xsm" : "sm";
+    }), N = m(() => {
+      let a = `filter: ${l ? "none" : "blur(30px)"}`;
+      return e.objectFit && (a += `;object-fit: ${e.objectFit}`), e.objectPosition && (a += `;object-position: ${e.objectPosition}`), a;
+    });
+    return (a, y) => (i(), f("div", {
+      class: o([
+        t(B)({
+          sizeRange: e.sizeRange,
+          type: !e.type || !t(S).includes(e.type) ? "vertical" : e.type,
+          aspectRatio: e.aspectRatio,
+          hovered: e.hovered,
+          loaded: l.value,
+          "fallback-content": r.value && (!d.value || n.value)
+        }),
+        e.class
+      ]),
+      style: _({ width: x.value })
+    }, [
+      r.value && (!d.value || n.value) ? (i(), f("div", {
+        key: 0,
+        class: o(t(u)(t(s), "fallback"))
+      }, [
+        C(a.$slots, "fallback", {}, () => [
+          T(H, {
+            size: "sm",
+            icon: "tabler:photo-exclamation",
+            class: o(t(u)(t(s), "fallback__icon"))
+          }, null, 8, ["class"]),
+          !a.sizeRange || ["md", "lg"].includes(a.sizeRange) ? (i(), f("div", {
+            key: 0,
+            class: o(t(u)(t(s), "fallback__text"))
+          }, A(a.fallbackDescription), 3)) : p("", !0)
+        ])
+      ], 2)) : (i(), f("img", {
+        key: 1,
+        alt: a.alt,
+        style: _(N.value),
+        src: E.value,
+        class: o([t(u)(t(s), "img"), a.imageCls]),
+        onLoad: I,
+        onError: L
+      }, null, 46, Q)),
+      l.value ? p("", !0) : (i(), V(G, {
+        key: 2,
+        class: o(t(u)(t(s), "loading")),
+        size: F.value
+      }, null, 8, ["class", "size"])),
+      l.value && !r.value && (a.hovered || b.actions) ? (i(), f("div", {
+        key: 3,
+        class: o([
+          t(u)(t(s), "hover_actions"),
+          "pantograph-tokens pantograph-dark",
+          e.hoverCls
+        ])
+      }, [
+        C(a.$slots, "actions")
+      ], 2)) : p("", !0)
+    ], 6));
+  }
+});
+export {
+  K as I,
+  se as _,
+  M as a,
+  S as b
+};

package/dist/{Image.vue_vue_type_style_index_0_lang-Dl1BLT7r.js → Image.vue_vue_type_style_index_0_lang-CBJI_Xpe.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("@pantograph/utils"),w=require("class-variance-authority"),S=require("./isNumber-CYWvnzF3.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-DqDFW850.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),I=require("./options-B4iSAKol.js"),g=["xsm","sm","md","lg"],k=["1:1","4:3","3:2","16:9","2:1"],i=["vertical","horizontal"],j=["alt","src"],q=e.defineComponent({...I.getComponentOptions("Image"),__name:"Image",props:{src:{default:""},fallback:{},width:{},hovered:{type:Boolean},alt:{},class:{},imageCls:{},hoverCls:{},sizeRange:{},aspectRatio:{},type:{default:"horizontal"},objectFit:{default:"cover"},objectPosition:{default:"center"},fallbackDescription:{default:"This image couldn't be loaded."}},emits:["load","error"],setup(b,{emit:h}){const t=b,u=h,l=s.getBemBlock("image"),_=w.cva(l,{variants:{type:s.generateVariantClassList(i,l),aspectRatio:s.generateVariantClassList(k,l),sizeRange:s.generateVariantClassList(g,l),hovered:s.generateVariantClassList("hovered",l),loaded:s.generateVariantClassList("loaded",l),"fallback-content":s.generateVariantClassList("fallback-content",l)}}),m=e.useSlots(),n=e.ref(!1),o=e.ref(!1),r=e.ref(!1),d=e.toRef(()=>t.src);e.watch(d,()=>{o.value=!1,r.value=!1,n.value=!1});const c=e.toRef(()=>t.fallback);e.watch(c,()=>{r.value&&(r.value=!1,n.value=!1)});const f=e.computed(()=>o.value&&!m.fallback&&c.value?"fallback":"src"),y=e.computed(()=>f.value==="src"?d.value:c.value),z=()=>{n.value=!0,u("load")},C=()=>{f.value==="fallback"?(r.value=!0,n.value=!0):(o.value=!0,n.value=!0),u("error")},B=e.computed(()=>{const a=typeof t.width;if(["string","number"].includes(a))return a==="number"?`${t.width}px`:t.width}),E=e.computed(()=>{const a=String(t.width).replace("px",""),v=/^\d+(?:\.\d+)?$/,p=t.width&&v.test(a)?Number(a):t.width;return t.sizeRange==="xsm"||S.isNumber(p)&&p<100?"3xsm":"sm"}),R=e.computed(()=>{let a=`filter: ${n?"none":"blur(30px)"}`;return t.objectFit&&(a+=`;object-fit: ${t.objectFit}`),t.objectPosition&&(a+=`;object-position: ${t.objectPosition}`),a});return(a,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(_)({sizeRange:t.sizeRange,type:!t.type||!e.unref(i).includes(t.type)?"vertical":t.type,aspectRatio:t.aspectRatio,hovered:t.hovered,loaded:n.value,"fallback-content":o.value&&(!c.value||r.value)}),t.class]),style:e.normalizeStyle({width:B.value})},[o.value&&(!c.value||r.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback"))},[e.renderSlot(a.$slots,"fallback",{},()=>[e.createVNode(V._sfc_main,{size:"sm",icon:"tabler:photo-exclamation",class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback__icon"))},null,8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback__text"))},e.toDisplayString(a.fallbackDescription),3)])],2)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:a.alt,style:e.normalizeStyle(R.value),src:y.value,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"img"),a.imageCls]),onLoad:z,onError:C},null,46,j)),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L._sfc_main,{key:2,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"loading")),size:E.value},null,8,["class","size"])),n.value&&!o.value&&(a.hovered||m.actions)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"hover_actions"),"pantograph-tokens pantograph-dark",t.hoverCls])},[e.renderSlot(a.$slots,"actions")],2)):e.createCommentVNode("",!0)],6))}});exports.ImageAspectRatios=k;exports.ImageSizeRanges=g;exports.ImageTypes=i;exports._sfc_main=q;
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),w=require("class-variance-authority"),S=require("./isNumber-CYWvnzF3.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-DqDFW850.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),I=require("./options-B4iSAKol.js"),g=["xsm","sm","md","lg"],k=["1:1","4:3","3:2","16:9","2:1"],i=["vertical","horizontal"],j=["alt","src"],q=e.defineComponent({...I.getComponentOptions("Image"),__name:"Image",props:{src:{default:""},fallback:{},width:{},hovered:{type:Boolean},alt:{},class:{},imageCls:{},hoverCls:{},sizeRange:{},aspectRatio:{},type:{default:"horizontal"},objectFit:{default:"cover"},objectPosition:{default:"center"},fallbackDescription:{default:"This image couldn't be loaded."}},emits:["load","error"],setup(b,{emit:h}){const t=b,u=h,l=s.getBemBlock("image"),y=w.cva(l,{variants:{type:s.generateVariantClassList(i,l),aspectRatio:s.generateVariantClassList(k,l),sizeRange:s.generateVariantClassList(g,l),hovered:s.generateVariantClassList("hovered",l),loaded:s.generateVariantClassList("loaded",l),"fallback-content":s.generateVariantClassList("fallback-content",l)}}),m=e.useSlots(),n=e.ref(!1),o=e.ref(!1),r=e.ref(!1),d=e.toRef(()=>t.src);e.watch(d,()=>{o.value=!1,r.value=!1,n.value=!1});const c=e.toRef(()=>t.fallback);e.watch(c,()=>{r.value&&(r.value=!1,n.value=!1)});const f=e.computed(()=>o.value&&!m.fallback&&c.value?"fallback":"src"),_=e.computed(()=>f.value==="src"?d.value:c.value),z=()=>{n.value=!0,u("load")},C=()=>{f.value==="fallback"?(r.value=!0,n.value=!0):(o.value=!0,n.value=!0),u("error")},B=e.computed(()=>{const a=typeof t.width;if(["string","number"].includes(a))return a==="number"?`${t.width}px`:t.width}),R=e.computed(()=>{const a=String(t.width).replace("px",""),v=/^\d+(?:\.\d+)?$/,p=t.width&&v.test(a)?Number(a):t.width;return t.sizeRange==="xsm"||S.isNumber(p)&&p<100?"3xsm":"sm"}),E=e.computed(()=>{let a=`filter: ${n?"none":"blur(30px)"}`;return t.objectFit&&(a+=`;object-fit: ${t.objectFit}`),t.objectPosition&&(a+=`;object-position: ${t.objectPosition}`),a});return(a,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(y)({sizeRange:t.sizeRange,type:!t.type||!e.unref(i).includes(t.type)?"vertical":t.type,aspectRatio:t.aspectRatio,hovered:t.hovered,loaded:n.value,"fallback-content":o.value&&(!c.value||r.value)}),t.class]),style:e.normalizeStyle({width:B.value})},[o.value&&(!c.value||r.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback"))},[e.renderSlot(a.$slots,"fallback",{},()=>[e.createVNode(V._sfc_main,{size:"sm",icon:"tabler:photo-exclamation",class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback__icon"))},null,8,["class"]),!a.sizeRange||["md","lg"].includes(a.sizeRange)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback__text"))},e.toDisplayString(a.fallbackDescription),3)):e.createCommentVNode("",!0)])],2)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:a.alt,style:e.normalizeStyle(E.value),src:_.value,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"img"),a.imageCls]),onLoad:z,onError:C},null,46,j)),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L._sfc_main,{key:2,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"loading")),size:R.value},null,8,["class","size"])),n.value&&!o.value&&(a.hovered||m.actions)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"hover_actions"),"pantograph-tokens pantograph-dark",t.hoverCls])},[e.renderSlot(a.$slots,"actions")],2)):e.createCommentVNode("",!0)],6))}});exports.ImageAspectRatios=k;exports.ImageSizeRanges=g;exports.ImageTypes=i;exports._sfc_main=q;

package/dist/Menu/index.js

@@ -1,4 +1,4 @@
-import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-Cg7yckuQ.js";
+import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-DPdNJfoZ.js";
 export {
   n as Menu,
   t as MenuGaps,

package/dist/Menu/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-Bq4W8XoE.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-DvTw801b.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;

package/dist/{Menu.vue_vue_type_style_index_0_lang-Cg7yckuQ.js → Menu.vue_vue_type_style_index_0_lang-DPdNJfoZ.js}

@@ -1,7 +1,7 @@
-import { defineComponent as H, useSlots as Z, computed as r, createElementBlock as m, openBlock as i, normalizeClass as C, unref as o, createCommentVNode as O, renderSlot as v, normalizeProps as $, guardReactiveProps as P, createTextVNode as j, toDisplayString as V, createBlock as N, withCtx as T, mergeProps as K, ref as E, getCurrentInstance as oe, resolveComponent as re, createVNode as ie, createSlots as U, renderList as w, Fragment as _, watch as X, withModifiers as ue } from "vue";
-import { getBemBlock as J, generateVariantClassList as I, getBemElement as b, usePCId as de } from "@pantograph/utils";
+import { defineComponent as H, useSlots as _, computed as r, createElementBlock as m, openBlock as i, normalizeClass as C, unref as o, createCommentVNode as K, renderSlot as v, normalizeProps as O, guardReactiveProps as T, createTextVNode as j, toDisplayString as V, Fragment as J, createBlock as N, withCtx as P, ref as E, getCurrentInstance as oe, resolveComponent as re, mergeProps as D, createVNode as ie, createSlots as U, renderList as w, watch as Y, withModifiers as ue } from "vue";
+import { getBemBlock as Q, generateVariantClassList as I, getBemElement as b, usePCId as de } from "@pantograph/utils";
 import { cva as x } from "class-variance-authority";
-import { g as Q } from "./options-JBqnVZUl.js";
+import { g as W } from "./options-JBqnVZUl.js";
 import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-CdaXGV1B.js";
 import { c as q } from "./cloneDeep-iyZKbRAz.js";
 import { i as pe } from "./isEmpty-BEYnAygl.js";
@@ -11,8 +11,8 @@ import { createContext as ee } from "radix-vue";
 import { _ as ve } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
 import { o as ye } from "./omit-CWytX-c7.js";
 import { U as fe } from "./useInputDataStates-BTuFRLeZ.js";
-const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__PURE__ */ H({
-  ...Q("MenuItemContent"),
+const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = Q("menu_item"), Z = /* @__PURE__ */ H({
+  ...W("MenuItemContent"),
   __name: "MenuItemContent",
   props: {
     size: {},
@@ -37,7 +37,7 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
     hasChildren: { type: Boolean }
   },
   setup(F) {
-    const t = F, l = Z(), g = x(d, {
+    const t = F, l = _(), g = x(d, {
       variants: {
         size: I(ne, d),
         selected: I("selected", d),
@@ -115,10 +115,10 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
         key: 0,
         class: C([o(b)(o(d), "leading"), a.leadingCls])
       }, [
-        v(a.$slots, "leading", $(P(u.value)), () => [
+        v(a.$slots, "leading", O(T(u.value)), () => [
           j(V(a.leading), 1)
         ])
-      ], 2)) : O("", !0),
+      ], 2)) : K("", !0),
       l.title || t.title || l.description || t.description ? (i(), m("div", {
         key: 1,
         class: C([o(b)(o(d), "content"), a.contentCls])
@@ -127,23 +127,20 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
           key: 0,
           class: C([o(b)(o(d), "title"), a.titleCls])
         }, [
-          v(a.$slots, "title", $(P(t)), () => [
+          v(a.$slots, "title", O(T(t)), () => [
             j(V(a.title), 1)
           ])
-        ], 2)) : O("", !0),
+        ], 2)) : K("", !0),
         l.description || t.description ? (i(), m("div", {
           key: 1,
           class: C([o(b)(o(d), "description"), a.descriptionCls])
         }, [
-          v(a.$slots, "description", $(P(t)), () => [
+          v(a.$slots, "description", O(T(t)), () => [
             j(V(a.description), 1)
           ])
-        ], 2)) : O("", !0)
-      ], 2)) : O("", !0),
-      a.hasChildren || l.trailing || t.trailing ? (i(), m("div", {
-        key: 2,
-        class: C([o(b)(o(d), "trailing"), a.trailingCls])
-      }, [
+        ], 2)) : K("", !0)
+      ], 2)) : K("", !0),
+      a.hasChildren || l.trailing || t.trailing ? (i(), m(J, { key: 2 }, [
         a.hasChildren ? (i(), N(ve, {
           key: 0,
           "flip-on-dir": "rtl",
@@ -151,18 +148,23 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
           icon: a.branchIcon,
           class: C([o(b)(o(d), "branch"), a.branchCls ?? ""])
         }, {
-          default: T(() => [
-            v(a.$slots, "branchIcon", $(P(u.value)))
+          default: P(() => [
+            v(a.$slots, "branchIcon", O(T(u.value)))
           ]),
           _: 3
-        }, 8, ["size", "icon", "class"])) : v(a.$slots, "trailing", $(K({ key: 1 }, u.value)), () => [
-          j(V(a.trailing), 1)
-        ])
-      ], 2)) : O("", !0)
+        }, 8, ["size", "icon", "class"])) : (i(), m("div", {
+          key: 1,
+          class: C([o(b)(o(d), "trailing"), a.trailingCls])
+        }, [
+          v(a.$slots, "trailing", O(T(u.value)), () => [
+            j(V(a.trailing), 1)
+          ])
+        ], 2))
+      ], 64)) : K("", !0)
     ], 10, Ce));
   }
 }), [be, he] = ee("MenuItem"), ke = /* @__PURE__ */ H({
-  ...Q("MenuItem"),
+  ...W("MenuItem"),
   __name: "MenuItem",
   props: {
     subMenuCloseDelay: { default: 300 },
@@ -193,7 +195,7 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
     branchIcon: { default: "tabler:chevron-right" }
   },
   setup(F) {
-    const t = F, l = Z(), g = r(() => {
+    const t = F, l = _(), g = r(() => {
       switch (t.size) {
         case "lg":
           return 10;
@@ -211,7 +213,7 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
     }), A = (s) => {
       var k;
       (h.value === "click" || (k = e.value) != null && k.length) && (s.stopPropagation(), s.preventDefault());
-    }, z = J("sub_menu"), n = Be(), D = r(() => {
+    }, z = Q("sub_menu"), n = Be(), $ = r(() => {
       var s;
       return ((s = oe()) == null ? void 0 : s.vnode.key) ?? de(d);
     }), L = be({}), e = r(() => {
@@ -219,11 +221,11 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
       return ((s = L.parentKeys) == null ? void 0 : s.value) ?? [];
     });
     he({
-      parentKeys: r(() => [...e.value, D.value])
+      parentKeys: r(() => [...e.value, $.value])
     });
     const y = r(() => ({
       ...t,
-      key: D.value,
+      key: $.value,
       hasChildren: u.value,
       parentKeys: e.value
     })), c = r(() => {
@@ -231,7 +233,7 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
       return ((s = n.size) == null ? void 0 : s.value) ?? t.size;
     }), f = () => !u.value && t.disabled, { rootBindings: S, inputBindings: G } = fe({
       getDisabled: f
-    }), W = r(() => {
+    }), X = r(() => {
       var s, k, M;
       return {
         ...ye(
@@ -258,10 +260,10 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
       };
     }), R = E(!1), se = r(() => {
       var s;
-      return ((s = n.isOpen) == null ? void 0 : s.call(n, D.value)) ?? R.value;
+      return ((s = n.isOpen) == null ? void 0 : s.call(n, $.value)) ?? R.value;
     }), te = (s) => {
       var M, p;
-      (((M = n.isOpen) == null ? void 0 : M.call(n, D.value)) ?? R.value) !== s && (n.onChildrenOpenChange ? (p = n.onChildrenOpenChange) == null || p.call(n, y.value, s) : R.value = s);
+      (((M = n.isOpen) == null ? void 0 : M.call(n, $.value)) ?? R.value) !== s && (n.onChildrenOpenChange ? (p = n.onChildrenOpenChange) == null || p.call(n, y.value, s) : R.value = s);
     }, le = r(() => {
       var s, k, M, p;
       return u.value ? {
@@ -287,51 +289,51 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
     });
     return (s, k) => {
       const M = re("MenuItem", !0);
-      return u.value ? (i(), N(ce, K({ key: 0 }, le.value, { "onUpdate:open": te }), {
-        content: T(() => [
-          v(s.$slots, "items", $(P({ ...t, key: D.value })), () => [
-            (i(!0), m(_, null, w(s.items, (p) => (i(), N(M, K({ ref_for: !0 }, p), U({ _: 2 }, [
+      return u.value ? (i(), N(ce, D({ key: 0 }, le.value, { "onUpdate:open": te }), {
+        content: P(() => [
+          v(s.$slots, "items", O(T({ ...t, key: $.value })), () => [
+            (i(!0), m(J, null, w(s.items, (p) => (i(), N(M, D({ ref_for: !0 }, p), U({ _: 2 }, [
               w(Object.keys(l), (B) => ({
                 name: B,
-                fn: T((ae) => [
-                  v(s.$slots, B, K({ ref_for: !0 }, ae))
+                fn: P((ae) => [
+                  v(s.$slots, B, D({ ref_for: !0 }, ae))
                 ])
               }))
             ]), 1040))), 256))
           ])
         ]),
-        default: T(() => [
-          u.value ? (i(), m("div", K({
+        default: P(() => [
+          u.value ? (i(), m("div", D({
             key: 0,
             class: [o(z), t.submenuTriggerCls],
             ref_key: "root",
             ref: a
           }, o(S)), [
-            ie(Y, K(W.value, {
+            ie(Z, D(X.value, {
               class: o(b)(o(z), "trigger")
             }), U({ _: 2 }, [
               w(Object.keys(l), (p) => ({
                 name: p,
-                fn: T((B) => [
-                  v(s.$slots, p, $(P(B)))
+                fn: P((B) => [
+                  v(s.$slots, p, O(T(B)))
                 ])
               }))
             ]), 1040, ["class"])
-          ], 16)) : O("", !0)
+          ], 16)) : K("", !0)
         ]),
         _: 3
-      }, 16)) : (i(), N(Y, $(K({ key: 1 }, W.value)), U({ _: 2 }, [
+      }, 16)) : (i(), N(Z, O(D({ key: 1 }, X.value)), U({ _: 2 }, [
         w(Object.keys(l), (p) => ({
           name: p,
-          fn: T((B) => [
-            v(s.$slots, p, $(P({ ...B, key: D.value })))
+          fn: P((B) => [
+            v(s.$slots, p, O(T({ ...B, key: $.value })))
           ])
         }))
       ]), 1040));
     };
   }
 }), Me = [...ne, "none"], [ze, Se] = ee("Menu"), Be = () => ze({}), Ue = /* @__PURE__ */ H({
-  ...Q("Menu"),
+  ...W("Menu"),
   __name: "Menu",
   props: {
     size: { default: "md" },
@@ -361,12 +363,12 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
     "select"
   ],
   setup(F, { emit: t }) {
-    const l = F, g = t, u = J("menu"), a = x(u, {
+    const l = F, g = t, u = Q("menu"), a = x(u, {
       variants: {
         gap: I(Me, u)
       }
     }), h = E(l.openKeys ?? []);
-    X(
+    Y(
       () => l.openKeys,
       () => {
         h.value = l.openKeys ?? [];
@@ -376,13 +378,13 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
       let c = q(h.value);
       y ? c = [...e.parentKeys, e.key] : c = c.filter((f) => f !== e.key), l.openKeys || (h.value = c), g("update:openKeys", c), g("openChange", c);
     }, z = (e) => h.value.includes(e), n = E(l.selectedKeys ?? []);
-    X(
+    Y(
       () => l.selectedKeys,
       () => {
         n.value = l.selectedKeys ?? [];
       }
     );
-    const D = (e, y) => {
+    const $ = (e, y) => {
       const c = ![void 0, null].includes(e.key) && (me(e.key) && !pe(e.key) || ge(e.key));
       if (!e.danger && !e.disabled && c && l.selectable && !e.hasChildren) {
         if (l.multiple)
@@ -411,7 +413,7 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
       subMenuOpenDelay: r(() => l.subMenuOpenDelay),
       triggerSubMenuAction: r(() => l.triggerSubMenuAction),
       submenuCls: r(() => l.submenuCls),
-      onClick: D,
+      onClick: $,
       isItemSelected: L,
       onChildrenOpenChange: A,
       isOpen: z
@@ -432,20 +434,20 @@ const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__
           v(e.$slots, "header", {}, () => [
             j(V(e.header), 1)
           ])
-        ], 2)) : O("", !0),
+        ], 2)) : K("", !0),
         e.$slots.headerActions ? (i(), m("div", {
           key: 1,
           class: C([o(b)(o(u), "header__actions")])
         }, [
           v(e.$slots, "headerActions")
-        ], 2)) : O("", !0)
-      ], 2)) : O("", !0),
+        ], 2)) : K("", !0)
+      ], 2)) : K("", !0),
       v(e.$slots, "default", {}, () => [
-        (i(!0), m(_, null, w(e.items, (c) => (i(), N(ke, K({ ref_for: !0 }, c), U({ _: 2 }, [
+        (i(!0), m(J, null, w(e.items, (c) => (i(), N(ke, D({ ref_for: !0 }, c), U({ _: 2 }, [
           w(Object.keys(e.$slots), (f) => ({
             name: f,
-            fn: T((S) => [
-              v(e.$slots, f, K({ ref_for: !0 }, S))
+            fn: P((S) => [
+              v(e.$slots, f, D({ ref_for: !0 }, S))
             ])
           }))
         ]), 1040))), 256))